@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Roboto:400,700");
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url(./_libraries/swiper.css);
@import url(./_libraries/cropper.min.css);
@import url(./_libraries/auto-complete.css);
.box-form .form-item > :first-child, #pageBody > :first-child, .section.bg > :first-child, .box-content > :first-child, .box-content.column > * > :first-child, .box-content.column > .section > :first-child, .layout-flex > * > :first-child, .tingle-modal-box__content > :first-child, .mod-profile > * > :first-child, .mod-job > * > :first-child, .mod-report .box-report > :first-child, .card-applicant.small .footer > :first-child, .small.card-company .footer > :first-child, .small.card-fair .footer > :first-child, .small.card-selection .footer > :first-child, h4:first-child, #pageBody .section:first-child {
  margin-top: 0; }

.box-form .form-item > :last-child, #pageBody > :last-child, .section.bg > :last-child, .box-content > :last-child, .box-content.column > * > :last-child, .box-content.column > .section > :last-child, .layout-flex > * > :last-child, .tingle-modal-box__content > :last-child, .mod-profile > * > :last-child, .mod-job > * > :last-child, .mod-report .box-report > :last-child, .card-applicant.small .footer > :last-child, .small.card-company .footer > :last-child, .small.card-fair .footer > :last-child, .small.card-selection .footer > :last-child, h4:last-child, #pageBody .section:last-child {
  margin-bottom: 0; }

#pageBody .breadcrumbs ul, #pageBody h1, .box-content, .box-link, .box-tabMenu > ul, #dashboardHeader ul, #pageHeader + .headerInfo > p, .profileHeader, #pageFooter .utilityNav .utilityNavInner, #pageFooter .siteNav .siteNavInner {
  width: 1060px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto; }

html {
  height: 100%;
  color: #454545;
  font-size: 62.5%;
  font-family: "Roboto", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-smoothing: antialiased;
  line-height: 1.75;
  letter-spacing: 0.05em;
  background: #fff; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border: none;
  margin: 0;
  background: none;
  outline: none; }

input, textarea, select, button {
  font: inherit; }

ul, ol {
  list-style: none; }

img {
  display: block;
  width: 100%;
  height: auto; }

a {
  color: inherit;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }

button {
  cursor: pointer; }

@font-face {
  font-family: 'FVC';
  src: url("/static/common/fonts/FVC.eot?rc5ahy");
  src: url("/static/common/fonts/FVC.eot?rc5ahy#iefix") format("embedded-opentype"), url("/static/common/fonts/FVC.ttf?i6njj1") format("truetype"), url("/static/common/fonts/FVC.woff?i6njj1") format("woff"), url("/static/common/fonts/FVC.svg?i6njj1#FVC") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-WeChat:before, .icon-LinkedIn:before, .icon-GooglePlus:before, .icon-Twitter:before, .icon-XING:before, .icon-GitHub:before, .icon-Facebook:before, .icon-YouTube:before, .icon-Medium:before, .icon-Weibo:before, .icon-download:after, .button-download:after, .link-prev:before, .button-prev:before, .link-next:after, .button-next:after, .button-edit:before,
.button-delete:before, .form-editable .addButton:before, .box-button .addButton:before, .box-upload-send .addButton:before, .mod-slider .prevButton:before, .mod-imageSlider .main .prevButton:before, .mod-jobSlider .main .prevButton:before, .mod-imageSlider .thumb .prevButton:before, .mod-jobSlider .thumb .prevButton:before, .mod-pager .prevButton:before, .card-slider .slider .prevButton:before, .card-slider .slider-top .prevButton:before,
.mod-slider .nextButton:before,
.mod-imageSlider .main .nextButton:before,
.mod-jobSlider .main .nextButton:before,
.mod-imageSlider .thumb .nextButton:before,
.mod-jobSlider .thumb .nextButton:before,
.mod-pager .nextButton:before,
.card-slider .slider .nextButton:before,
.card-slider .slider-top .nextButton:before, .box-article-detail .pinButton:before, .list-article > li .text .pinButton:before, .mod-appProfile .pinButton:before, .mod-candidate .pinButton:before, .mod-company .pinButton:before, .card-applicant .pinButton:before, .card-company .pinButton:before, .card-fair .pinButton:before, .card-selection .pinButton:before, .card-news .pinButton:before, .form-checkbox input[type="checkbox"]:checked + label:after, .form-select:after, .form-selectButton .select:after, .form-fondness label:before, .form-editable .deleteButton:before,
.form-editable .editButton:before, .form-tag .tag button.remove:before, .form-tag > button:before, .form-upload .input:before, .form-upload.gallery .preview .image:hover:after, #pageBody .breadcrumbs ul > li + li:before, .list-editable .deleteButton:before, .list-radio .deleteButton:before, #dashboardHeader li a:before, #dashboardHeader li button:before, .sort-by > p:first-child:before, #pageHeader .function .language form:before, #pageHeader .function .userNav button:before, .profileHeader dd > div:before, .profileHeader dd .achieve.complete:before, .mod-appProfile .configButton:before, .mod-candidate .configButton:before, .mod-company .configButton:before, .card-applicant .configButton:before, .card-company .configButton:before, .card-fair .configButton:before, .card-selection .configButton:before, .mod-appProfile .actionTimestamp:before, .mod-candidate .actionTimestamp:before, .mod-company .actionTimestamp:before, .card-applicant .actionTimestamp:before, .card-company .actionTimestamp:before, .card-fair .actionTimestamp:before, .card-selection .actionTimestamp:before, .mod-appProfile .matchLevel:before, .mod-candidate .matchLevel:before, .mod-company .matchLevel:before, .card-applicant .matchLevel:before, .card-company .matchLevel:before, .card-fair .matchLevel:before, .card-selection .matchLevel:before, .mod-appProfile .matchLevel:after, .mod-candidate .matchLevel:after, .mod-company .matchLevel:after, .card-applicant .matchLevel:after, .card-company .matchLevel:after, .card-fair .matchLevel:after, .card-selection .matchLevel:after, .mod-appProfile .fondness:before, .mod-candidate .fondness:before, .mod-company .fondness:before, .card-applicant .fondness:before, .card-company .fondness:before, .card-fair .fondness:before, .card-selection .fondness:before, .mod-appProfile .fondness .star:before, .mod-candidate .fondness .star:before, .mod-company .fondness .star:before, .card-applicant .fondness .star:before, .card-company .fondness .star:before, .card-fair .fondness .star:before, .card-selection .fondness .star:before, .mod-appProfile .salary:before, .mod-candidate .salary:before, .mod-company .salary:before, .card-applicant .salary:before, .card-company .salary:before, .card-fair .salary:before, .card-selection .salary:before,
.mod-appProfile .language:before,
.mod-candidate .language:before,
.mod-company .language:before,
.card-applicant .language:before,
.card-company .language:before,
.card-fair .language:before,
.card-selection .language:before,
.mod-appProfile .location:before,
.mod-candidate .location:before,
.mod-company .location:before,
.card-applicant .location:before,
.card-company .location:before,
.card-fair .location:before,
.card-selection .location:before, .mod-appProfile .hide a:before, .mod-candidate .hide a:before, .mod-company .hide a:before, .card-applicant .hide a:before, .card-company .hide a:before, .card-fair .hide a:before, .card-selection .hide a:before,
.mod-appProfile .hide button:before,
.mod-candidate .hide button:before,
.mod-company .hide button:before,
.card-applicant .hide button:before,
.card-company .hide button:before,
.card-fair .hide button:before,
.card-selection .hide button:before,
.mod-appProfile .withdraw a:before,
.mod-candidate .withdraw a:before,
.mod-company .withdraw a:before,
.card-applicant .withdraw a:before,
.card-company .withdraw a:before,
.card-fair .withdraw a:before,
.card-selection .withdraw a:before,
.mod-appProfile .withdraw button:before,
.mod-candidate .withdraw button:before,
.mod-company .withdraw button:before,
.card-applicant .withdraw button:before,
.card-company .withdraw button:before,
.card-fair .withdraw button:before,
.card-selection .withdraw button:before, .mod-profile .memoButton:before, .mod-job .memoButton:before, .mod-progress .message + .withdraw button:before, .mod-tips .button-tips:before, .mod-tips .button-tips:after, .mod-report .box-report .close:after, .mod-report .window li .star:before, .mod-report .window li .pined:before, .mod-report .window li .compare:before, .mod-radios-datetime li label:after, .mod-selectDateTime .form-selectButton .body:after, .mod-selectDateTime .form-selectButton .list-option label span:before, .mod-select-datetime > li .select:before, .mod-select-datetime > li .select:after, .mod-select-datetime > li .list-select li:before, .mod-accordion .accordion-button.icon-after:after, .tingle-modal__close:before, .flatpickr-prev-month:before,
.flatpickr-next-month:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'FVC' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .disabled.icon-WeChat:before, .disabled.icon-LinkedIn:before, .disabled.icon-GooglePlus:before, .disabled.icon-Twitter:before, .disabled.icon-XING:before, .disabled.icon-GitHub:before, .disabled.icon-Facebook:before, .disabled.icon-YouTube:before, .disabled.icon-Medium:before, .disabled.icon-Weibo:before, .disabled.icon-download:after, .disabled.button-download:after, .disabled.link-prev:before, .disabled.button-prev:before, .disabled.link-next:after, .disabled.button-next:after, .disabled.button-edit:before,
  .disabled.button-delete:before, .form-editable .disabled.addButton:before, .box-button .disabled.addButton:before, .box-upload-send .disabled.addButton:before, .mod-slider .disabled.prevButton:before, .mod-imageSlider .main .disabled.prevButton:before, .mod-jobSlider .main .disabled.prevButton:before, .mod-imageSlider .thumb .disabled.prevButton:before, .mod-jobSlider .thumb .disabled.prevButton:before, .mod-pager .disabled.prevButton:before, .card-slider .slider .disabled.prevButton:before, .card-slider .slider-top .disabled.prevButton:before,
  .mod-slider .disabled.nextButton:before,
  .mod-imageSlider .main .disabled.nextButton:before,
  .mod-jobSlider .main .disabled.nextButton:before,
  .mod-imageSlider .thumb .disabled.nextButton:before,
  .mod-jobSlider .thumb .disabled.nextButton:before,
  .mod-pager .disabled.nextButton:before,
  .card-slider .slider .disabled.nextButton:before,
  .card-slider .slider-top .disabled.nextButton:before, .box-article-detail .disabled.pinButton:before, .list-article > li .text .disabled.pinButton:before, .mod-appProfile .disabled.pinButton:before, .mod-candidate .disabled.pinButton:before, .mod-company .disabled.pinButton:before, .card-applicant .disabled.pinButton:before, .card-company .disabled.pinButton:before, .card-fair .disabled.pinButton:before, .card-selection .disabled.pinButton:before, .card-news .disabled.pinButton:before, .form-checkbox input[type="checkbox"]:checked + label.disabled:after, .disabled.form-select:after, .form-selectButton .disabled.select:after, .form-fondness label.disabled:before, .form-editable .disabled.deleteButton:before,
  .form-editable .disabled.editButton:before, .form-tag .tag button.disabled.remove:before, .form-tag > button.disabled:before, .form-upload .disabled.input:before, .form-upload.gallery .preview .disabled.image:hover:after, #pageBody .breadcrumbs ul > li + li.disabled:before, .list-editable .disabled.deleteButton:before, .list-radio .disabled.deleteButton:before, #dashboardHeader li a.disabled:before, #dashboardHeader li button.disabled:before, .sort-by > p.disabled:first-child:before, #pageHeader .function .language form.disabled:before, #pageHeader .function .userNav button.disabled:before, .profileHeader dd > div.disabled:before, .profileHeader dd .disabled.achieve.complete:before, .mod-appProfile .disabled.configButton:before, .mod-candidate .disabled.configButton:before, .mod-company .disabled.configButton:before, .card-applicant .disabled.configButton:before, .card-company .disabled.configButton:before, .card-fair .disabled.configButton:before, .card-selection .disabled.configButton:before, .mod-appProfile .disabled.actionTimestamp:before, .mod-candidate .disabled.actionTimestamp:before, .mod-company .disabled.actionTimestamp:before, .card-applicant .disabled.actionTimestamp:before, .card-company .disabled.actionTimestamp:before, .card-fair .disabled.actionTimestamp:before, .card-selection .disabled.actionTimestamp:before, .mod-appProfile .disabled.matchLevel:before, .mod-candidate .disabled.matchLevel:before, .mod-company .disabled.matchLevel:before, .card-applicant .disabled.matchLevel:before, .card-company .disabled.matchLevel:before, .card-fair .disabled.matchLevel:before, .card-selection .disabled.matchLevel:before, .mod-appProfile .disabled.matchLevel:after, .mod-candidate .disabled.matchLevel:after, .mod-company .disabled.matchLevel:after, .card-applicant .disabled.matchLevel:after, .card-company .disabled.matchLevel:after, .card-fair .disabled.matchLevel:after, .card-selection .disabled.matchLevel:after, .mod-appProfile .disabled.fondness:before, .mod-candidate .disabled.fondness:before, .mod-company .disabled.fondness:before, .card-applicant .disabled.fondness:before, .card-company .disabled.fondness:before, .card-fair .disabled.fondness:before, .card-selection .disabled.fondness:before, .mod-appProfile .fondness .disabled.star:before, .mod-candidate .fondness .disabled.star:before, .mod-company .fondness .disabled.star:before, .card-applicant .fondness .disabled.star:before, .card-company .fondness .disabled.star:before, .card-fair .fondness .disabled.star:before, .card-selection .fondness .disabled.star:before, .mod-appProfile .disabled.salary:before, .mod-candidate .disabled.salary:before, .mod-company .disabled.salary:before, .card-applicant .disabled.salary:before, .card-company .disabled.salary:before, .card-fair .disabled.salary:before, .card-selection .disabled.salary:before,
  .mod-appProfile .disabled.language:before,
  .mod-candidate .disabled.language:before,
  .mod-company .disabled.language:before,
  .card-applicant .disabled.language:before,
  .card-company .disabled.language:before,
  .card-fair .disabled.language:before,
  .card-selection .disabled.language:before,
  .mod-appProfile .disabled.location:before,
  .mod-candidate .disabled.location:before,
  .mod-company .disabled.location:before,
  .card-applicant .disabled.location:before,
  .card-company .disabled.location:before,
  .card-fair .disabled.location:before,
  .card-selection .disabled.location:before, .mod-appProfile .hide a.disabled:before, .mod-candidate .hide a.disabled:before, .mod-company .hide a.disabled:before, .card-applicant .hide a.disabled:before, .card-company .hide a.disabled:before, .card-fair .hide a.disabled:before, .card-selection .hide a.disabled:before,
  .mod-appProfile .hide button.disabled:before,
  .mod-candidate .hide button.disabled:before,
  .mod-company .hide button.disabled:before,
  .card-applicant .hide button.disabled:before,
  .card-company .hide button.disabled:before,
  .card-fair .hide button.disabled:before,
  .card-selection .hide button.disabled:before,
  .mod-appProfile .withdraw a.disabled:before,
  .mod-candidate .withdraw a.disabled:before,
  .mod-company .withdraw a.disabled:before,
  .card-applicant .withdraw a.disabled:before,
  .card-company .withdraw a.disabled:before,
  .card-fair .withdraw a.disabled:before,
  .card-selection .withdraw a.disabled:before,
  .mod-appProfile .withdraw button.disabled:before,
  .mod-candidate .withdraw button.disabled:before,
  .mod-company .withdraw button.disabled:before,
  .card-applicant .withdraw button.disabled:before,
  .card-company .withdraw button.disabled:before,
  .card-fair .withdraw button.disabled:before,
  .card-selection .withdraw button.disabled:before, .mod-profile .disabled.memoButton:before, .mod-job .disabled.memoButton:before, .mod-progress .message + .withdraw button.disabled:before, .mod-tips .disabled.button-tips:before, .mod-tips .disabled.button-tips:after, .mod-report .box-report .disabled.close:after, .mod-report .window li .disabled.star:before, .mod-report .window li .disabled.pined:before, .mod-report .window li .disabled.compare:before, .mod-radios-datetime li label.disabled:after, .mod-selectDateTime .form-selectButton .disabled.body:after, .mod-selectDateTime .form-selectButton .list-option label span.disabled:before, .mod-select-datetime > li .disabled.select:before, .mod-select-datetime > li .disabled.select:after, .mod-select-datetime > li .list-select li.disabled:before, .mod-accordion .disabled.accordion-button.icon-after:after, .disabled.tingle-modal__close:before, .disabled.flatpickr-prev-month:before,
  .disabled.flatpickr-next-month:before {
    color: #b3b3b3; }

.icon-arrow_top:before {
  content: ""; }

.icon-arrow_right:before {
  content: ""; }

.icon-arrow_bottom:before {
  content: ""; }

.icon-arrow_left:before {
  content: ""; }

.icon-WeChat.disabled {
  pointer-events: none; }

.icon-WeChat:before {
  content: "\e901";
  color: #48c431; }

.icon-LinkedIn.disabled {
  pointer-events: none; }

.icon-LinkedIn:before {
  content: "\e902";
  color: #0077b5; }

.icon-GooglePlus.disabled {
  pointer-events: none; }

.icon-GooglePlus:before {
  content: "\e903";
  color: #de4f3e; }

.icon-Twitter:before {
  content: "\e904";
  color: #55acee; }

.icon-XING.disabled {
  pointer-events: none; }

.icon-XING:before {
  content: "\e905";
  color: #006567; }

.icon-GitHub:before {
  content: "\e906";
  color: #171515; }

.icon-Facebook.disabled {
  pointer-events: none; }

.icon-Facebook:before {
  content: "\e907";
  color: #3b5998; }

.icon-YouTube:before {
  content: "\e922";
  color: #ff0000; }

.icon-Medium:before {
  content: "\e923";
  color: #084b8a; }

.icon-Weibo:before {
  content: "\e924";
  color: #e6162c; }

.icon-menu_report:before {
  content: ""; }

.icon-求人登録:before {
  content: ""; }

.icon-候補者を探す:before {
  content: ""; }

.icon-応募管理:before {
  content: ""; }

.icon-download:after, .button-download:after {
  content: "\e91d"; }

.icon-download:hover, .button-download:hover {
  opacity: 0.6; }

.icon-UploadCV:before {
  content: ""; }

.icon-Experience:before {
  content: ""; }

.icon-Expectation:before {
  content: ""; }

.icon-online:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  background-color: #2bcc59;
  border-radius: 50%; }

.icon-frame {
  border: #b3b3b3 solid 1px; }

.text-ll, .box-message .text-message, .box-alert .text-message {
  font-size: 2em;
  line-height: 1.8; }
  .text-ll.bold, .box-message .bold.text-message, .box-alert .bold.text-message {
    font-weight: bold; }

.text-header-alert {
  font-size: 2.5rem;
  color: #ffffff;
  background-color: #454545; }

.text-l, .text-emphasis, .text-alert.emphasis, .emphasis.text-button {
  font-size: 1.6em;
  line-height: 1.8; }

.text-m, .text-normal, ul.text-list-table, .text-border, .list-normal > li, .text-alert, .text-button, #pageHeader .function .job-plus p {
  font-size: 1.4em;
  line-height: 1.8; }

.text-s {
  font-size: 1.2em;
  line-height: 1.8; }

.text-ss {
  font-size: 1em;
  line-height: 1.8; }

.text-xs {
  font-size: 0.8em;
  line-height: 1.8; }

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

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

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

.text-normal, ul.text-list-table, .text-border, .list-normal > li {
  color: #454545;
  font-weight: normal;
  word-wrap: break-word; }
  .text-normal.emphasis, ul.emphasis.text-list-table, .emphasis.text-border, .list-normal > li.emphasis {
    font-weight: bold; }
  .form-item .text-normal, .form-item ul.text-list-table, .form-item .text-border, .form-item .list-normal > li {
    font-size: 100%; }

em {
  font-style: inherit;
  font-weight: bold; }

button.text-normal, button.text-border {
  text-decoration: underline; }

.text-emphasis {
  color: black;
  font-weight: bold; }
  .text-emphasis.error {
    color: #ee1515; }
  .text-emphasis.success {
    color: #444; }
  .text-emphasis.warning {
    color: #eb501e; }

.link-prev, .button-prev {
  text-decoration: none; }
  .link-prev:before, .button-prev:before {
    content: "\e90e";
    display: inline-block;
    margin-right: .5em;
    color: #eb501e;
    vertical-align: middle; }
  .link-prev:hover, .button-prev:hover {
    opacity: 0.6; }

.link-next, .button-next {
  text-decoration: none; }
  .link-next:after, .button-next:after {
    content: "\e90c";
    display: inline-block;
    margin-left: .5em;
    color: #eb501e;
    vertical-align: middle; }
  .link-next:hover, .button-next:hover {
    opacity: 0.6; }

.text-alert, .text-button {
  font-weight: normal; }
  .text-alert.emphasis, .emphasis.text-button {
    font-weight: bold;
    text-align: center; }
  .text-alert.error, .error.text-button {
    color: #ee1515!important; }
  .text-alert.success, .success.text-button {
    color: #444!important; }
  .text-alert.warning, .warning.text-button {
    color: #eb501e!important; }

.text-button {
  display: inline-block;
  text-decoration: none; }
  .text-button[class*="icon-"] {
    padding-right: 1em; }
    .text-button[class*="icon-"]:after {
      font-size: 171.42857%;
      vertical-align: middle; }

table.text-table {
  font-size: 1.4em;
  line-height: 1.3; }
  table.text-table th {
    padding: 5px 0;
    color: #999999;
    font-weight: normal;
    text-align: right; }
    table.text-table th:after {
      content: " : "; }
  table.text-table td {
    padding: 5px 0;
    color: black;
    font-weight: bold; }

dl.text-dl dt, .mod-appProfile .matchLevel dt, .mod-candidate .matchLevel dt, .mod-company .matchLevel dt, .card-applicant .matchLevel dt, .card-company .matchLevel dt, .card-fair .matchLevel dt, .card-selection .matchLevel dt, .mod-appProfile .attribute dt, .mod-candidate .attribute dt, .mod-company .attribute dt, .card-applicant .attribute dt, .card-company .attribute dt, .card-fair .attribute dt, .card-selection .attribute dt, .mod-profile .note dl.pined dt, .mod-job .note dl.pined dt, dl.text-dl dd, .mod-appProfile .matchLevel dd, .mod-candidate .matchLevel dd, .mod-company .matchLevel dd, .card-applicant .matchLevel dd, .card-company .matchLevel dd, .card-fair .matchLevel dd, .card-selection .matchLevel dd, .mod-appProfile .attribute dd, .mod-candidate .attribute dd, .mod-company .attribute dd, .card-applicant .attribute dd, .card-company .attribute dd, .card-fair .attribute dd, .card-selection .attribute dd, .mod-profile .note dl.pined dd, .mod-job .note dl.pined dd {
  display: inline-block; }

dl.text-dl dt, .mod-appProfile .matchLevel dt, .mod-candidate .matchLevel dt, .mod-company .matchLevel dt, .card-applicant .matchLevel dt, .card-company .matchLevel dt, .card-fair .matchLevel dt, .card-selection .matchLevel dt, .mod-appProfile .attribute dt, .mod-candidate .attribute dt, .mod-company .attribute dt, .card-applicant .attribute dt, .card-company .attribute dt, .card-fair .attribute dt, .card-selection .attribute dt, .mod-profile .note dl.pined dt, .mod-job .note dl.pined dt {
  color: #999999; }
  dl.text-dl dt:after, .mod-appProfile .matchLevel dt:after, .mod-candidate .matchLevel dt:after, .mod-company .matchLevel dt:after, .card-applicant .matchLevel dt:after, .card-company .matchLevel dt:after, .card-fair .matchLevel dt:after, .card-selection .matchLevel dt:after, .mod-appProfile .attribute dt:after, .mod-candidate .attribute dt:after, .mod-company .attribute dt:after, .card-applicant .attribute dt:after, .card-company .attribute dt:after, .card-fair .attribute dt:after, .card-selection .attribute dt:after, .mod-profile .note dl.pined dt:after, .mod-job .note dl.pined dt:after {
    content: " : "; }

dl.text-dl dd, .mod-appProfile .matchLevel dd, .mod-candidate .matchLevel dd, .mod-company .matchLevel dd, .card-applicant .matchLevel dd, .card-company .matchLevel dd, .card-fair .matchLevel dd, .card-selection .matchLevel dd, .mod-appProfile .attribute dd, .mod-candidate .attribute dd, .mod-company .attribute dd, .card-applicant .attribute dd, .card-company .attribute dd, .card-fair .attribute dd, .card-selection .attribute dd, .mod-profile .note dl.pined dd, .mod-job .note dl.pined dd {
  color: black;
  font-weight: bold; }
  dl.text-dl dd + dt, .mod-appProfile .matchLevel dd + dt, .mod-candidate .matchLevel dd + dt, .mod-company .matchLevel dd + dt, .card-applicant .matchLevel dd + dt, .card-company .matchLevel dd + dt, .card-fair .matchLevel dd + dt, .card-selection .matchLevel dd + dt, .mod-appProfile .attribute dd + dt, .mod-candidate .attribute dd + dt, .mod-company .attribute dd + dt, .card-applicant .attribute dd + dt, .card-company .attribute dd + dt, .card-fair .attribute dd + dt, .card-selection .attribute dd + dt, .mod-profile .note dl.pined dd + dt, .mod-job .note dl.pined dd + dt {
    margin-left: 1em; }

dl.text-dl {
  font-size: 1.4em;
  line-height: 1.3; }
  dl.text-dl .emphasis {
    color: #ee1515; }
  dl.text-dl.text-break {
    word-break: break-word; }

.tag-skill, .tag-benefit, .tag-category, .form-tag .tag, .form-tag > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 120px;
  height: 26px;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  font-size: 13px;
  line-height: 1.3; }

.tag-skill, .tag-benefit, .tag-category {
  border-color: #eb501e;
  color: #eb501e;
  font-weight: bold;
  background-color: #fdeee9;
  border-radius: 13px; }

.tag-category {
  padding: 0 10px; }

table.table-list {
  font-size: 1.4em;
  border-spacing: 20px 0;
  margin: 0 -20px; }
  table.table-list tr {
    height: 56px; }
    table.table-list tr th, table.table-list tr td {
      border-top: 1px solid #d1d1d1; }
    table.table-list tr th {
      width: 150px;
      text-align: left; }
    table.table-list tr td {
      padding: 21px 0;
      word-break: break-word; }
  table.table-list tr:last-child th, table.table-list tr:last-child td {
    border-bottom: 1px solid #d1d1d1; }

.text-border {
  border-bottom: 1px solid #d1d1d1;
  padding: 10px 0 20px;
  margin-bottom: 20px; }

.events-none {
  pointer-events: none; }

.flex-align-center {
  -ms-flex-item-align: center;
      align-self: center; }

.button-primary, .button-submit, .button-delete, .toggleSaveButton:before, .button-secondary, .button-cancel, .button-edit, .toggleSaveButton.saved:before, .button-ribbon, .form-radioButton label, .form-checkButton label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 260px;
  height: 52px;
  padding: 5px 20px;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  border-radius: 4px; }
  .small.button-primary, .small.button-submit, .small.button-delete, .small.toggleSaveButton:before, .small.button-secondary, .small.button-cancel, .small.button-edit, .small.button-ribbon, .form-radioButton label.small, .form-checkButton label.small {
    width: 130px; }
  .large.button-primary, .large.button-submit, .large.button-delete, .large.toggleSaveButton:before, .large.button-secondary, .large.button-cancel, .large.button-edit, .large.button-ribbon, .form-radioButton label.large, .form-checkButton label.large {
    width: 380px;
    font-size: 1.8em; }
  .xlarge.button-primary, .xlarge.button-submit, .xlarge.button-delete, .xlarge.toggleSaveButton:before, .xlarge.button-secondary, .xlarge.button-cancel, .xlarge.button-edit, .xlarge.button-ribbon, .form-radioButton label.xlarge, .form-checkButton label.xlarge {
    width: 600px;
    height: 65px;
    font-size: 2.5em; }

.button-primary:disabled, .button-submit:disabled, .button-delete:disabled, .toggleSaveButton:disabled:before, .button-secondary:disabled, .button-cancel:disabled, .button-edit:disabled, .button-ribbon:disabled, .form-radioButton label:disabled, .form-checkButton label:disabled, .form-radioButton input[type="radio"]:disabled + label, .form-checkButton input[type="checkbox"]:disabled + label {
  background: #d1d1d1;
  cursor: default;
  color: #fff;
  border: none; }
  .button-primary:hover:disabled, .button-submit:hover:disabled, .button-delete:hover:disabled, .toggleSaveButton:hover:disabled:before, .button-secondary:hover:disabled, .button-cancel:hover:disabled, .button-edit:hover:disabled, .button-ribbon:hover:disabled, .form-radioButton label:hover:disabled, .form-checkButton label:hover:disabled, .form-radioButton input[type="radio"]:disabled + label:hover, .form-checkButton input[type="checkbox"]:disabled + label:hover {
    background: #d1d1d1;
    cursor: default;
    color: #fff;
    border: none;
    opacity: 1; }

.form-radioButton input[type="radio"]:checked + label, .form-checkButton input[type="checkbox"]:checked + label {
  color: #eb501e;
  background: #fdeee9; }

.button-primary, .button-submit, .button-delete, .toggleSaveButton:before {
  color: #fff;
  background-color: #eb501e; }
  .button-primary:hover, .button-submit:hover, .button-delete:hover, .toggleSaveButton:hover:before {
    opacity: .7; }

.button-secondary, .button-cancel, .button-edit, .toggleSaveButton.saved:before {
  color: #eb501e;
  border: #eb501e solid 1px;
  background: white; }
  .button-secondary:hover, .button-cancel:hover, .button-edit:hover, .toggleSaveButton.saved:hover:before {
    background-color: #fdeee9; }

.button-edit:before,
.button-delete:before {
  margin-right: .6em; }

.button-edit:before {
  content: "\e915";
  font-size: 1.4em; }

.button-delete {
  border-color: #999999;
  background-color: #999999;
  color: #fff; }
  .button-delete:before {
    content: "\e910";
    font-size: 1.2em; }

.form-editable .addButton, .box-button .addButton, .box-upload-send .addButton {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden; }
  .form-editable .addButton:before, .box-button .addButton:before, .box-upload-send .addButton:before {
    content: "\e912";
    display: block;
    width: 40px;
    height: 40px;
    color: #b3b3b3;
    font-size: 40px; }

.button-next,
.button-prev {
  position: fixed;
  top: 50%;
  z-index: 201;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  background: whitesmoke; }

.button-prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: -40px; }
  .button-prev:before {
    margin-left: 40px;
    margin-right: 50px;
    line-height: 90px; }

.button-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  right: -40px; }
  .button-next:after {
    margin-right: 40px;
    margin-left: 50px;
    line-height: 90px; }

.mod-slider .prevButton, .mod-imageSlider .main .prevButton, .mod-jobSlider .main .prevButton, .mod-imageSlider .thumb .prevButton, .mod-jobSlider .thumb .prevButton, .mod-pager .prevButton, .card-slider .slider .prevButton, .card-slider .slider-top .prevButton,
.mod-slider .nextButton,
.mod-imageSlider .main .nextButton,
.mod-jobSlider .main .nextButton,
.mod-imageSlider .thumb .nextButton,
.mod-jobSlider .thumb .nextButton,
.mod-pager .nextButton,
.card-slider .slider .nextButton,
.card-slider .slider-top .nextButton {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: auto;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .2s;
          transition-duration: .2s; }
  .mod-slider .prevButton:before, .mod-imageSlider .main .prevButton:before, .mod-jobSlider .main .prevButton:before, .mod-imageSlider .thumb .prevButton:before, .mod-jobSlider .thumb .prevButton:before, .mod-pager .prevButton:before, .card-slider .slider .prevButton:before, .card-slider .slider-top .prevButton:before,
  .mod-slider .nextButton:before,
  .mod-imageSlider .main .nextButton:before,
  .mod-jobSlider .main .nextButton:before,
  .mod-imageSlider .thumb .nextButton:before,
  .mod-jobSlider .thumb .nextButton:before,
  .mod-pager .nextButton:before,
  .card-slider .slider .nextButton:before,
  .card-slider .slider-top .nextButton:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    color: #eb501e;
    font-size: 30px; }
  .mod-slider .prevButton:hover, .mod-imageSlider .main .prevButton:hover, .mod-jobSlider .main .prevButton:hover, .mod-imageSlider .thumb .prevButton:hover, .mod-jobSlider .thumb .prevButton:hover, .mod-pager .prevButton:hover, .card-slider .slider .prevButton:hover, .card-slider .slider-top .prevButton:hover,
  .mod-slider .nextButton:hover,
  .mod-imageSlider .main .nextButton:hover,
  .mod-jobSlider .main .nextButton:hover,
  .mod-imageSlider .thumb .nextButton:hover,
  .mod-jobSlider .thumb .nextButton:hover,
  .mod-pager .nextButton:hover,
  .card-slider .slider .nextButton:hover,
  .card-slider .slider-top .nextButton:hover {
    opacity: 0.6; }

.mod-slider .prevButton, .mod-imageSlider .main .prevButton, .mod-jobSlider .main .prevButton, .mod-imageSlider .thumb .prevButton, .mod-jobSlider .thumb .prevButton, .mod-pager .prevButton, .card-slider .slider .prevButton, .card-slider .slider-top .prevButton {
  left: 0; }
  .mod-slider .prevButton:before, .mod-imageSlider .main .prevButton:before, .mod-jobSlider .main .prevButton:before, .mod-imageSlider .thumb .prevButton:before, .mod-jobSlider .thumb .prevButton:before, .mod-pager .prevButton:before, .card-slider .slider .prevButton:before, .card-slider .slider-top .prevButton:before {
    content: "\e90e"; }


.mod-slider .nextButton,
.mod-imageSlider .main .nextButton,
.mod-jobSlider .main .nextButton,
.mod-imageSlider .thumb .nextButton,
.mod-jobSlider .thumb .nextButton,
.mod-pager .nextButton,
.card-slider .slider .nextButton,
.card-slider .slider-top .nextButton {
  right: 0; }
  
  .mod-slider .nextButton:before,
  .mod-imageSlider .main .nextButton:before,
  .mod-jobSlider .main .nextButton:before,
  .mod-imageSlider .thumb .nextButton:before,
  .mod-jobSlider .thumb .nextButton:before,
  .mod-pager .nextButton:before,
  .card-slider .slider .nextButton:before,
  .card-slider .slider-top .nextButton:before {
    content: "\e90c"; }

.mod-slider .swiper-button-disabled, .mod-imageSlider .main .swiper-button-disabled, .mod-jobSlider .main .swiper-button-disabled, .mod-imageSlider .thumb .swiper-button-disabled, .mod-jobSlider .thumb .swiper-button-disabled, .mod-pager .swiper-button-disabled, .card-slider .slider .swiper-button-disabled, .card-slider .slider-top .swiper-button-disabled {
  opacity: 0; }

.box-article-detail .pinButton, .list-article > li .text .pinButton, .mod-appProfile .pinButton, .mod-candidate .pinButton, .mod-company .pinButton, .card-applicant .pinButton, .card-company .pinButton, .card-fair .pinButton, .card-selection .pinButton, .card-news .pinButton {
  display: block;
  width: 33.6px;
  height: 33.6px;
  overflow: hidden; }
  .box-article-detail .pinButton:before, .list-article > li .text .pinButton:before, .mod-appProfile .pinButton:before, .mod-candidate .pinButton:before, .mod-company .pinButton:before, .card-applicant .pinButton:before, .card-company .pinButton:before, .card-fair .pinButton:before, .card-selection .pinButton:before, .card-news .pinButton:before {
    content: "\e919";
    display: block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 4.8px;
    color: #333333;
    font-size: 24px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
            transition-duration: .2s; }
  .box-article-detail .pinButton:hover, .list-article > li .text .pinButton:hover, .mod-appProfile .pinButton:hover, .mod-candidate .pinButton:hover, .mod-company .pinButton:hover, .card-applicant .pinButton:hover, .card-company .pinButton:hover, .card-fair .pinButton:hover, .card-selection .pinButton:hover, .card-news .pinButton:hover {
    opacity: 0.6; }
  .box-article-detail .pined.pinButton:before, .list-article > li .text .pined.pinButton:before, .mod-appProfile .pined.pinButton:before, .mod-candidate .pined.pinButton:before, .mod-company .pined.pinButton:before, .card-applicant .pined.pinButton:before, .card-company .pined.pinButton:before, .card-fair .pined.pinButton:before, .card-selection .pined.pinButton:before, .card-news .pined.pinButton:before {
    color: #eb501e;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .box-article-detail .pined.pinButton:hover, .list-article > li .text .pined.pinButton:hover, .mod-appProfile .pined.pinButton:hover, .mod-candidate .pined.pinButton:hover, .mod-company .pined.pinButton:hover, .card-applicant .pined.pinButton:hover, .card-company .pined.pinButton:hover, .card-fair .pined.pinButton:hover, .card-selection .pined.pinButton:hover, .card-news .pined.pinButton:hover {
    opacity: 0.6; }

.toggleSaveButton:before {
  padding: 0px;
  content: "Save"; }

.toggleSaveButton.saved:before {
  padding: 0px;
  content: "Edit"; }

.button-download:after {
  display: inline-block;
  margin-left: .4em;
  font-size: 1.5em;
  vertical-align: middle; }

.button-download:hover {
  opacity: 0.6; }

.button-ribbon {
  display: block;
  position: relative;
  color: #fff;
  background-color: #eb501e; }
  .button-ribbon:hover {
    opacity: .7; }

.ribbon_area {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
  overflow: hidden;
  pointer-events: none; }

.ribbon16 {
  display: inline-block;
  position: absolute;
  padding: 25px 0 0;
  left: -3px;
  top: -7px;
  width: 107px;
  text-align: center;
  font-size: 18px;
  background: #fdeee9;
  color: #eb501e;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.floating {
  position: fixed;
  z-index: 999;
  right: 8px;
  bottom: 8px;
  -webkit-transition: .5s;
  transition: .5s; }
  .floating > * {
    border: 3px solid #FF5700;
    background-color: #fff;
    border-radius: 0.5rem;
    width: 140px;
    display: block;
    color: #fff;
    padding: 8px;
    cursor: pointer; }

.none {
  display: none !important; }

.hidden {
  visibility: hidden !important; }

textarea,
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
input[list] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4em;
  line-height: 1.3;
  width: 100%; }
  textarea:not([readonly]),
  input[type="text"]:not([readonly]), input[type="password"]:not([readonly]), input[type="datetime"]:not([readonly]), input[type="datetime-local"]:not([readonly]), input[type="date"]:not([readonly]), input[type="month"]:not([readonly]), input[type="time"]:not([readonly]), input[type="week"]:not([readonly]), input[type="number"]:not([readonly]), input[type="email"]:not([readonly]), input[type="url"]:not([readonly]), input[type="search"]:not([readonly]), input[type="tel"]:not([readonly]), input[type="color"]:not([readonly]),
  input[list]:not([readonly]) {
    resize: vertical;
    padding: 10px 20px;
    border: #b3b3b3 solid 1px;
    background-color: whitesmoke;
    border-radius: 4px;
    width: 100%; }
    textarea:not([readonly])[disabled],
    input[type="text"]:not([readonly])[disabled], input[type="password"]:not([readonly])[disabled], input[type="datetime"]:not([readonly])[disabled], input[type="datetime-local"]:not([readonly])[disabled], input[type="date"]:not([readonly])[disabled], input[type="month"]:not([readonly])[disabled], input[type="time"]:not([readonly])[disabled], input[type="week"]:not([readonly])[disabled], input[type="number"]:not([readonly])[disabled], input[type="email"]:not([readonly])[disabled], input[type="url"]:not([readonly])[disabled], input[type="search"]:not([readonly])[disabled], input[type="tel"]:not([readonly])[disabled], input[type="color"]:not([readonly])[disabled],
    input[list]:not([readonly])[disabled] {
      opacity: .2; }
  .form-option textarea,
  .form-item textarea, .form-option
  input[type="text"],
  .form-item
  input[type="text"], .form-option input[type="password"],
  .form-item input[type="password"], .form-option input[type="datetime"],
  .form-item input[type="datetime"], .form-option input[type="datetime-local"],
  .form-item input[type="datetime-local"], .form-option input[type="date"],
  .form-item input[type="date"], .form-option input[type="month"],
  .form-item input[type="month"], .form-option input[type="time"],
  .form-item input[type="time"], .form-option input[type="week"],
  .form-item input[type="week"], .form-option input[type="number"],
  .form-item input[type="number"], .form-option input[type="email"],
  .form-item input[type="email"], .form-option input[type="url"],
  .form-item input[type="url"], .form-option input[type="search"],
  .form-item input[type="search"], .form-option input[type="tel"],
  .form-item input[type="tel"], .form-option input[type="color"],
  .form-item input[type="color"], .form-option
  input[list],
  .form-item
  input[list] {
    font-size: 100%; }

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  line-height: 1.3; }

textarea {
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 97px;
  line-height: 1.8; }

.form-checkbox {
  font-size: 1.4em;
  line-height: 1.3; }
  .form-checkbox input[type="checkbox"] {
    display: none; }
    .form-checkbox input[type="checkbox"]:checked + label:after {
      content: "\e90f";
      position: absolute;
      top: 0.1em;
      left: 0.3em;
      color: #eb501e; }
    .form-checkbox input[type="checkbox"]:disabled + label, .form-checkbox input[type="checkbox"][readonly] + label {
      pointer-events: none;
      color: #a2a2a2; }
      .form-checkbox input[type="checkbox"]:disabled + label:before, .form-checkbox input[type="checkbox"][readonly] + label:before {
        background-color: #fafafa; }
  .form-checkbox label {
    position: relative;
    display: inline-block;
    min-height: 1.3em;
    padding-left: 2em;
    font-size: 100%;
    cursor: pointer; }
    .form-checkbox label:before {
      content: "";
      position: absolute;
      left: 0;
      top: -.2em;
      display: block;
      width: 1.42857em;
      height: 1.42857em;
      border: #b3b3b3 solid 1px;
      border-radius: 4px; }
  .form-item .form-checkbox {
    font-size: 100%; }
  .form-checkbox.inFormRadio label {
    position: relative;
    display: inline-block;
    min-height: 1.3em;
    padding-left: 2em;
    font-size: 100%;
    cursor: pointer; }
    .form-checkbox.inFormRadio label:before {
      content: "";
      position: absolute;
      left: 0;
      top: -.2em;
      display: block;
      width: 1.42857em;
      height: 1.42857em;
      border: #b3b3b3 solid 1px;
      border-radius: 4px; }

.form-radio {
  font-size: 1.4em;
  line-height: 1.3; }
  .form-radio input[type="radio"] {
    display: none; }
    .form-radio input[type="radio"]:disabled + label, .form-radio input[type="radio"][readonly] + label {
      pointer-events: none;
      color: #a2a2a2; }
      .form-radio input[type="radio"]:disabled + label:before, .form-radio input[type="radio"][readonly] + label:before {
        background-color: #fafafa; }
    .form-radio input[type="radio"]:checked + label {
      color: #454545;
      cursor: pointer; }
      .form-radio input[type="radio"]:checked + label:before {
        background-color: #fff; }
      .form-radio input[type="radio"]:checked + label:after {
        content: "";
        position: absolute;
        left: 6px;
        top: 0;
        bottom: 0;
        display: block;
        width: 8px;
        height: 8px;
        margin: auto;
        background-color: #eb501e;
        border-radius: 50%; }
  .form-radio label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 100%;
    line-height: 1.3;
    cursor: pointer; }
    .form-radio label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      display: block;
      width: 18px;
      height: 18px;
      border: #b3b3b3 solid 1px;
      margin: auto;
      background-color: whitesmoke;
      border-radius: 50%; }
    .form-radio label[for=venue_1], .form-radio label[for=venue_2], .form-radio label[for=venue_3], .form-radio label[for=venue_4], .form-radio label[for=venue_5] {
      top: -0.35em; }
  .form-item .form-radio {
    font-size: 100%; }
  .form-radio.radio-position input[type="radio"]:checked + label:after {
    top: -0.8em; }
  .form-radio.radio-position label:before {
    top: -0.8em; }
  .form-radio .form-radio-content {
    margin: 10px 0px;
    padding-left: 30px; }
    .form-radio .form-radio-content > * + * {
      margin-top: 10px; }

.form-radio-content-hide {
  display: none !important; }

.form-checkbox-content-hide {
  display: none !important; }

.form-select {
  position: relative;
  font-size: 1.4em; }
  .form-select:after {
    content: "\e90d";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    height: 18px;
    margin: auto;
    color: #eb501e;
    font-size: 18px;
    pointer-events: none; }
  .form-select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 10px 40px 10px 20px;
    border: #b3b3b3 solid 1px;
    font-size: 100%;
    line-height: 1.3;
    text-indent: 0.01px;
    text-overflow: '';
    vertical-align: middle;
    background-color: whitesmoke;
    border-radius: 4px; }
    .form-select select::-ms-expand {
      display: none; }
  .form-select label {
    display: none;
    font-size: 114.28571%;
    line-height: 1.3; }
  .form-select.readonly:after,
  .form-select.readonly select {
    display: none; }
  .form-select.readonly label {
    display: inline-block; }
  .form-item .form-select {
    font-size: 100%; }
  .form-select + input.disable-selectbox,
  .form-select + textarea.disable-selectbox {
    display: none; }
  .form-select.display-selectbox + input,
  .form-select.display-selectbox + textarea {
    display: block; }

.form-suggest.form-suggest-lang input {
  color: black;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3; }

.text-xs .form-suggest.form-suggest-lang {
  font-size: 0.8em; }
  .text-xs .form-suggest.form-suggest-lang input {
    min-height: 40px; }

.form-radioButton label {
  border: #b3b3b3 solid 1px;
  background-color: whitesmoke;
  cursor: pointer; }

.form-radioButton input[type="radio"] {
  display: none; }
  .form-radioButton input[type="radio"]:checked + label {
    border-color: #eb501e; }

.form-item .form-radioButton {
  font-size: 100%; }

.form-checkButton label {
  border: #b3b3b3 solid 1px;
  background-color: whitesmoke;
  cursor: pointer; }

.form-checkButton input[type="checkbox"] {
  display: none; }
  .form-checkButton input[type="checkbox"]:checked + label {
    border-color: #eb501e; }

.form-item .form-checkButton {
  font-size: 100%; }

.form-selectButton {
  position: relative; }
  .form-selectButton .select {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 40px 0 10px;
    border: #d1d1d1 solid 1px;
    background-color: #fff; }
    .form-selectButton .select:after {
      content: "\e90d";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      display: block;
      width: 38px;
      height: 38px;
      border-left: #d1d1d1 solid 1px;
      margin: auto;
      color: #eb501e;
      font-size: 18px;
      line-height: 38px;
      text-align: center;
      background-color: #fff; }
  .form-selectButton .list-option {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 3;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transform: scale3d(1, 0, 1);
            transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center top;
            transform-origin: center top; }
    .form-selectButton .list-option > li + li {
      border-top: whitesmoke solid 1px; }
  .form-selectButton .select:focus + .list-option,
  .form-selectButton .list-option:hover {
    height: auto;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  .form-selectButton .form-radioButton label {
    width: 100%;
    height: 40px;
    border: none;
    background-color: inherit; }
  .form-selectButton.readonly .select, .form-selectButton.disabled .select {
    cursor: default;
    pointer-events: none; }
    .form-selectButton.readonly .select:after, .form-selectButton.disabled .select:after {
      color: #fff;
      background-color: #d1d1d1; }
  .form-selectButton.readonly .select:focus + .list-option,
  .form-selectButton.readonly .list-option:hover, .form-selectButton.disabled .select:focus + .list-option,
  .form-selectButton.disabled .list-option:hover {
    height: 0;
    -webkit-transform: scale3d(1, 0, 1);
            transform: scale3d(1, 0, 1); }
  .form-item .form-selectButton {
    font-size: 100%; }

.form-switch {
  font-size: 1.4em;
  line-height: 1.3;
  position: relative; }
  .form-switch input[type="checkbox"] {
    display: none; }
    .form-switch input[type="checkbox"]:checked + label .on {
      width: 100%;
      padding: 0 40px 0 20px;
      position: absolute;
      left: 0;
      bottom: 0; }
    .form-switch input[type="checkbox"]:checked + label .off {
      width: 0;
      padding: 0; }
    .form-switch input[type="checkbox"]:checked + label:after {
      left: auto;
      right: -1px; }
  .form-switch label {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100%;
    font-size: 100%;
    line-height: 1.3;
    letter-spacing: -.4em;
    cursor: pointer; }
    .form-switch label span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 30px;
      overflow: hidden;
      letter-spacing: normal;
      border-radius: 15px; }
      .form-switch label span.on {
        width: 0;
        padding: 0;
        color: #fff;
        background-color: #eb501e;
        position: absolute;
        left: 0;
        bottom: 0; }
      .form-switch label span.off {
        width: 100%;
        padding: 0 20px 0 40px;
        color: #999999;
        background-color: #e8e8e8; }
    .form-switch label:after {
      position: absolute;
      left: -1px;
      right: auto;
      bottom: -1px;
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      border: #b3b3b3 solid 1px;
      background-color: whitesmoke;
      border-radius: 50%; }
  .form-item .form-switch {
    font-size: 100%; }
  .form-switch.switch-off input[type="checkbox"] + label span.on {
    width: 0;
    padding: 0;
    color: #fff;
    background-color: #eb501e; }
  .form-switch.switch-off input[type="checkbox"] + label span.off {
    width: 100%;
    padding: 0 20px 0 40px;
    color: #999999;
    background-color: #e8e8e8; }
  .form-switch.switch-off input[type="checkbox"] + label:after {
    left: -1px;
    right: auto; }
  .form-switch .js-jobplus-switch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    cursor: pointer; }

.form-ymd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .form-ymd .form-select {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0; }
    .form-ymd .form-select select {
      width: auto;
      min-width: 144px; }
    .form-ymd .form-select + .form-select {
      margin-left: 10px; }
      .form-ymd .form-select + .form-select.form-ml {
        margin-left: 0; }
    .form-ymd .form-select > .tooltip {
      width: auto; }
  .form-item .form-ymd {
    font-size: 100%; }
  #js-change-disabled .form-ymd {
    margin-top: 10px; }
    #js-change-disabled .form-ymd .form-select.disabled {
      pointer-events: none; }
      #js-change-disabled .form-ymd .form-select.disabled select {
        background-color: #d1d1d1;
        color: #fff; }

.form-option {
  display: inline-block;
  margin-left: 20px; }
  .form-item .form-option {
    font-size: 100%; }
  .form-option .flatpickr-input[readonly] {
    display: none; }
  .form-changeRequests .form-option {
    margin-top: 5px;
    margin-left: 0; }

.form-calendar .flatpickr-calendar {
  margin: auto; }

.form-item .form-calendar {
  font-size: 100%; }

.form-fondness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .form-fondness input[type="radio"] {
    display: none; }
  .form-fondness label {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin: 0 5px;
    cursor: pointer; }
    .form-fondness label:last-child {
      margin-left: 0; }
    .form-fondness label:before {
      content: "\e91a";
      color: #b3b3b3;
      font-size: 40px; }
  .form-fondness input:checked ~ label:before {
    color: #eb501e; }
  .form-item .form-fondness {
    font-size: 100%; }

.form-selectTime .timeDisplay {
  margin: auto; }

.form-selectTime .mod-slider, .form-selectTime .mod-imageSlider .main, .mod-imageSlider .form-selectTime .main, .form-selectTime .mod-jobSlider .main, .mod-jobSlider .form-selectTime .main {
  width: 560px;
  height: 248px; }

.form-selectTime .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 560px;
  height: 248px; }
  .form-selectTime .form .form-checkButton {
    margin: 5px; }
    .form-selectTime .form .form-checkButton label {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 130px;
      font-size: 1.3em; }
      .form-selectTime .form .form-checkButton label .localTime {
        color: #eb501e; }
      .form-selectTime .form .form-checkButton label .appTime {
        color: #454545; }
    .form-selectTime .form .form-checkButton input[type="checkbox"]:disabled + label .localTime {
      color: #de9178; }
    .form-selectTime .form .form-checkButton input[type="checkbox"]:disabled + label .appTime {
      color: #8b8b8b; }

.form-gender {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .form-gender > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .form-gender > * ~ * {
      margin-left: 40px; }
  .form-gender input {
    width: 120px;
    margin: 0 10px; }
  .form-item .form-gender {
    font-size: 100%; }

.form-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form-phone input.region {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    width: 20%; }
  .form-phone input[type="number"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    width: 80%;
    margin-left: 10px; }
  .form-item .form-phone {
    font-size: 100%; }
  .form-phone > .form-select {
    width: 50%; }
    .form-phone > .form-select + * {
      margin-left: 15px; }

.form-SNS {
  display: inline-block; }
  .form-SNS .box-service {
    position: relative;
    padding-bottom: 50px; }
    .form-SNS .box-service input {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-duration: .2s;
              transition-duration: .2s;
      -webkit-transform: scale3d(1, 0, 1);
              transform: scale3d(1, 0, 1);
      -webkit-transform-origin: center top;
              transform-origin: center top; }
      .form-SNS .box-service input.edit {
        z-index: 1;
        -webkit-transform: scale3D(1, 1, 1);
                transform: scale3D(1, 1, 1); }
    .form-SNS .box-service input:not([value]) + button:before,
    .form-SNS .box-service input[value=""] + button:before {
      color: #b3b3b3; }
  .form-item .form-SNS {
    font-size: 100%; }

.form-filter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  background-color: #ababab; }
  .form-filter:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 10px;
    border-top-color: #ababab;
    margin: auto; }
  .form-filter .title {
    margin: 0 20px;
    color: #fff;
    font-size: 1.8em;
    font-weight: bold; }
  .form-filter .form-select {
    width: 360px; }
  .section.bg .form-filter {
    margin-top: -40px; }
  .form-item .form-filter {
    font-size: 100%; }

.form-editable table th .required:before, .box-form .form-title.required:before {
  content: "*";
  display: inline-block;
  color: #eb501e;
  margin-right: .4em; }

.form-editable {
  margin-top: 40px;
  margin-bottom: 40px; }
  .form-editable .form {
    width: 100%; }
  .form-editable .title {
    color: black;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3; }
    .form-editable .title input {
      width: auto;
      font-size: 100%; }
  .form-editable .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    .form-editable .button > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .form-editable .button > div > * + * {
        margin-left: 40px; }
  .form-editable table {
    width: 100%;
    border-collapse: collapse; }
    .form-editable table th, .form-editable table td {
      padding: 20px 10px;
      border-bottom: #d1d1d1 solid 1px; }
    .form-editable table th {
      width: 23.52941%;
      padding-right: 30px;
      font-weight: bold;
      line-height: 1.3;
      text-align: right; }
      .form-editable table th .required:before {
        font-size: 1.6em; }
      .form-editable table th .required:not(.readonly):before {
        font-size: 1.6em;
        position: absolute;
        left: -20px; }
  .form-editable .deleteButton,
  .form-editable .editButton {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer; }
    .form-editable .deleteButton:before,
    .form-editable .editButton:before {
      display: block;
      width: 20px;
      height: 20px;
      color: #333333;
      font-size: 20px; }
  .form-editable .toggleSaveButton {
    cursor: pointer; }
  .form-editable .deleteButton:before {
    content: "\e910"; }
  .form-editable .deleteButton:hover {
    opacity: 0.6; }
  .form-editable .previewButton:hover {
    opacity: 0.6; }
  .form-editable .editButton:before {
    content: "\e915"; }
  .form-editable .editButton:hover {
    opacity: 0.6; }
  .form-editable .addButton {
    margin: 20px auto 0; }
    .form-editable .addButton:hover:before {
      color: #eb501e; }

.js-editableForm .addButton:disabled {
  display: none; }

.form-editable .form-inline, .box-form .form-item .form-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px -15px; }
  .form-editable .form-inline input[type="text"], .box-form .form-item .form-inline input[type="text"], .form-editable .form-inline input[type="password"], .box-form .form-item .form-inline input[type="password"], .form-editable .form-inline input[type="datetime"], .box-form .form-item .form-inline input[type="datetime"], .form-editable .form-inline input[type="datetime-local"], .box-form .form-item .form-inline input[type="datetime-local"], .form-editable .form-inline input[type="date"], .box-form .form-item .form-inline input[type="date"], .form-editable .form-inline input[type="month"], .box-form .form-item .form-inline input[type="month"], .form-editable .form-inline input[type="time"], .box-form .form-item .form-inline input[type="time"], .form-editable .form-inline input[type="week"], .box-form .form-item .form-inline input[type="week"], .form-editable .form-inline input[type="number"], .box-form .form-item .form-inline input[type="number"], .form-editable .form-inline input[type="email"], .box-form .form-item .form-inline input[type="email"], .form-editable .form-inline input[type="url"], .box-form .form-item .form-inline input[type="url"], .form-editable .form-inline input[type="search"], .box-form .form-item .form-inline input[type="search"], .form-editable .form-inline input[type="tel"], .box-form .form-item .form-inline input[type="tel"], .form-editable .form-inline input[type="color"], .box-form .form-item .form-inline input[type="color"] {
    width: auto; }
  .form-editable .form-inline > *, .box-form .form-item .form-inline > * {
    margin: 5px 15px; }

.form-editable .form-column, .box-form .form-item .form-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -15px; }
  .form-editable .form-column > *, .box-form .form-item .form-column > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 15px; }

.box-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  margin-bottom: 40px; }
  .box-form.column .form-title {
    width: auto; }
    .box-form.column .form-title ~ .form-title {
      margin-left: 40px; }
  .box-form.column .form-item {
    width: auto; }
  .box-form .form-title {
    width: 23.52941%;
    padding-right: 30px;
    color: black;
    font-size: 1.6em;
    font-weight: bold;
    text-align: right;
    line-height: 1.3; }
    .box-form .form-title.mod-tips .button-tips {
      font-size: inherit; }
    .box-form .form-title.mod-tips .tips {
      font-size: 0.75em;
      font-weight: normal; }
    .box-form .form-title.mod-tips .button-tips,
    .box-form .form-title.mod-tips .tips {
      line-height: inherit; }
  .box-form .form-item {
    width: 76.47059%;
    font-size: 1.4em; }
    .box-form .form-item > * + * {
      margin-top: 10px; }
    .box-form .form-item .text-alert, .box-form .form-item .text-button {
      font-size: 100%; }
    .box-form .form-item.checkbox-item {
      margin-left: 23.52941%; }

.box-content.narrow .box-form, .box-content.column .box-form, .tingle-modal-box__content .box-form {
  display: block;
  margin: 0; }
  .box-content.narrow .box-form .form-title, .box-content.column .box-form .form-title, .tingle-modal-box__content .box-form .form-title,
  .box-content.narrow .box-form .form-item,
  .box-content.column .box-form .form-item,
  .tingle-modal-box__content .box-form .form-item {
    width: auto; }
  .box-content.narrow .box-form .form-title, .box-content.column .box-form .form-title, .tingle-modal-box__content .box-form .form-title {
    padding: 0;
    text-align: left; }
  
  .box-content.narrow .box-form .form-item,
  .box-content.column .box-form .form-item,
  .tingle-modal-box__content .box-form .form-item {
    margin-top: 15px; }
    .box-content.narrow .box-form .form-item.form-fullWidth, .box-content.column .box-form .form-item.form-fullWidth, .tingle-modal-box__content .box-form .form-item.form-fullWidth {
      width: 100%; }
  .box-content.narrow .box-form + .box-form, .box-content.column .box-form + .box-form, .tingle-modal-box__content .box-form + .box-form {
    margin-top: 20px; }

.box-content.narrow .text-alert + .box-form, .box-content.column .text-alert + .box-form, .tingle-modal-box__content .text-alert + .box-form, .box-content.narrow .text-button + .box-form, .box-content.column .text-button + .box-form, .tingle-modal-box__content .text-button + .box-form {
  margin-top: 20px; }

.form-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .form-tag .tag {
    color: #fff;
    border: none;
    font-size: 85.71429%;
    position: relative;
    padding-right: 2em;
    margin: 5px;
    background-color: #666666;
    border-radius: 4px; }
    .form-tag .tag.template {
      display: none; }
    .form-tag .tag button.remove {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      display: block;
      width: calc(1em + 10px);
      height: 100%;
      overflow: hidden;
      padding: 0 5px; }
      .form-tag .tag button.remove:before {
        content: "\e910";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%;
        color: #fff;
        font-size: 1em;
        font-weight: bold; }
  .form-tag > button {
    color: #fff;
    border: none;
    font-size: 85.71429%;
    position: relative;
    padding-right: 2em;
    margin: 5px;
    background-color: #666666;
    border-radius: 4px; }
    .form-tag > button:before {
      content: "\e910";
      position: absolute;
      right: 5px;
      top: 0;
      bottom: 0;
      display: block;
      height: 1em;
      margin: auto;
      font-size: 1em;
      font-weight: bold; }

.form-tagSuggest {
  position: relative; }
  .responsive .form-tagSuggest .datalist {
    display: none; }
  .responsive .form-tagSuggest .suggest {
    position: absolute;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    width: 100%;
    z-index: 100; }
    .responsive .form-tagSuggest .suggest div {
      display: block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 7.5px 15px;
      font-size: 1.6rem;
      line-height: 1.3; }
    .responsive .form-tagSuggest .suggest div.select {
      /* キー上下で選択した場合のスタイル */
      color: #FFFFFF;
      background-color: #3366FF; }
    .responsive .form-tagSuggest .suggest div.over {
      /* マウスオーバ時のスタイル */
      background-color: #99CCFF; }

input[type="range"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  height: 24px; }
  input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    border: none;
    background: #d1d1d1;
    border-radius: 2px; }
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    position: relative;
    z-index: 5;
    width: 24px;
    height: 24px;
    margin-top: -10px;
    border: none;
    background: #eb501e;
    border-radius: 50%; }
  input[type="range"]::-moz-range-track {
    width: 100%;
    height: 4px;
    border: none;
    background: #d1d1d1;
    border-radius: 2px; }
  input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
         appearance: none;
    position: relative;
    z-index: 5;
    width: 24px;
    height: 24px;
    border: none;
    background: #eb501e;
    border-radius: 50%; }
  input[type="range"]::-ms-track {
    width: 100%;
    height: 4px;
    border: none;
    margin: 10px 0;
    color: transparent;
    background: #d1d1d1;
    border-radius: 2px; }
  input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper {
    background: transparent; }
  input[type="range"]::-ms-thumb {
    border: none;
    position: relative;
    z-index: 5;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #eb501e; }

.form-slider {
  position: relative;
  width: 400px; }
  .form-slider .slider {
    position: absolute;
    top: 0;
    width: 376px;
    height: 24px;
    overflow: hidden; }
    .form-slider .slider.min {
      left: 0; }
      .form-slider .slider.min input[type="range"] {
        left: 0; }
    .form-slider .slider.max {
      right: 0; }
      .form-slider .slider.max input[type="range"] {
        right: 0; }
  .form-slider input[type="range"] {
    position: absolute;
    width: 376px; }

.form-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4em; }
  .form-upload .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 5px;
    border: #b3b3b3 solid 1px;
    font-size: 100%;
    background-color: whitesmoke;
    border-radius: 4px;
    cursor: pointer; }
    .form-upload .input:before {
      content: "\e91c";
      display: block;
      color: #eb501e; }
    .form-upload .input .text {
      padding: 0 5px;
      font-size: 100%;
      text-align: center;
      pointer-events: none; }
    .form-upload .input .title {
      font-size: 114.28571%;
      font-weight: bold; }
    .form-upload .input:hover {
      background-color: #fff; }
  .form-upload.image {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .form-upload.image .preview .thumbnail {
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
              flex: 0 0 150px;
      width: 150px;
      height: 150px;
      overflow: hidden;
      border: #d1d1d1 solid 1px;
      background-color: #fff;
      margin: auto; }
      .form-upload.image .preview .thumbnail .image {
        position: absolute;
        top: -500px;
        right: -500px;
        bottom: -500px;
        left: -500px;
        width: 500px;
        height: 500px;
        margin: auto; }
        .form-upload.image .preview .thumbnail .image img {
          width: auto;
          height: auto; }
    .form-upload.image .preview .controller .box-button, .form-upload.image .preview .controller .box-upload-send {
      margin: 0; }
    .form-upload.image .preview .controller button:not(.testButton) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 20px;
      height: 20px;
      margin: 10px;
      color: #fff;
      font-size: 100%;
      line-height: 1.3;
      font-weight: bold;
      background-color: #eb501e;
      border-radius: 50%; }
    .form-upload.image .preview .cropper-view-box {
      border-color: #eb501e;
      outline-color: #eb501e; }
    .form-upload.image .input {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 240px;
      margin-left: 20px;
      line-height: 1.8; }
      .form-upload.image .input:before {
        font-size: 36px; }
      .form-upload.image .input .text {
        margin-top: 10px;
        pointer-events: none; }
  .form-upload.file, .form-upload.cv {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .form-upload.file .preview, .form-upload.cv .preview {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-left: 20px; }
      .form-upload.file .preview p, .form-upload.cv .preview p {
        font-weight: bold;
        line-height: 1.3;
        word-break: break-word; }
        .form-upload.file .preview p:not(.dz-success), .form-upload.cv .preview p:not(.dz-success) {
          display: none; }
    .form-upload.file .input, .form-upload.cv .input {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      height: 100px;
      line-height: 1.4; }
      .form-upload.file .input:before, .form-upload.cv .input:before {
        padding: 0 5px;
        font-size: 24px; }
      .card-applicant .form-upload.file .input, .card-company .form-upload.file .input, .card-fair .form-upload.file .input, .card-selection .form-upload.file .input,
      .card-company .form-upload.file .input, .card-applicant .form-upload.cv .input, .card-company .form-upload.cv .input, .card-fair .form-upload.cv .input, .card-selection .form-upload.cv .input,
      .card-company .form-upload.cv .input {
        height: 38px; }
      .form-upload.file .input.uploadFile, .form-upload.cv .input.uploadFile {
        height: 100px; }
  .form-upload.file .preview.uploaded {
    max-width: 190px; }
  .form-upload.cv .preview {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .form-upload.cv .preview .box-button, .form-upload.cv .preview .box-upload-send {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin: 10px -10px 0; }
      .form-upload.cv .preview .box-button > *, .form-upload.cv .preview .box-upload-send > * {
        margin: 0 10px; }
    .form-upload.cv .preview [class^="button-"] {
      font-size: 100%; }
    .form-upload.cv .preview p {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .form-upload.cv .preview.uploaded {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .form-upload.gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .form-upload.gallery .preview {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 5px -5px -5px; }
      .form-upload.gallery .preview .image {
        position: relative;
        width: 100px;
        margin: 5px;
        cursor: pointer; }
        .form-upload.gallery .preview .image:hover:before {
          content: "delete";
          position: absolute;
          left: 0;
          top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 100%;
          height: 100%;
          padding-left: 10px;
          background-color: rgba(0, 0, 0, 0.5);
          color: #fff; }
        .form-upload.gallery .preview .image:hover:after {
          content: "\e910";
          position: absolute;
          left: 0;
          top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          height: 100%;
          padding-left: 20px;
          color: #fff; }
    .form-upload.gallery .input {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      height: 50px;
      line-height: 1.4; }
      .form-upload.gallery .input:before {
        padding: 0 5px;
        font-size: 24px; }
  .form-item .form-upload {
    font-size: 100%; }
  .form-upload .needsclick {
    cursor: pointer; }

.form-item.hidden-applicant-check {
  margin-bottom: 20px; }

.form-attachment-checkbox .form-checkbox {
  line-height: 2; }
  .form-attachment-checkbox .form-checkbox input[type="checkbox"]:checked + label:after {
    top: .4em; }

.form-attachment-checkbox label:before {
  top: .2em; }

.hidden-video {
  display: none; }

.pin-job {
  max-height: 250px;
  overflow-y: scroll; }
  .pin-job label,
  .pin-job span {
    width: 100%;
    word-wrap: break-word; }
  .pin-job + .pin-job {
    overflow: visible;
    padding: 10px 0;
    border-top: 1px solid #d1d1d1; }

.hide-pin-job label span {
  position: relative;
  display: block; }
  .hide-pin-job label span:after {
    content: "";
    top: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }

.form-radiobutton-fair label {
  padding: 0 0 0 46px;
  /* ラベルの位置 */
  font-size: 1.7em;
  line-height: 32px;
  /* ボタンのサイズに合わせる */
  display: inline-block;
  cursor: pointer;
  position: relative; }

.form-radiobutton-fair label:before {
  content: '';
  width: 28px;
  /* ボタンの横幅 */
  height: 28px;
  /* ボタンの縦幅 */
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  border: #b3b3b3 solid 2px; }

.form-radiobutton-fair input[type="radio"] {
  display: none; }

.form-radiobutton-fair input[type="radio"]:checked + label:after {
  content: '';
  width: 18px;
  /* マークの横幅 */
  height: 18px;
  /* マークの縦幅 */
  position: absolute;
  top: 7px;
  left: 7px;
  background-color: #eb501e;
  border-radius: 50%; }

.form-qrcode {
  display: inline-block;
  width: calc(100% / 3 - 10px);
  margin: 0 0 20px; }
  .form-qrcode .code {
    width: 256px;
    margin: 5px auto 10px; }

h1 {
  position: relative;
  padding-bottom: 10px;
  margin: 40px auto 0;
  color: black;
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1.3;
  text-align: center; }
  h1:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: block;
    width: 4.90196%;
    height: 1px;
    margin: auto;
    background-color: #eb501e; }
  h1 > span.note {
    display: inline-block;
    margin-left: 1em;
    font-size: 0.5em; }
    h1 > span.note.eventHeading {
      margin-top: 10px;
      margin-left: 0;
      font-size: 0.7em; }

h2 {
  margin: 40px auto 30px;
  color: black;
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1.3; }
  h2:first-letter,
  h2 .h2-text:first-letter {
    color: #eb501e; }
  h2 .note {
    display: inline-block;
    margin-left: 1em;
    font-size: 0.5em; }
  h2.addOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    h2.addOption .h2-text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    h2.addOption .option {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      font-size: 0.35714em; }

h3 {
  position: relative;
  padding-left: .6em;
  padding-bottom: 10px;
  margin: 30px auto 20px;
  color: black;
  font-size: 1.9em;
  font-weight: bold;
  line-height: 1.3;
  border-bottom: #d1d1d1 solid 1px; }
  h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: .3em;
    display: block;
    width: 2px;
    height: .6em;
    background-color: #fea197; }

h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.6em;
  line-height: 1.3;
  font-weight: bold;
  color: black; }

#pageBody {
  position: relative;
  min-width: 1060px;
  padding-top: 90px;
  background-image: url("/static/common/images/common/bg_pagebody.png");
  background-repeat: no-repeat;
  background-size: 100% 90px; }
  #pageBody .pageInfo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    padding: 5px 10px;
    margin: 15px 15px 0;
    color: #eb501e;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px; }
  #pageBody .navi-head {
    position: absolute;
    z-index: 2;
    width: 1060px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px; }
    #pageBody .navi-head .breadcrumbs {
      position: static;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
      #pageBody .navi-head .breadcrumbs > ul {
        width: auto;
        padding-left: 0;
        padding-right: 0; }
    #pageBody .navi-head .box-plusfunction {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 180px;
              flex: 0 0 180px; }
  #pageBody .breadcrumbs {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%; }
    #pageBody .breadcrumbs ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #pageBody .breadcrumbs ul a {
        color: inherit;
        text-decoration: none; }
        #pageBody .breadcrumbs ul a:hover {
          border-bottom: 1px solid #000; }
      #pageBody .breadcrumbs ul > li {
        color: black;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.3; }
        #pageBody .breadcrumbs ul > li.current {
          color: #eb501e; }
        #pageBody .breadcrumbs ul > li + li {
          position: relative;
          margin-left: 35px; }
          #pageBody .breadcrumbs ul > li + li:before {
            content: "\e90c";
            position: absolute;
            left: -23px;
            top: 0;
            bottom: 0.3em;
            display: block;
            width: 8px;
            height: 8px;
            margin: auto;
            color: #666666;
            font-size: 8px; }
  #pageBody p + p {
    margin-top: 1em; }
  #pageBody form .section:first-of-type {
    margin-top: 0; }

.section {
  margin-top: 40px;
  margin-bottom: 40px; }
  .section:first-of-type {
    margin-top: 0; }
  .section.bg {
    background-color: whitesmoke;
    padding-top: 40px;
    padding-bottom: 40px; }
  .section.line {
    border-top: whitesmoke solid 1px;
    -webkit-box-shadow: 0 -10px 10px -5px whitesmoke;
            box-shadow: 0 -10px 10px -5px whitesmoke; }
  .box-tabMenu + .section {
    margin-top: 0; }
  .section.trans-line {
    border-bottom: 1px solid transparent; }

.box-content {
  margin-top: 40px;
  margin-bottom: 40px; }
  .box-content.narrow {
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
  .box-content.panel {
    padding: 40px;
    background-color: #fff;
    border-radius: 8px; }
    .box-content.panel .section {
      margin-top: 20px;
      margin-bottom: 20px; }
      .box-content.panel .section + .section {
        padding-top: 20px;
        border-top: #d1d1d1 solid 1px; }
  .box-content.column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .box-content.column > *,
    .box-content.column > .section {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      padding: 0;
      border: none;
      margin: 0; }
      .box-content.column > *.auto,
      .box-content.column > .section.auto {
        -ms-flex-preferred-size: auto;
            flex-basis: auto; }
      .box-content.column > * + *,
      .box-content.column > * + .section,
      .box-content.column > .section + *,
      .box-content.column > .section + .section {
        padding: 0;
        border: none;
        margin: 0;
        margin-left: 40px; }
  .box-content > h4 {
    word-wrap: break-word; }

.layout-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .layout-flex > * {
    margin-top: 0;
    margin-bottom: 0; }
    .layout-flex > * ~ * {
      margin-left: 40px; }
  .layout-flex.column > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    width: calc(50% - 20px); }
  .layout-flex + .layout-flex {
    margin-top: 30px; }
  .layout-flex.inline {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .layout-flex.inline > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 10px; }
  .layout-flex.list-head {
    margin-bottom: 15px; }
  .layout-flex .primary {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
            flex: 2 0 0; }
  .layout-flex .secondary {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0; }
  .layout-flex.thumbnail-list {
    margin-top: 20px; }
    .layout-flex.thumbnail-list > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
  .layout-flex.function {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-flex.client-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .layout-flex.client-list > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(100% / 6 - 10px);
              flex: 1 1 calc(100% / 6 - 10px);
      width: 100%;
      max-width: calc(100% / 6 - 10px);
      margin-bottom: 10px; }
      .layout-flex.client-list > *:not(:nth-child(6n)) {
        margin-right: 10px; }
      .layout-flex.client-list > * ~ * {
        margin-left: 0; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
  margin: 20px 0; }

.margin-left {
  margin-left: 0;
  margin-right: auto; }

.margin-right {
  margin-left: auto;
  margin-right: 0; }

.margin-center {
  margin-left: auto;
  margin-right: auto; }

.margin-neg-top25 {
  margin-top: -25px; }

.box-button, .box-upload-send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto; }
  .box-button > *.growing, .box-upload-send > *.growing {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .box-button > * + *, .box-upload-send > * + * {
    margin-left: 40px; }
  .box-button.fixed, .fixed.box-upload-send {
    position: fixed;
    bottom: 0;
    z-index: 51;
    width: 100%;
    margin: 0;
    padding: 30px;
    background-color: #fdeee9;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .box-button.fixed.disable, .fixed.disable.box-upload-send {
      -webkit-transform: translate3d(0, 100%, 0);
              transform: translate3d(0, 100%, 0); }
    .box-button.fixed > a.button-primary, .fixed.box-upload-send > a.button-primary, .box-button.fixed > a.button-submit, .fixed.box-upload-send > a.button-submit, .box-button.fixed > a.button-delete, .fixed.box-upload-send > a.button-delete, .box-button.fixed > a.toggleSaveButton:before, .fixed.box-upload-send > a.toggleSaveButton:before {
      margin-left: 0; }
  .box-button.space-between, .space-between.box-upload-send {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .box-button.v-middle, .v-middle.box-upload-send {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .box-button.bottom, .bottom.box-upload-send {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .box-button.function, .function.box-upload-send {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .box-button p.button-caption, .box-upload-send p.button-caption {
    margin-bottom: 10px; }
  .box-button.toggleSave .button-primary, .toggleSave.box-upload-send .button-primary, .box-button.toggleSave .button-submit, .toggleSave.box-upload-send .button-submit, .box-button.toggleSave .button-delete, .toggleSave.box-upload-send .button-delete, .box-button.toggleSave .toggleSaveButton:before, .toggleSave.box-upload-send .toggleSaveButton:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .box-button.toggleSave .button-edit, .toggleSave.box-upload-send .button-edit {
    display: none; }
  .box-button.toggleSave.saved .button-primary, .toggleSave.saved.box-upload-send .button-primary, .box-button.toggleSave.saved .button-submit, .toggleSave.saved.box-upload-send .button-submit, .box-button.toggleSave.saved .button-delete, .toggleSave.saved.box-upload-send .button-delete, .box-button.toggleSave.saved .toggleSaveButton:before, .toggleSave.saved.box-upload-send .toggleSaveButton:before {
    display: none; }
  .box-button.toggleSave.saved .button-edit, .toggleSave.saved.box-upload-send .button-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.box-message, .box-alert {
  padding: 20px;
  margin: 30px auto;
  border-radius: 8px; }
  .box-message .text-message, .box-alert .text-message {
    font-weight: bold;
    line-height: 1.3;
    text-align: center; }

.box-message {
  background-color: whitesmoke; }
  .box-message .text-message {
    color: #454545; }
  .box-message.emphasis {
    background-color: #fdeee9; }
    .box-message.emphasis .text-message {
      color: #eb501e; }

.box-alert.error {
  background-color: #fde8e8; }
  .box-alert.error .text-message {
    color: #ee1515; }

.box-alert.success {
  background-color: #ececec; }
  .box-alert.success .text-message {
    color: #444; }

.box-alert.warning {
  background-color: #fdeee9; }
  .box-alert.warning .text-message {
    color: #eb501e; }

.box-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative; }
  .box-link .link-prev, .box-link .button-prev,
  .box-link .link-next,
  .box-link .button-next {
    color: black;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3; }
  .box-link .link-prev, .box-link .button-prev {
    margin-right: auto; }
    .box-link .link-prev:before, .box-link .button-prev:before {
      font-size: 2em; }
  
  .box-link .link-next,
  .box-link .button-next {
    margin-left: auto; }
    .box-link .link-next:after, .box-link .button-next:after {
      font-size: 2em; }
  .box-link .prev-fixed,
  .box-link .next-fixed {
    position: fixed;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background: #fff;
    text-align: center; }
  .box-link .prev-fixed:before,
  .box-link .next-fixed:after {
    margin: 0; }
  .box-link .prev-fixed {
    left: 10px; }
  .box-link .next-fixed {
    right: 10px; }

.box-flex, .mod-progress .message .reply-by {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .box-flex.start, .mod-progress .message .start.reply-by {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .box-flex > * + *, .mod-progress .message .reply-by > * + * {
    margin-left: 40px; }
  .box-flex.wrap-start, .mod-progress .message .wrap-start.reply-by {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.box-tabMenu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .box-tabMenu > ul > li {
    height: 75px; }
    .box-tabMenu > ul > li > a, .box-tabMenu > ul > li > span, .box-tabMenu > ul > li > button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 75px;
      min-width: 200px;
      padding: 10px 40px;
      font-size: 1.8em;
      font-weight: bold;
      line-height: 1.3;
      text-decoration: none; }
    .box-tabMenu > ul > li.current {
      position: relative;
      border-bottom: #eb501e solid 3px; }
      .box-tabMenu > ul > li.current > a, .box-tabMenu > ul > li.current > span {
        color: #eb501e; }
      .box-tabMenu > ul > li.current:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 0;
        right: 0;
        display: block;
        width: 0;
        height: 0;
        border: transparent solid 5px;
        border-top-color: #eb501e;
        margin: auto; }
    .box-tabMenu > ul > li button:hover {
      color: #eb501e; }

.section + .box-tabMenu {
  border-top: whitesmoke solid 1px;
  -webkit-box-shadow: 0 -10px 10px -5px whitesmoke;
          box-shadow: 0 -10px 10px -5px whitesmoke; }

.box-tabMenu a:hover {
  color: #eb501e; }

.box-upload-send {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .box-upload-send .upload {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1; }
    .box-upload-send .upload .upload-area {
      min-width: auto; }
  .box-upload-send > * {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .box-upload-send > * + * {
      margin-left: 20px; }

.box-article-detail .datetime, .list-article > li .text .datetime {
  margin-right: 20px;
  display: inline-block;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  color: #999999; }

.box-article-detail .pins-num, .list-article > li .text .pins-num {
  display: inline-block; }
  .box-article-detail .pins-num dt, .list-article > li .text .pins-num dt, .box-article-detail .pins-num dd, .list-article > li .text .pins-num dd {
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3; }
  .box-article-detail .pins-num dt, .list-article > li .text .pins-num dt {
    color: #eb501e; }
  .box-article-detail .pins-num dd, .list-article > li .text .pins-num dd {
    color: #999999; }
    .box-article-detail .pins-num dd:before, .list-article > li .text .pins-num dd:before {
      content: " : "; }

.box-article-detail .pinButton, .list-article > li .text .pinButton {
  position: absolute;
  top: 0;
  right: 0; }

.box-article-detail .title, .list-article > li .text .title {
  margin-top: 1em;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3; }

.box-article-detail .sponsored-by, .list-article > li .text .sponsored-by {
  font-size: 1.2em;
  line-height: 1.3;
  color: #999999; }

.box-article-detail .article, .list-article > li .text .article {
  font-size: 1.4em;
  line-height: 1.3;
  color: #454545; }

.box-article-detail {
  position: relative; }
  .box-article-detail .pins-num {
    position: absolute;
    top: 43.2px;
    right: 0; }
  .box-article-detail .title {
    font-size: 2em; }
  .box-article-detail .title,
  .box-article-detail .datetime,
  .box-article-detail .sponsored-by {
    margin-right: 100px; }
  .box-article-detail .article {
    margin-top: 20px; }
  .box-article-detail .images {
    margin: 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .box-article-detail .images > * {
      width: 50%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; }
      .box-article-detail .images > *:nth-child(2n) {
        padding-left: 5px; }
      .box-article-detail .images > *:nth-child(2n - 1) {
        padding-right: 5px; }
      .box-article-detail .images > *:nth-child(n + 3) {
        margin-top: 10px; }

.box-plusfunction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .box-plusfunction #jobplus-switch-disable.switch-disable {
    display: none; }
  .box-plusfunction.switch-disable {
    display: none; }

.eventForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .eventForm .eventFormText {
    width: 50%; }
  .box-content.panel + .eventForm {
    padding: 20px; }
  .eventForm .box-form {
    margin-top: 10px;
    margin-bottom: 10px; }

.event-fair-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px; }
  .event-fair-list > div {
    width: calc( 100% / 4 - 22.5px); }
    .event-fair-list > div .title {
      margin: 15px 0;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 1.3; }
  .event-fair-list > div + div {
    margin-left: 30px; }

.companyBody h3 {
  margin: 30px 0 10px;
  padding-bottom: 0;
  text-align: center;
  border: none;
  color: #eb501e; }
  .companyBody h3:before {
    content: none; }

.companyBody #companyFeature .company-logo-main {
  margin: 40px 0 20px; }
  .companyBody #companyFeature .company-logo-main > img {
    width: 500px;
    margin: 0 auto; }

.companyBody #companyMessage .company-message-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .companyBody #companyMessage .company-message-box div {
    width: 50%; }
    .companyBody #companyMessage .company-message-box div .company-logo {
      width: 300px;
      margin: 0 auto; }
    .companyBody #companyMessage .company-message-box div .company-logo-plus {
      width: 322px;
      margin: 0 auto; }
  .companyBody #companyMessage .company-message-box .text {
    padding: 20px; }

.companyBody #topMessage .top-overview-img {
  margin: 40px 0 20px; }
  .companyBody #topMessage .top-overview-img img {
    width: 260px;
    margin: 0 auto; }

.companyBody #staffContent .connect-icon {
  margin: 20px 0 40px; }
  .companyBody #staffContent .connect-icon img {
    width: 112px;
    margin: 0 auto; }

.companyBody #staffContent .staff-overview-above {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .companyBody #staffContent .staff-overview-above .staff-overview-img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .companyBody #staffContent .staff-overview-above .staff-overview-img + .staff-overview-img {
      margin-left: 20px; }
    .companyBody #staffContent .staff-overview-above .staff-overview-img h4 {
      text-align: center;
      margin-top: 10px; }

.companyBody #companyFooter .company-footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .companyBody #companyFooter .company-footer-link a {
    display: block;
    font-size: 1.4rem; }
    .companyBody #companyFooter .company-footer-link a + a {
      margin-left: 30px; }

.list-editable, .list-radio, .list-todo, .numlist-todo {
  border-top: #d1d1d1 solid 1px; }
  .list-editable > li, .list-radio > li, .list-todo > li, .numlist-todo > li {
    padding: 20px 40px;
    border-bottom: #d1d1d1 solid 1px; }

ul.text-list-table, .list-HR {
  display: table; }
  ul.text-list-table > li, .list-HR > li {
    display: table-row; }
    ul.text-list-table > li > *, .list-HR > li > * {
      display: table-cell; }
      ul.text-list-table > li > * ~ *, .list-HR > li > * ~ * {
        padding-left: 20px; }

.list-editable > li, .list-radio > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.list-editable .title, .list-radio .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  width: 20%;
  padding-right: 40px;
  color: black;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  text-align: right; }

.list-editable .item, .list-radio .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #454545;
  font-size: 1.4em;
  line-height: 1.3; }

.list-editable .deleteButton, .list-radio .deleteButton {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden; }
  .list-editable .deleteButton:before, .list-radio .deleteButton:before {
    content: "\e910";
    display: block;
    width: 20px;
    height: 20px;
    color: #333333;
    font-size: 20px; }

.list-normal {
  padding-left: 16px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .list-normal > li {
    position: relative; }
    .list-normal > li ~ li {
      margin-top: 10px; }
    .list-normal > li:before {
      content: "";
      position: absolute;
      left: -16px;
      top: 8px;
      display: block;
      width: 8px;
      height: 8px;
      background-color: #b3b3b3;
      border-radius: 50%; }
  .list-normal.sitemap,
  .list-normal .sitemap {
    margin-top: 10px; }
    .list-normal.sitemap li,
    .list-normal .sitemap li {
      line-height: 1.3; }
      .list-normal.sitemap li:before,
      .list-normal .sitemap li:before {
        content: "";
        position: absolute;
        left: -16px;
        top: .4em;
        display: block;
        width: 8px;
        height: 8px;
        background-color: #b3b3b3;
        border-radius: 50%; }

.list-radio > li {
  padding-right: 0;
  padding-left: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.list-radio .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 34%;
          flex: 0 1 34%;
  width: 34%;
  text-align: left; }

.list-radio .item.form-radio {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto; }
  .list-radio .item.form-radio label:before {
    left: 50%;
    margin-left: -10px; }
  .list-radio .item.form-radio input[type="radio"]:checked + label:after {
    left: 50%;
    margin-left: -4px; }

.list-radio .left,
.list-radio .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  width: 25%;
  color: black;
  font-size: 1.6em;
  line-height: 1.3;
  text-align: right; }

.list-radio .left {
  padding-right: 40px;
  text-align: right; }

.list-radio .right {
  padding-left: 40px;
  text-align: left; }

.list-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 15px -5px; }
  .list-tag > li {
    margin: 5px; }

.list-todo li {
  padding: 20px 0;
  border-bottom: #d1d1d1 solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.4em;
  line-height: 1.3; }
  .list-todo li p {
    padding-left: 18px;
    position: relative; }
    .list-todo li p:before {
      content: '';
      width: 12px;
      height: 12px;
      margin-right: 5px;
      background-color: #b2b2b2;
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0; }
  .list-todo li a {
    margin-left: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.numlist-todo li {
  padding: 20px 0;
  border-bottom: #d1d1d1 solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.4em;
  line-height: 1.3; }
  .numlist-todo li p {
    padding-left: 18px;
    position: relative; }
  .numlist-todo li a {
    margin-left: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

#dashboardHeader {
  padding-top: 25px;
  background-color: #eb501e; }
  #dashboardHeader ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #dashboardHeader li {
    margin-right: 40px; }
    #dashboardHeader li:last-child {
      margin-right: 0; }
    #dashboardHeader li a, #dashboardHeader li button {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-decoration: none;
      font-size: 1.6em;
      color: white; }
      #dashboardHeader li a:before, #dashboardHeader li button:before {
        color: #fff;
        margin-right: 15px;
        font-size: 32px; }
    #dashboardHeader li.myjobs > *:before {
      content: "\e909"; }
    #dashboardHeader li.matched > *:before {
      content: "\e90a"; }
    #dashboardHeader li.search > *:before {
      content: "\e915"; }
    #dashboardHeader li.applications > *:before {
      content: "\e900"; }
    #dashboardHeader li.report > *:before {
      content: "\e908"; }

.sort-by {
  position: relative;
  text-align: right;
  z-index: 100; }
  .sort-by > p:first-child {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3;
    color: #000; }
    .sort-by > p:first-child:before {
      content: "";
      display: block;
      margin-right: 0.5em;
      color: #eb501e;
      display: inline-block; }
  .sort-by ul {
    width: auto;
    padding-top: 1.4em;
    position: absolute;
    top: 0;
    right: 0; }
    .sort-by ul a {
      text-decoration: none;
      font-weight: bold; }
      .sort-by ul a:hover {
        color: #eb501e; }

.list-article {
  border-top: 1px solid #d1d1d1; }
  .list-article > li {
    padding: 20px;
    border-bottom: 1px solid #d1d1d1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aligin-items: flex-start; }
    .list-article > li .image {
      width: 240px;
      margin: 0 20px 0 0; }
    .list-article > li .text {
      position: relative; }
  .list-article .list-tag {
    margin: 15px -5px 0; }

ul.sitemap {
  margin-top: 5px;
  margin-bottom: 20px; }
  ul.sitemap > li {
    margin-bottom: 10px; }
    ul.sitemap > li li {
      margin-left: 15px;
      line-height: 1.3; }
  ul.sitemap h4 {
    margin-bottom: 0; }

.infoList {
  border-top: 1px solid #d2d2d2; }

.mod-table, .table-form {
  width: 100%;
  border-collapse: collapse; }
  .mod-table tr th, .table-form tr th, .mod-table tr td, .table-form tr td {
    padding: 20px 10px;
    border-bottom: #d1d1d1 solid 1px; }
  .mod-table tr th, .table-form tr th {
    padding-right: 30px;
    font-weight: bold;
    line-height: 1.3;
    text-align: right; }

table.table-list {
  width: calc( 100% + 40px);
  font-size: 1.4em;
  border-spacing: 20px 0;
  margin: 0 -20px; }
  table.table-list tr {
    height: 56px; }
    table.table-list tr th, table.table-list tr td {
      border-top: 1px solid #d1d1d1; }
    table.table-list tr th {
      width: 150px;
      text-align: left; }
    table.table-list tr td {
      padding: 21px 0; }
  table.table-list tr:last-child th, table.table-list tr:last-child td {
    border-bottom: 1px solid #d1d1d1; }

.table-form tr th, .table-form tr td {
  font-size: 1.4em; }

.table-form tr th {
  text-align: left; }

.table-form tr.disabled {
  background-color: #ddd; }

.faq-content .faq-table {
  width: 100%;
  font-size: 1.4rem;
  border-collapse: collapse;
  border-spacing: 0; }
  .faq-content .faq-table th,
  .faq-content .faq-table td {
    padding: 2px 10px;
    border: 1px solid #d1d1d1; }
  .faq-content .faq-table th {
    width: 50%;
    text-align: left;
    font-weight: normal;
    background-color: whitesmoke; }
  .faq-content .faq-table td {
    width: 25%;
    text-align: center; }
  .faq-content .faq-table .text-emphasis {
    font-size: 1.4rem;
    font-weight: bold; }

#pageHeader .function .userNav button .avatar.online:after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border: #fff solid 3px;
  background-color: #2bcc59;
  border-radius: 50%; }

.sort-by ul > li.badge > a:after, #pageHeader .globalNav > ul > li > ul > li.badge > a:after, #pageHeader .function .userNav ul > li.badge > a:after, #pageHeader .globalNav > ul > li.badge:after, #pageHeader .function .job-plus.badge:after, .mod-company .mod-profile.badge:after, .mod-company .badge.mod-job:after {
  content: "";
  position: absolute;
  right: -8px;
  top: -8px;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #eb501e;
  border-radius: 50%; }

.sort-by ul > li.badge > a:after, #pageHeader .globalNav > ul > li > ul > li.badge > a:after, #pageHeader .function .userNav ul > li.badge > a:after {
  content: "";
  position: relative;
  right: auto;
  top: auto;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background-color: #eb501e;
  border-radius: 50%; }

.sort-by ul, #pageHeader .globalNav > ul > li > ul, #pageHeader .function .userNav ul {
  position: absolute;
  width: auto;
  height: 0;
  font-size: 1.4rem;
  line-height: 1.3; }
  .sort-by ul > li, #pageHeader .globalNav > ul > li > ul > li, #pageHeader .function .userNav ul > li {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transform: scale3d(1, 0, 1);
            transform: scale3d(1, 0, 1);
    padding: 5px 10px;
    background: whitesmoke;
    border-bottom: 1px solid white; }
    .sort-by ul > li a, #pageHeader .globalNav > ul > li > ul > li a, #pageHeader .function .userNav ul > li a {
      width: 100%;
      height: 100%;
      display: block; }
      .sort-by ul > li a:hover, #pageHeader .globalNav > ul > li > ul > li a:hover, #pageHeader .function .userNav ul > li a:hover {
        color: #eb501e; }
  .sort-by ul:hover, #pageHeader .globalNav > ul > li > ul:hover, #pageHeader .function .userNav ul:hover {
    width: auto;
    height: auto; }
    .sort-by ul:hover > li, #pageHeader .globalNav > ul > li > ul:hover > li, #pageHeader .function .userNav ul:hover > li {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1); }

#pageHeader {
  position: relative;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 1060px;
  height: 70px;
  padding: 0 20px; }
  #pageHeader .siteId {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 208px;
            flex: 0 0 208px;
    width: 208px;
    height: 0;
    overflow: hidden;
    padding-top: 44px;
    background-image: url("/static/common/images/common/logo_connectjob.svg");
    background-repeat: no-repeat;
    background-size: contain; }
  #pageHeader .globalNav {
    margin-left: auto; }
    #pageHeader .globalNav > ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.6em;
      font-weight: bold; }
      #pageHeader .globalNav > ul > li {
        position: relative;
        margin: 0 15px; }
        #pageHeader .globalNav > ul > li > ul {
          left: 0;
          top: 0;
          padding-top: 30px; }
    #pageHeader .globalNav a {
      text-decoration: none;
      white-space: pre; }
      #pageHeader .globalNav a:hover {
        color: #eb501e; }
  #pageHeader .linkNav {
    margin-left: auto;
    font-size: 1.6em;
    font-weight: bold; }
    #pageHeader .linkNav a {
      position: relative;
      text-decoration: none;
      display: block;
      color: #fff;
      padding: 0 8px;
      border-bottom: 25px solid #666;
      border-left: 15px solid transparent;
      height: 0; }
      #pageHeader .linkNav a:hover {
        border-bottom: 25px solid #eb501e; }
    #pageHeader .linkNav + .globalNav {
      margin-left: 25px; }
  #pageHeader .function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #pageHeader .function .job-plus {
      position: relative;
      /*
			img:hover + p {
					width: 200px;
					height: auto;
					transform: scale3d( 1, 1, 1 );
					display: inline-block;
			}
*/ }
      #pageHeader .function .job-plus.badge:after {
        right: -16px; }
      #pageHeader .function .job-plus img {
        width: auto;
        height: 26px;
        position: relative; }
      #pageHeader .function .job-plus p {
        width: 100%;
        height: 0;
        padding-top: 26px;
        border-radius: 10px;
        position: absolute;
        top: 0;
        left: 0; }
        #pageHeader .function .job-plus p span {
          width: 200px;
          border-radius: 5px;
          padding: 5px;
          display: none;
          background: #ccc; }
        #pageHeader .function .job-plus p:hover {
          height: auto;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1); }
          #pageHeader .function .job-plus p:hover span {
            display: inline-block; }
    #pageHeader .function .language {
      padding: 0 25px;
      font-size: 1.6em;
      font-weight: bold;
      position: relative;
      z-index: 1;
      width: 156.5px; }
      #pageHeader .function .language form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 106.5px; }
        #pageHeader .function .language form:before {
          content: "\e91b";
          margin-right: 5px;
          font-size: 24px;
          width: 24.5px; }
        #pageHeader .function .language form > select {
          cursor: pointer;
          width: 77px; }
    #pageHeader .function .userNav {
      position: relative;
      height: 40px;
      padding-left: 20px;
      border-left: #d1d1d1 solid 1px; }
      #pageHeader .function .userNav button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-width: 94.5px;
        max-width: 207px; }
        #pageHeader .function .userNav button .name {
          margin: 0 20px 0 5px;
          font-size: 1.4em;
          font-weight: bold; }
        #pageHeader .function .userNav button .avatar {
          width: 40px;
          height: 40px; }
          #pageHeader .function .userNav button .avatar img {
            border-radius: 50%; }
        #pageHeader .function .userNav button:before {
          content: "";
          display: block;
          margin-right: 1em;
          color: #eb501e;
          width: 10px; }
      #pageHeader .function .userNav ul {
        min-width: 100%;
        right: -20px;
        top: 0;
        padding-top: 55px;
        font-weight: bold;
        width: 145.5px; }
        #pageHeader .function .userNav ul .js-nav-active {
          -webkit-transform: scala3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }
      #pageHeader .function .userNav a {
        text-decoration: none; }
    #pageHeader .function .login button,
    #pageHeader .function .regist button {
      padding: 0 25px;
      border-left: 1px solid #d2d2d2;
      font-size: 2em;
      font-weight: bold;
      text-decoration: none; }
      #pageHeader .function .login button:hover,
      #pageHeader .function .regist button:hover {
        color: #eb501e; }
    #pageHeader .function .login #login-gdpr,
    #pageHeader .function .login #regist-gdpr,
    #pageHeader .function .regist #login-gdpr,
    #pageHeader .function .regist #regist-gdpr {
      display: none; }
  #pageHeader + .headerInfo {
    background-color: #fea197; }
    #pageHeader + .headerInfo > p {
      color: #fff;
      text-align: center; }

.profileHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px; }
  .profileHeader dt {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 350px;
            flex: 1 1 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3;
    background-color: #eb501e;
    border-radius: 45px 0 0 45px; }
  .profileHeader dd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 670px;
            flex: 1 1 670px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 0 50px;
    border: #eb501e solid 2px;
    border-radius: 0 45px 45px 0; }
    .profileHeader dd > div {
      position: relative;
      padding-top: 5px;
      padding-left: 40px; }
      .profileHeader dd > div:before {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 38px; }
      .profileHeader dd > div.uploadCV:before {
        content: ""; }
      .profileHeader dd > div.personal:before {
        content: ""; }
      .profileHeader dd > div.experience:before {
        content: ""; }
      .profileHeader dd > div.expectation:before {
        content: ""; }
    .profileHeader dd .title {
      position: absolute;
      left: 0;
      top: 0;
      color: black;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 1.3; }
    .profileHeader dd .achieve {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 54px;
      height: 54px;
      color: #eb501e;
      font-size: 1.2em;
      font-weight: bold;
      line-height: 1.3;
      background-color: #fdeee9;
      border-radius: 50%; }
      .profileHeader dd .achieve em {
        font-size: 2em; }
      .profileHeader dd .achieve.complete {
        display: block;
        overflow: hidden; }
        .profileHeader dd .achieve.complete:before {
          content: "\e90f";
          display: block;
          color: #eb501e;
          font-size: 28px;
          padding: 13px; }

.mod-memoForm {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6;
  width: 320px;
  padding: 10px;
  margin-bottom: 10px;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transform: scale3d(0, 0, 0);
          transform: scale3d(0, 0, 0);
  -webkit-transform-origin: right top;
          transform-origin: right top; }
  .mod-memoForm.active {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  .mod-memoForm textarea {
    margin-top: 10px;
    resize: none; }
  .mod-memoForm .box-button, .mod-memoForm .box-upload-send {
    margin: 20px auto; }
  .mod-memoForm .tingle-modal__close {
    top: 5px;
    right: 10px;
    color: #b2b2b2;
    -webkit-transition: none;
    transition: none; }
    .mod-memoForm .tingle-modal__close:hover {
      color: #b2b2b2; }

#footerBanner {
  margin: 120px 0 30px; }
  #footerBanner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1060px;
    padding-left: 10px;
    padding-right: 10px;
    margin: -10px auto; }
    #footerBanner ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 240px;
      height: 100px;
      overflow: hidden;
      margin: 10px; }
      #footerBanner ul li a {
        display: block;
        cursor: pointer; }
        #footerBanner ul li a:hover {
          opacity: 0.6; }
      #footerBanner ul li img {
        width: 100%;
        height: auto; }

#pageFooter {
  position: relative;
  z-index: 101;
  min-width: 1060px; }
  #pageFooter.bg {
    background-color: whitesmoke; }
  #pageFooter a {
    color: white;
    text-decoration: none; }
  #pageFooter .utilityNav {
    padding: 100px 0 50px;
    background-image: url("/static/common/images/common/bg_pagefooter.png");
    background-size: 100% 100%; }
    #pageFooter .utilityNav .utilityNavInner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #pageFooter .utilityNav .utilityNavInner.column > div {
        width: 50%; }
      #pageFooter .utilityNav .utilityNavInner > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #pageFooter .utilityNav .utilityNavInner > div > p {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          margin-right: 40px; }
        #pageFooter .utilityNav .utilityNavInner > div > ul.line {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #pageFooter .utilityNav .utilityNavInner > div > ul.line li {
            margin-right: 50px; }
            #pageFooter .utilityNav .utilityNavInner > div > ul.line li:last-child {
              margin-right: 0; }
            #pageFooter .utilityNav .utilityNavInner > div > ul.line li a:hover {
              border-bottom: 1px solid #fff; }
        #pageFooter .utilityNav .utilityNavInner > div > ul.tile {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
          #pageFooter .utilityNav .utilityNavInner > div > ul.tile li {
            width: 50%;
            padding-right: 10px; }
            #pageFooter .utilityNav .utilityNavInner > div > ul.tile li a:hover {
              border-bottom: 1px solid #fff; }
      #pageFooter .utilityNav .utilityNavInner p {
        color: white; }
  #pageFooter .footer-SNS {
    margin-top: 30px; }
    #pageFooter .footer-SNS .box-service > a[class*=icon] {
      margin-right: 20px;
      margin-left: 20px; }
      #pageFooter .footer-SNS .box-service > a[class*=icon]:before {
        color: #fff; }
      #pageFooter .footer-SNS .box-service > a[class*=icon]:hover {
        opacity: 0.6; }
  #pageFooter .siteNav {
    background: black; }
    #pageFooter .siteNav .siteNavInner {
      min-height: 72px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #pageFooter .siteNav .siteNavInner p {
        color: white; }
      #pageFooter .siteNav .siteNavInner ul li {
        display: inline-block;
        padding: 0 20px;
        border-right: 1px solid white; }
        #pageFooter .siteNav .siteNavInner ul li:last-child {
          padding-right: 0;
          border-right: 0; }
      #pageFooter .siteNav .siteNavInner a:hover {
        border-bottom: 1px solid #fff; }
  #pageFooter .siteId {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 208px;
            flex: 0 0 208px;
    width: 208px;
    height: 0;
    overflow: hidden;
    padding-top: 44px;
    background-image: url("/static/common/images/common/logo_connectjob.svg");
    background-repeat: no-repeat;
    background-size: contain; }

.stepBar {
  margin-bottom: 30px; }
  .stepBar li {
    width: 253px;
    line-height: 46px;
    color: #999;
    text-decoration: none;
    padding: 0 15px 0 35px;
    background: #f5f5f5;
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center; }
    .stepBar li:after {
      position: relative;
      display: block;
      margin-top: -25px;
      margin-left: auto;
      margin-right: -25px;
      height: 22px;
      width: 20px;
      content: " ";
      -webkit-transform: skew(-30deg);
              transform: skew(-30deg);
      background: #f5f5f5;
      border-right: 1px solid white; }
    .stepBar li:before {
      float: right;
      display: block;
      margin-bottom: -25px;
      margin-left: auto;
      margin-right: -25px;
      height: 21px;
      width: 20px;
      content: " ";
      -webkit-transform: skew(30deg);
              transform: skew(30deg);
      background: #f5f5f5;
      border-right: 1px solid white; }
    .stepBar li:first-child {
      padding-left: 20px;
      border-radius: 5px 0 0 5px; }
    .stepBar li:last-child {
      width: 252px;
      padding-left: 35px;
      padding-right: 40px;
      border-radius: 0 5px 5px 0; }
    .stepBar li:last-child:before {
      border: 0;
      background: transparent !important; }
    .stepBar li:last-child:after {
      border: 0;
      background: transparent !important; }
    .stepBar li.current {
      background: #ff9888;
      color: #fff; }
      .stepBar li.current:before {
        background: #ff9888; }
      .stepBar li.current:after {
        background: #ff9888; }
      .stepBar li.current:last-child {
        margin-right: -35px; }
        .stepBar li.current:last-child:before {
          border: 0;
          background: transparent !important; }
        .stepBar li.current:last-child:after {
          border: 0;
          background: transparent !important; }

#modalContent {
  display: none; }

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease; }

.tingle-modal-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 720px;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 8px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.tingle-modal-box__content {
  padding: 30px 140px; }
  .tingle-modal-box__content h2 {
    margin-bottom: 20px; }
  .tingle-modal-box__content .form-normal {
    margin-top: 20px;
    margin-bottom: 20px; }

.duplicateTemplate {
  display: none; }

.form-SNS .box-service, #pageFooter .footer-SNS .box-service, .mod-OpenID .box-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .form-SNS .box-service a, #pageFooter .footer-SNS .box-service a, .mod-OpenID .box-service a, .form-SNS .box-service button, #pageFooter .footer-SNS .box-service button, .mod-OpenID .box-service button {
    position: relative;
    display: block;
    width: 42px;
    height: 0;
    overflow: hidden;
    padding-top: 42px;
    margin: 0 10px;
    text-decoration: none; }
    .form-SNS .box-service a:before, #pageFooter .footer-SNS .box-service a:before, .mod-OpenID .box-service a:before, .form-SNS .box-service button:before, #pageFooter .footer-SNS .box-service button:before, .mod-OpenID .box-service button:before {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 42px; }

.mod-OpenID .hr {
  height: 1px;
  margin: 20px 0;
  text-align: center;
  background-color: #d1d1d1;
  font-size: 1.6em;
  line-height: 1.3; }
  .mod-OpenID .hr span {
    position: relative;
    top: -.7em;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff; }

.mod-OpenID a:hover {
  opacity: 0.6; }

.mod-appProfile, .mod-candidate, .mod-company, .card-applicant, .card-company, .card-fair, .card-selection {
  background-color: #fff; }
  .mod-appProfile .box-flex > * + *, .mod-candidate .box-flex > * + *, .mod-company .box-flex > * + *, .card-applicant .box-flex > * + *, .card-company .box-flex > * + *, .card-fair .box-flex > * + *, .card-selection .box-flex > * + *, .mod-appProfile .mod-progress .message .reply-by > * + *, .mod-progress .message .mod-appProfile .reply-by > * + *, .mod-candidate .mod-progress .message .reply-by > * + *, .mod-progress .message .mod-candidate .reply-by > * + *, .mod-company .mod-progress .message .reply-by > * + *, .mod-progress .message .mod-company .reply-by > * + *, .card-applicant .mod-progress .message .reply-by > * + *, .mod-progress .message .card-applicant .reply-by > * + *, .card-company .mod-progress .message .reply-by > * + *, .mod-progress .message .card-company .reply-by > * + *, .card-fair .mod-progress .message .reply-by > * + *, .mod-progress .message .card-fair .reply-by > * + *, .card-selection .mod-progress .message .reply-by > * + *, .mod-progress .message .card-selection .reply-by > * + * {
    margin-left: 40px; }
  .mod-appProfile .box-flex + .mod-profile, .mod-candidate .box-flex + .mod-profile, .mod-company .box-flex + .mod-profile, .card-applicant .box-flex + .mod-profile, .card-company .box-flex + .mod-profile, .card-fair .box-flex + .mod-profile, .card-selection .box-flex + .mod-profile, .mod-appProfile .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .mod-appProfile .reply-by + .mod-profile, .mod-candidate .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .mod-candidate .reply-by + .mod-profile, .mod-company .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .mod-company .reply-by + .mod-profile, .card-applicant .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .card-applicant .reply-by + .mod-profile, .card-company .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .card-company .reply-by + .mod-profile, .card-fair .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .card-fair .reply-by + .mod-profile, .card-selection .mod-progress .message .reply-by + .mod-profile, .mod-progress .message .card-selection .reply-by + .mod-profile, .mod-appProfile .box-flex + .mod-job, .mod-candidate .box-flex + .mod-job, .mod-company .box-flex + .mod-job, .card-applicant .box-flex + .mod-job, .card-company .box-flex + .mod-job, .card-fair .box-flex + .mod-job, .card-selection .box-flex + .mod-job, .mod-appProfile .mod-progress .message .reply-by + .mod-job, .mod-progress .message .mod-appProfile .reply-by + .mod-job, .mod-candidate .mod-progress .message .reply-by + .mod-job, .mod-progress .message .mod-candidate .reply-by + .mod-job, .mod-company .mod-progress .message .reply-by + .mod-job, .mod-progress .message .mod-company .reply-by + .mod-job, .card-applicant .mod-progress .message .reply-by + .mod-job, .mod-progress .message .card-applicant .reply-by + .mod-job, .card-company .mod-progress .message .reply-by + .mod-job, .mod-progress .message .card-company .reply-by + .mod-job, .card-fair .mod-progress .message .reply-by + .mod-job, .mod-progress .message .card-fair .reply-by + .mod-job, .card-selection .mod-progress .message .reply-by + .mod-job, .mod-progress .message .card-selection .reply-by + .mod-job {
    margin-top: 20px;
    border-top: #d1d1d1 solid 1px;
    padding-top: 20px; }
  .mod-appProfile .configButton, .mod-candidate .configButton, .mod-company .configButton, .card-applicant .configButton, .card-company .configButton, .card-fair .configButton, .card-selection .configButton {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 160px;
    height: 30px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px -3px #000000;
            box-shadow: 0px 0px 10px -3px #000000; }
    .mod-appProfile .configButton:before, .mod-candidate .configButton:before, .mod-company .configButton:before, .card-applicant .configButton:before, .card-company .configButton:before, .card-fair .configButton:before, .card-selection .configButton:before {
      margin-right: 5px; }
    .mod-appProfile .configButton.hide, .mod-candidate .configButton.hide, .mod-company .configButton.hide, .card-applicant .configButton.hide, .card-company .configButton.hide, .card-fair .configButton.hide, .card-selection .configButton.hide, .mod-appProfile .configButton.edit, .mod-candidate .configButton.edit, .mod-company .configButton.edit, .card-applicant .configButton.edit, .card-company .configButton.edit, .card-fair .configButton.edit, .card-selection .configButton.edit {
      margin: auto; }
    .mod-appProfile .configButton.hide, .mod-candidate .configButton.hide, .mod-company .configButton.hide, .card-applicant .configButton.hide, .card-company .configButton.hide, .card-fair .configButton.hide, .card-selection .configButton.hide {
      bottom: auto;
      background: #fff;
      color: #000;
      text-align: center; }
      .mod-appProfile .configButton.hide:before, .mod-candidate .configButton.hide:before, .mod-company .configButton.hide:before, .card-applicant .configButton.hide:before, .card-company .configButton.hide:before, .card-fair .configButton.hide:before, .card-selection .configButton.hide:before {
        content: "\e911"; }
    .mod-appProfile .configButton.edit, .mod-candidate .configButton.edit, .mod-company .configButton.edit, .card-applicant .configButton.edit, .card-company .configButton.edit, .card-fair .configButton.edit, .card-selection .configButton.edit {
      background: #eb501e;
      color: #fff; }
      .mod-appProfile .configButton.edit:before, .mod-candidate .configButton.edit:before, .mod-company .configButton.edit:before, .card-applicant .configButton.edit:before, .card-company .configButton.edit:before, .card-fair .configButton.edit:before, .card-selection .configButton.edit:before {
        content: "\e915"; }
  .mod-appProfile .actionTimestamp, .mod-candidate .actionTimestamp, .mod-company .actionTimestamp, .card-applicant .actionTimestamp, .card-company .actionTimestamp, .card-fair .actionTimestamp, .card-selection .actionTimestamp {
    position: relative;
    padding-left: 30px;
    font-size: 1.2em;
    line-height: 1.3; }
    .mod-appProfile .actionTimestamp:before, .mod-candidate .actionTimestamp:before, .mod-company .actionTimestamp:before, .card-applicant .actionTimestamp:before, .card-company .actionTimestamp:before, .card-fair .actionTimestamp:before, .card-selection .actionTimestamp:before {
      content: "\e914";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      display: block;
      width: 22px;
      height: 22px;
      margin: auto;
      color: #333333;
      font-size: 22px; }
  .mod-appProfile .matchLevel, .mod-candidate .matchLevel, .mod-company .matchLevel, .card-applicant .matchLevel, .card-company .matchLevel, .card-fair .matchLevel, .card-selection .matchLevel {
    position: relative;
    padding-left: 30px;
    font-size: 1.4em;
    line-height: 1.3; }
    .mod-appProfile .matchLevel:before, .mod-candidate .matchLevel:before, .mod-company .matchLevel:before, .card-applicant .matchLevel:before, .card-company .matchLevel:before, .card-fair .matchLevel:before, .card-selection .matchLevel:before, .mod-appProfile .matchLevel:after, .mod-candidate .matchLevel:after, .mod-company .matchLevel:after, .card-applicant .matchLevel:after, .card-company .matchLevel:after, .card-fair .matchLevel:after, .card-selection .matchLevel:after {
      content: "\e918";
      position: absolute;
      top: 0;
      bottom: 0;
      display: block;
      width: 22px;
      height: 22px;
      margin: auto;
      font-size: 22px; }
    .mod-appProfile .matchLevel:before, .mod-candidate .matchLevel:before, .mod-company .matchLevel:before, .card-applicant .matchLevel:before, .card-company .matchLevel:before, .card-fair .matchLevel:before, .card-selection .matchLevel:before {
      color: #999999;
      left: 5px; }
    .mod-appProfile .matchLevel:after, .mod-candidate .matchLevel:after, .mod-company .matchLevel:after, .card-applicant .matchLevel:after, .card-company .matchLevel:after, .card-fair .matchLevel:after, .card-selection .matchLevel:after {
      color: #454545;
      left: -4px; }
  .mod-appProfile .fondness, .mod-candidate .fondness, .mod-company .fondness, .card-applicant .fondness, .card-company .fondness, .card-fair .fondness, .card-selection .fondness {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 35px; }
    .mod-appProfile .fondness:before, .mod-candidate .fondness:before, .mod-company .fondness:before, .card-applicant .fondness:before, .card-company .fondness:before, .card-fair .fondness:before, .card-selection .fondness:before {
      content: "\e917";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      display: block;
      width: 32px;
      height: 32px;
      margin: auto;
      color: #333333;
      font-size: 32px; }
    .mod-appProfile .fondness .star, .mod-candidate .fondness .star, .mod-company .fondness .star, .card-applicant .fondness .star, .card-company .fondness .star, .card-fair .fondness .star, .card-selection .fondness .star {
      display: block;
      width: 15px;
      height: 15px;
      overflow: hidden;
      margin: 0 2px; }
      .mod-appProfile .fondness .star:before, .mod-candidate .fondness .star:before, .mod-company .fondness .star:before, .card-applicant .fondness .star:before, .card-company .fondness .star:before, .card-fair .fondness .star:before, .card-selection .fondness .star:before {
        content: "\e91a";
        display: block;
        width: 15px;
        height: 15px;
        color: #999999;
        font-size: 15px; }
      .mod-appProfile .fondness .star.on:before, .mod-candidate .fondness .star.on:before, .mod-company .fondness .star.on:before, .card-applicant .fondness .star.on:before, .card-company .fondness .star.on:before, .card-fair .fondness .star.on:before, .card-selection .fondness .star.on:before {
        color: #eb501e; }
  .mod-appProfile .status, .mod-candidate .status, .mod-company .status, .card-applicant .status, .card-company .status, .card-fair .status, .card-selection .status {
    margin-left: auto;
    color: black;
    font-size: 1.2em;
    font-weight: bold; }
    .mod-appProfile .status.warning, .mod-candidate .status.warning, .mod-company .status.warning, .card-applicant .status.warning, .card-company .status.warning, .card-fair .status.warning, .card-selection .status.warning {
      color: #eb501e; }
  .mod-appProfile .salary, .mod-candidate .salary, .mod-company .salary, .card-applicant .salary, .card-company .salary, .card-fair .salary, .card-selection .salary,
  .mod-appProfile .language,
  .mod-candidate .language,
  .mod-company .language,
  .card-applicant .language,
  .card-company .language,
  .card-fair .language,
  .card-selection .language,
  .mod-appProfile .location,
  .mod-candidate .location,
  .mod-company .location,
  .card-applicant .location,
  .card-company .location,
  .card-fair .location,
  .card-selection .location {
    color: #454545;
    font-size: 1.2em;
    line-height: 1.3; }
    .mod-appProfile .salary:before, .mod-candidate .salary:before, .mod-company .salary:before, .card-applicant .salary:before, .card-company .salary:before, .card-fair .salary:before, .card-selection .salary:before,
    .mod-appProfile .language:before,
    .mod-candidate .language:before,
    .mod-company .language:before,
    .card-applicant .language:before,
    .card-company .language:before,
    .card-fair .language:before,
    .card-selection .language:before,
    .mod-appProfile .location:before,
    .mod-candidate .location:before,
    .mod-company .location:before,
    .card-applicant .location:before,
    .card-company .location:before,
    .card-fair .location:before,
    .card-selection .location:before {
      display: inline-block;
      width: 14px;
      height: 18px;
      margin-right: 10px;
      font-size: 18px;
      vertical-align: middle; }
  .mod-appProfile .salary:before, .mod-candidate .salary:before, .mod-company .salary:before, .card-applicant .salary:before, .card-company .salary:before, .card-fair .salary:before, .card-selection .salary:before {
    content: "\e91e"; }
  
  .mod-appProfile .language:before,
  .mod-candidate .language:before,
  .mod-company .language:before,
  .card-applicant .language:before,
  .card-company .language:before,
  .card-fair .language:before,
  .card-selection .language:before {
    content: "\e91b"; }
  
  .mod-appProfile .location:before,
  .mod-candidate .location:before,
  .mod-company .location:before,
  .card-applicant .location:before,
  .card-company .location:before,
  .card-fair .location:before,
  .card-selection .location:before {
    content: "\e916"; }
  .mod-appProfile .attribute, .mod-candidate .attribute, .mod-company .attribute, .card-applicant .attribute, .card-company .attribute, .card-fair .attribute, .card-selection .attribute {
    font-size: 1.2em;
    line-height: 1.8; }
  .mod-appProfile .invited, .mod-candidate .invited, .mod-company .invited, .card-applicant .invited, .card-company .invited, .card-fair .invited, .card-selection .invited,
  .mod-appProfile .applied,
  .mod-candidate .applied,
  .mod-company .applied,
  .card-applicant .applied,
  .card-company .applied,
  .card-fair .applied,
  .card-selection .applied {
    color: black;
    font-size: 1.2em;
    line-height: 1.3; }
    .mod-appProfile .invited em, .mod-candidate .invited em, .mod-company .invited em, .card-applicant .invited em, .card-company .invited em, .card-fair .invited em, .card-selection .invited em,
    .mod-appProfile .applied em,
    .mod-candidate .applied em,
    .mod-company .applied em,
    .card-applicant .applied em,
    .card-company .applied em,
    .card-fair .applied em,
    .card-selection .applied em {
      color: #eb501e;
      font-weight: inherit; }
  .mod-appProfile .action, .mod-candidate .action, .mod-company .action, .card-applicant .action, .card-company .action, .card-fair .action, .card-selection .action {
    width: 780px;
    margin-top: 10px;
    padding: 20px;
    background-color: whitesmoke;
    border-radius: 20px; }
    .mod-appProfile .action.warning, .mod-candidate .action.warning, .mod-company .action.warning, .card-applicant .action.warning, .card-company .action.warning, .card-fair .action.warning, .card-selection .action.warning {
      background: #fdf5f3; }
    .mod-appProfile .action.background, .mod-candidate .action.background, .mod-company .action.background, .card-applicant .action.background, .card-company .action.background, .card-fair .action.background, .card-selection .action.background {
      width: 100%; }
    .mod-appProfile .action > *, .mod-candidate .action > *, .mod-company .action > *, .card-applicant .action > *, .card-company .action > *, .card-fair .action > *, .card-selection .action > * {
      margin-top: 1em; }
      .mod-appProfile .action > *:first-child, .mod-candidate .action > *:first-child, .mod-company .action > *:first-child, .card-applicant .action > *:first-child, .card-company .action > *:first-child, .card-fair .action > *:first-child, .card-selection .action > *:first-child {
        margin-top: 0; }
    .mod-appProfile .action .text-dl.emphasis, .mod-candidate .action .text-dl.emphasis, .mod-company .action .text-dl.emphasis, .card-applicant .action .text-dl.emphasis, .card-company .action .text-dl.emphasis, .card-fair .action .text-dl.emphasis, .card-selection .action .text-dl.emphasis {
      font-size: 1.6em; }
      .mod-appProfile .action .text-dl.emphasis dt, .mod-candidate .action .text-dl.emphasis dt, .mod-company .action .text-dl.emphasis dt, .card-applicant .action .text-dl.emphasis dt, .card-company .action .text-dl.emphasis dt, .card-fair .action .text-dl.emphasis dt, .card-selection .action .text-dl.emphasis dt {
        color: black;
        font-weight: bold; }
      .mod-appProfile .action .text-dl.emphasis dd, .mod-candidate .action .text-dl.emphasis dd, .mod-company .action .text-dl.emphasis dd, .card-applicant .action .text-dl.emphasis dd, .card-company .action .text-dl.emphasis dd, .card-fair .action .text-dl.emphasis dd, .card-selection .action .text-dl.emphasis dd {
        color: #eb501e; }
    .mod-appProfile .action .box-button.v-middle a.button-primary, .mod-candidate .action .box-button.v-middle a.button-primary, .mod-company .action .box-button.v-middle a.button-primary, .card-applicant .action .box-button.v-middle a.button-primary, .card-company .action .box-button.v-middle a.button-primary, .card-fair .action .box-button.v-middle a.button-primary, .card-selection .action .box-button.v-middle a.button-primary, .mod-appProfile .action .v-middle.box-upload-send a.button-primary, .mod-candidate .action .v-middle.box-upload-send a.button-primary, .mod-company .action .v-middle.box-upload-send a.button-primary, .card-applicant .action .v-middle.box-upload-send a.button-primary, .card-company .action .v-middle.box-upload-send a.button-primary, .card-fair .action .v-middle.box-upload-send a.button-primary, .card-selection .action .v-middle.box-upload-send a.button-primary, .mod-appProfile .action .box-button.v-middle a.button-submit, .mod-candidate .action .box-button.v-middle a.button-submit, .mod-company .action .box-button.v-middle a.button-submit, .card-applicant .action .box-button.v-middle a.button-submit, .card-company .action .box-button.v-middle a.button-submit, .card-fair .action .box-button.v-middle a.button-submit, .card-selection .action .box-button.v-middle a.button-submit, .mod-appProfile .action .v-middle.box-upload-send a.button-submit, .mod-candidate .action .v-middle.box-upload-send a.button-submit, .mod-company .action .v-middle.box-upload-send a.button-submit, .card-applicant .action .v-middle.box-upload-send a.button-submit, .card-company .action .v-middle.box-upload-send a.button-submit, .card-fair .action .v-middle.box-upload-send a.button-submit, .card-selection .action .v-middle.box-upload-send a.button-submit, .mod-appProfile .action .box-button.v-middle a.button-delete, .mod-candidate .action .box-button.v-middle a.button-delete, .mod-company .action .box-button.v-middle a.button-delete, .card-applicant .action .box-button.v-middle a.button-delete, .card-company .action .box-button.v-middle a.button-delete, .card-fair .action .box-button.v-middle a.button-delete, .card-selection .action .box-button.v-middle a.button-delete, .mod-appProfile .action .v-middle.box-upload-send a.button-delete, .mod-candidate .action .v-middle.box-upload-send a.button-delete, .mod-company .action .v-middle.box-upload-send a.button-delete, .card-applicant .action .v-middle.box-upload-send a.button-delete, .card-company .action .v-middle.box-upload-send a.button-delete, .card-fair .action .v-middle.box-upload-send a.button-delete, .card-selection .action .v-middle.box-upload-send a.button-delete, .mod-appProfile .action .box-button.v-middle a.toggleSaveButton:before, .mod-candidate .action .box-button.v-middle a.toggleSaveButton:before, .mod-company .action .box-button.v-middle a.toggleSaveButton:before, .card-applicant .action .box-button.v-middle a.toggleSaveButton:before, .card-company .action .box-button.v-middle a.toggleSaveButton:before, .card-fair .action .box-button.v-middle a.toggleSaveButton:before, .card-selection .action .box-button.v-middle a.toggleSaveButton:before, .mod-appProfile .action .v-middle.box-upload-send a.toggleSaveButton:before, .mod-candidate .action .v-middle.box-upload-send a.toggleSaveButton:before, .mod-company .action .v-middle.box-upload-send a.toggleSaveButton:before, .card-applicant .action .v-middle.box-upload-send a.toggleSaveButton:before, .card-company .action .v-middle.box-upload-send a.toggleSaveButton:before, .card-fair .action .v-middle.box-upload-send a.toggleSaveButton:before, .card-selection .action .v-middle.box-upload-send a.toggleSaveButton:before {
      margin-bottom: 10px; }
  .mod-appProfile .hide, .mod-candidate .hide, .mod-company .hide, .card-applicant .hide, .card-company .hide, .card-fair .hide, .card-selection .hide,
  .mod-appProfile .withdraw,
  .mod-candidate .withdraw,
  .mod-company .withdraw,
  .card-applicant .withdraw,
  .card-company .withdraw,
  .card-fair .withdraw,
  .card-selection .withdraw {
    display: block;
    margin: -10px -20px -20px auto;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0; }
    .mod-appProfile .hide a, .mod-candidate .hide a, .mod-company .hide a, .card-applicant .hide a, .card-company .hide a, .card-fair .hide a, .card-selection .hide a,
    .mod-appProfile .hide button,
    .mod-candidate .hide button,
    .mod-company .hide button,
    .card-applicant .hide button,
    .card-company .hide button,
    .card-fair .hide button,
    .card-selection .hide button,
    .mod-appProfile .withdraw a,
    .mod-candidate .withdraw a,
    .mod-company .withdraw a,
    .card-applicant .withdraw a,
    .card-company .withdraw a,
    .card-fair .withdraw a,
    .card-selection .withdraw a,
    .mod-appProfile .withdraw button,
    .mod-candidate .withdraw button,
    .mod-company .withdraw button,
    .card-applicant .withdraw button,
    .card-company .withdraw button,
    .card-fair .withdraw button,
    .card-selection .withdraw button {
      padding: 5px 10px 5px 20px;
      background: #b2b2b2;
      color: #fff;
      border-radius: 40px 0 0 0;
      text-decoration: none;
      font-size: 1.2em;
      line-height: 1.3; }
      .mod-appProfile .hide a:before, .mod-candidate .hide a:before, .mod-company .hide a:before, .card-applicant .hide a:before, .card-company .hide a:before, .card-fair .hide a:before, .card-selection .hide a:before,
      .mod-appProfile .hide button:before,
      .mod-candidate .hide button:before,
      .mod-company .hide button:before,
      .card-applicant .hide button:before,
      .card-company .hide button:before,
      .card-fair .hide button:before,
      .card-selection .hide button:before,
      .mod-appProfile .withdraw a:before,
      .mod-candidate .withdraw a:before,
      .mod-company .withdraw a:before,
      .card-applicant .withdraw a:before,
      .card-company .withdraw a:before,
      .card-fair .withdraw a:before,
      .card-selection .withdraw a:before,
      .mod-appProfile .withdraw button:before,
      .mod-candidate .withdraw button:before,
      .mod-company .withdraw button:before,
      .card-applicant .withdraw button:before,
      .card-company .withdraw button:before,
      .card-fair .withdraw button:before,
      .card-selection .withdraw button:before {
        content: "\e910";
        margin-right: 10px;
        display: inline-block; }
  .hide.mod-appProfile:after, .hide.mod-candidate:after, .hide.mod-company:after, .hide.card-applicant:after, .hide.card-company:after, .hide.card-fair:after, .hide.card-selection:after {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    z-index: 1;
    width: auto;
    height: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.3); }
  .mod-appProfile[data-href], .mod-candidate[data-href], .mod-company[data-href], .card-applicant[data-href], .card-company[data-href], .card-fair[data-href], .card-selection[data-href] {
    cursor: pointer; }
    .mod-appProfile[data-href]:hover, .mod-candidate[data-href]:hover, .mod-company[data-href]:hover, .card-applicant[data-href]:hover, .card-company[data-href]:hover, .card-fair[data-href]:hover, .card-selection[data-href]:hover {
      opacity: 0.6; }
  .mod-appProfile .text-schedule, .mod-candidate .text-schedule, .mod-company .text-schedule, .card-applicant .text-schedule, .card-company .text-schedule, .card-fair .text-schedule, .card-selection .text-schedule {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3; }
    .mod-appProfile .text-schedule dt, .mod-candidate .text-schedule dt, .mod-company .text-schedule dt, .card-applicant .text-schedule dt, .card-company .text-schedule dt, .card-fair .text-schedule dt, .card-selection .text-schedule dt {
      color: #eb501e; }
    .mod-appProfile .text-schedule dd, .mod-candidate .text-schedule dd, .mod-company .text-schedule dd, .card-applicant .text-schedule dd, .card-company .text-schedule dd, .card-fair .text-schedule dd, .card-selection .text-schedule dd {
      margin-left: .5em;
      color: black; }
  .infoList.mod-appProfile, .infoList.mod-candidate, .infoList.mod-company, .infoList.card-applicant, .infoList.card-company, .infoList.card-fair, .infoList.card-selection {
    border-bottom: 1px solid #d2d2d2;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px; }
  h3 + .infoList.mod-appProfile, h3 + .infoList.mod-candidate, h3 + .infoList.mod-company, h3 + .infoList.card-applicant, h3 + .infoList.card-company, h3 + .infoList.card-fair, h3 + .infoList.card-selection {
    border-top: none;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 20px; }
    h3 + .infoList.mod-appProfile a, h3 + .infoList.mod-candidate a, h3 + .infoList.mod-company a, h3 + .infoList.card-applicant a, h3 + .infoList.card-company a, h3 + .infoList.card-fair a, h3 + .infoList.card-selection a {
      text-decoration: underline; }
      h3 + .infoList.mod-appProfile a:hover, h3 + .infoList.mod-candidate a:hover, h3 + .infoList.mod-company a:hover, h3 + .infoList.card-applicant a:hover, h3 + .infoList.card-company a:hover, h3 + .infoList.card-fair a:hover, h3 + .infoList.card-selection a:hover {
        text-decoration: none; }

.mod-appProfile .language,
.mod-appProfile .location,
.mod-appProfile .matchLevel,
.mod-appProfile .actionTimestamp {
  font-size: 1em;
  margin-left: 10px;
  color: #999999; }
  .mod-appProfile .language:before, .mod-appProfile .language:after,
  .mod-appProfile .location:before,
  .mod-appProfile .location:after,
  .mod-appProfile .matchLevel:before,
  .mod-appProfile .matchLevel:after,
  .mod-appProfile .actionTimestamp:before,
  .mod-appProfile .actionTimestamp:after {
    color: #454545; }

.mod-appProfile .appProfileList {
  margin-bottom: 1em; }

.mod-candidate, .mod-company {
  position: relative; }
  .mod-candidate .pinButton, .mod-company .pinButton {
    position: absolute;
    top: -10px;
    right: 0; }
    .mod-candidate .pinButton ~ div .status, .mod-company .pinButton ~ div .status {
      margin-right: 40px; }
  .mod-candidate .mod-profile .avatar + div, .mod-company .mod-profile .avatar + div, .mod-candidate .mod-job .avatar + div, .mod-company .mod-job .avatar + div {
    width: calc(100% - 120px); }

.mod-company .HR {
  color: #666666;
  font-size: 1.4em;
  line-height: 1.3; }

.mod-company.infoList a + a {
  margin-top: 30px; }

.mod-company .mod-profile .avatar ~ div, .mod-company .mod-job .avatar ~ div {
  width: auto; }

.mod-profile .avatar, .mod-job .avatar, .mod-message .item-message .avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  position: relative;
  margin-right: 20px; }
  .mod-profile .avatar .image, .mod-job .avatar .image, .mod-message .item-message .avatar .image {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden; }
    .mod-profile .avatar .image > img, .mod-job .avatar .image > img, .mod-message .item-message .avatar .image > img {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }

.mod-profile, .mod-job {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none; }
  .mod-profile > *, .mod-job > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .mod-profile .information > * + *:not(.title_id), .mod-job .information > * + *:not(.title_id) {
    margin-top: 10px; }
  .mod-profile .condition, .mod-job .condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .mod-profile .condition > * + *, .mod-job .condition > * + * {
      margin-left: 20px; }
  .mod-profile .note, .mod-job .note {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-bottom: 10px;
    text-align: right;
    white-space: nowrap; }
    .mod-profile .note > * + *, .mod-job .note > * + * {
      margin-top: 10px; }
    .mod-profile .note .pined, .mod-job .note .pined {
      font-size: 1.4em;
      line-height: 1.3;
      white-space: normal; }
    .mod-profile .note p.pined, .mod-job .note p.pined {
      color: #eb501e;
      font-weight: bold; }
    .mod-profile .note .list-tag, .mod-job .note .list-tag {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 600px; }
  .mod-profile .name, .mod-job .name,
  .mod-profile .title,
  .mod-job .title {
    margin-top: -.2em;
    color: black;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.3;
    word-wrap: break-word; }
  .mod-memoForm .mod-profile .name, .mod-memoForm .mod-job .name {
    margin-top: 25px; }
  .mod-profile.online .avatar:after, .online.mod-job .avatar:after {
    content: "";
    position: absolute;
    right: -6px;
    bottom: -6px;
    display: block;
    width: 12px;
    height: 12px;
    border: #fff solid 3px;
    background-color: #2bcc59;
    border-radius: 50%; }
  .mod-profile .memoButton, .mod-job .memoButton {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mod-profile .memoButton:before, .mod-job .memoButton:before {
      content: "\e915";
      display: block;
      width: 22px;
      height: 22px;
      margin-right: 5px;
      color: #333333;
      font-size: 24px; }
    .mod-profile .memoButton:hover, .mod-job .memoButton:hover {
      opacity: 0.6; }
  #job-plus-info .mod-profile .title, #job-plus-info .mod-job .title {
    font-size: 1.8em; }

.mod-job .mod-profile .avatar, .mod-job .mod-job .avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  margin-right: 10px; }
  .mod-job .mod-profile .avatar .image, .mod-job .mod-job .avatar .image {
    width: 50px;
    height: 40px; }

.mod-job .mod-profile .name, .mod-job .mod-job .name,
.mod-job .mod-profile .title,
.mod-job .mod-job .title {
  font-size: 1.4em; }

.mod-job.headding {
  margin-bottom: 10px; }

.mod-slider, .mod-imageSlider .main, .mod-jobSlider .main {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 30px; }
  .mod-slider .control-slide:before, .mod-imageSlider .main .control-slide:before, .mod-jobSlider .main .control-slide:before, .mod-slider .control-slide:after, .mod-imageSlider .main .control-slide:after, .mod-jobSlider .main .control-slide:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    width: 30px;
    height: 100%;
    background-color: #fff; }
  .mod-slider .control-slide:before, .mod-imageSlider .main .control-slide:before, .mod-jobSlider .main .control-slide:before {
    left: 0; }
  .mod-slider .control-slide:after, .mod-imageSlider .main .control-slide:after, .mod-jobSlider .main .control-slide:after {
    right: 0; }

.mod-map {
  position: relative;
  padding-top: 75%; }
  .mod-map > iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

.mod-progress {
  margin-top: 40px;
  margin-bottom: 40px; }
  .mod-progress .now-status {
    margin-bottom: 20px;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.3;
    color: #eb501e; }
    .mod-progress .now-status:before {
      content: 'Progress:'; }
  .mod-progress.no-count ol > li .item-title {
    margin-bottom: 35px; }
  .mod-progress.type-candidate.step1 .message, .mod-progress.type-candidate.step2 .message {
    max-width: 870px;
    margin-left: 0; }
  .mod-progress.type-candidate.step3 .message {
    margin-left: 100px; }
    .mod-progress.type-candidate.step3 .message .mod-selectDateTime {
      width: 630px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .mod-progress.type-candidate.step4 .message {
    margin-left: 213px; }
  .mod-progress.type-candidate.step5 .message {
    margin-left: 406px; }
  .mod-progress.type-candidate.step6 .message {
    width: 690px;
    display: block;
    margin-right: 105px;
    margin-left: auto; }
  .mod-progress.type-candidate.step7 .message {
    width: 580px;
    margin-right: 0;
    margin-left: auto;
    display: block; }
    .mod-progress.type-candidate.step7 .message .box-flex .box-upload-send, .mod-progress.type-candidate.step7 .message .reply-by .box-upload-send {
      margin: 10px auto 10px 0; }
  .mod-progress.type-candidate.step7 .button-primary, .mod-progress.type-candidate.step7 .button-submit, .mod-progress.type-candidate.step7 .button-delete, .mod-progress.type-candidate.step7 .toggleSaveButton:before {
    width: 200px; }
  .mod-progress.type-candidate.step8 .message {
    width: 870px;
    margin-right: 0;
    margin-left: auto;
    display: block; }
    .mod-progress.type-candidate.step8 .message .box-upload-send > div {
      margin: 0 0 auto 20px; }
  .mod-progress.type-candidate.step9 .message {
    width: 300px;
    margin-right: 0;
    margin-left: auto;
    display: block; }
  .mod-progress.warning ol > li.current .item-title:before {
    border-bottom-color: #fdeee9; }
  .mod-progress.warning .message {
    background: #fdf5f3; }
  .mod-progress.app-text-black ol > li:not(.current) .item-title {
    color: black; }
  .mod-progress.app-text-black ol > li:not(.current) .item-count {
    color: black; }
  .mod-progress.app-text-black ol > li.current ~ li .item-title:after {
    border-color: black; }
  .mod-progress.app-text-black ol > li.current ~ li:before, .mod-progress.app-text-black ol > li.current ~ li:after {
    background-color: black; }
  .mod-progress.app-text-black ol > li.current:after {
    background-color: black; }
  .mod-progress ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .mod-progress ol > li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      position: relative;
      color: black;
      font-weight: bold;
      line-height: 1.3;
      text-align: center; }
      .mod-progress ol > li .item-title {
        position: relative;
        z-index: 1;
        padding-bottom: 20px;
        font-size: 1.4em; }
        .mod-progress ol > li .item-title:after {
          content: "";
          position: absolute;
          bottom: -9px;
          left: 0;
          right: 0;
          display: block;
          width: 8px;
          height: 8px;
          border: black solid 6px;
          margin: auto;
          background-color: #fff;
          border-radius: 50%; }
      .mod-progress ol > li .item-count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 35px;
        font-size: 1.3em; }
      .mod-progress ol > li:before, .mod-progress ol > li:after {
        content: "";
        position: absolute;
        bottom: 35px;
        display: block;
        width: 50%;
        height: 2px;
        background-color: black; }
      .mod-progress ol > li:before {
        left: 0; }
      .mod-progress ol > li:after {
        right: 0; }
      .mod-progress ol > li:first-child:before {
        display: none; }
      .mod-progress ol > li:last-child:after {
        display: none; }
      .mod-progress ol > li.current {
        color: #eb501e; }
        .mod-progress ol > li.current .item-title {
          font-size: 2.4em; }
          .mod-progress ol > li.current .item-title:before {
            content: '';
            width: 0;
            height: 0;
            margin: auto;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -45px;
            border-top: 0;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-bottom: 10px solid #f5f5f5; }
          .mod-progress ol > li.current .item-title:after {
            bottom: -14px;
            width: 12px;
            height: 12px;
            border: #eb501e solid 9px; }
        .mod-progress ol > li.current:after {
          background-color: #999999; }
        .mod-progress ol > li.current ~ li {
          color: #999999; }
          .mod-progress ol > li.current ~ li .item-title:after {
            border-color: #999999; }
          .mod-progress ol > li.current ~ li:before, .mod-progress ol > li.current ~ li:after {
            background-color: #999999; }
  .mod-progress .message {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 20px;
    margin-top: 10px;
    display: inline-block; }
    .mod-progress .message > * {
      margin-top: 1em; }
      .mod-progress .message > *:first-child {
        margin-top: 0; }
    .mod-progress .message .reply-by {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mod-progress .message .reply-by dt,
      .mod-progress .message .reply-by dd {
        font-weight: bold;
        color: #eb501e; }
    .mod-progress .message > .box-button, .mod-progress .message > .box-upload-send {
      margin-top: 1.5em;
      margin-bottom: 0; }
      .mod-progress .message > .box-button > * + *, .mod-progress .message > .box-upload-send > * + * {
        margin-left: 20px; }
    .mod-progress .message + .withdraw {
      margin: 10px 0 0;
      text-align: right;
      position: relative; }
      .mod-progress .message + .withdraw button {
        padding: 0;
        background: none;
        color: #999999;
        border-radius: 0; }
        .mod-progress .message + .withdraw button:before {
          content: "\e910";
          margin-right: 10px;
          display: inline-block; }
  .mod-progress .message-text {
    font-size: 1.4em; }

.mod-tips {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 5px;
  text-align: left;
  font-size: 1.4em;
  line-height: 1.3;
  background: #fff; }
  .mod-tips .tips {
    position: absolute;
    bottom: 100%;
    opacity: 0;
    border: 1px solid #b3b3b3;
    font-size: 85.71429%;
    font-weight: normal;
    border-radius: 5px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px);
    pointer-events: none;
    background-color: #fff; }
    .mod-tips .tips.jobplus-tips {
      width: 230px; }
    .mod-tips .tips p {
      padding: 2px 5px; }
  .mod-tips .button-tips {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 100%;
    line-height: 1.3; }
    .mod-tips .button-tips:before, .mod-tips .button-tips:after {
      content: "\e913"; }
    .mod-tips .button-tips:before {
      display: none;
      margin-right: .5em; }
    .mod-tips .button-tips:after {
      margin-left: .5em; }
    .mod-tips .button-tips.before:before {
      display: inline-block; }
    .mod-tips .button-tips.before:after {
      display: none; }
    .mod-tips .button-tips:hover + .tips {
      opacity: 1;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      background-color: #fff; }
  .form-title .mod-tips,
  .form-item .mod-tips,
  h3 .mod-tips,
  [class^='card-'] .mod-tips {
    font-size: 100%; }
  h3 .mod-tips {
    padding: 5px 0 0;
    margin-top: -5px; }
  [class^='card-'] .mod-tips {
    padding: 5px 0 0; }

.mod-radarChart {
  position: relative;
  height: 380px;
  overflow: hidden; }
  .mod-radarChart canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

.mod-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .mod-schedule .interviewList .title,
  .mod-schedule .interviewList .date,
  .mod-schedule .schedule .title,
  .mod-schedule .schedule .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3; }
  .mod-schedule .interviewList .title,
  .mod-schedule .schedule .title {
    color: black; }
  .mod-schedule .interviewList .date,
  .mod-schedule .schedule .date {
    color: #eb501e; }
  .mod-schedule .interviewList .mod-slider, .mod-schedule .interviewList .mod-imageSlider .main, .mod-imageSlider .mod-schedule .interviewList .main, .mod-schedule .interviewList .mod-jobSlider .main, .mod-jobSlider .mod-schedule .interviewList .main,
  .mod-schedule .schedule .mod-slider,
  .mod-schedule .schedule .mod-imageSlider .main,
  .mod-imageSlider .mod-schedule .schedule .main,
  .mod-schedule .schedule .mod-jobSlider .main,
  .mod-jobSlider .mod-schedule .schedule .main {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 10px; }
  .mod-schedule .interviewList .mod-profile, .mod-schedule .interviewList .mod-job,
  .mod-schedule .schedule .mod-profile,
  .mod-schedule .schedule .mod-job {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mod-schedule .interviewList .mod-profile .avatar, .mod-schedule .interviewList .mod-job .avatar,
    .mod-schedule .schedule .mod-profile .avatar,
    .mod-schedule .schedule .mod-job .avatar {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 45px;
              flex: 0 0 45px;
      margin-right: 15px; }
      .mod-schedule .interviewList .mod-profile .avatar .image, .mod-schedule .interviewList .mod-job .avatar .image,
      .mod-schedule .schedule .mod-profile .avatar .image,
      .mod-schedule .schedule .mod-job .avatar .image {
        width: 45px;
        height: 45px; }
    .mod-schedule .interviewList .mod-profile .name, .mod-schedule .interviewList .mod-job .name,
    .mod-schedule .interviewList .mod-profile .title,
    .mod-schedule .interviewList .mod-job .title,
    .mod-schedule .schedule .mod-profile .name,
    .mod-schedule .schedule .mod-job .name,
    .mod-schedule .schedule .mod-profile .title,
    .mod-schedule .schedule .mod-job .title {
      color: #454545;
      font-size: 1.4em; }
    .mod-schedule .interviewList .mod-profile .onTime, .mod-schedule .interviewList .mod-job .onTime,
    .mod-schedule .schedule .mod-profile .onTime,
    .mod-schedule .schedule .mod-job .onTime {
      margin-top: 10px;
      color: #999999;
      font-size: 1.2em;
      font-weight: bold;
      line-height: 1.3; }
  .mod-schedule .schedule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px; }
    
    .mod-schedule .schedule .mod-slider,
    .mod-schedule .schedule .mod-imageSlider .main,
    .mod-imageSlider .mod-schedule .schedule .main,
    .mod-schedule .schedule .mod-jobSlider .main,
    .mod-jobSlider .mod-schedule .schedule .main {
      width: 280px; }
    .mod-schedule .schedule .mod-profile + .mod-profile, .mod-schedule .schedule .mod-job + .mod-profile, .mod-schedule .schedule .mod-profile + .mod-job, .mod-schedule .schedule .mod-job + .mod-job {
      margin-top: 20px; }
  .mod-schedule .interviewList {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 750px;
            flex: 0 0 750px; }
    .mod-schedule .interviewList .title,
    .mod-schedule .interviewList .date {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .mod-schedule .interviewList .mod-slider, .mod-schedule .interviewList .mod-imageSlider .main, .mod-imageSlider .mod-schedule .interviewList .main, .mod-schedule .interviewList .mod-jobSlider .main, .mod-jobSlider .mod-schedule .interviewList .main {
      width: 750px; }
      .mod-schedule .interviewList .mod-slider .item-slide, .mod-schedule .interviewList .mod-imageSlider .main .item-slide, .mod-imageSlider .mod-schedule .interviewList .main .item-slide, .mod-schedule .interviewList .mod-jobSlider .main .item-slide, .mod-jobSlider .mod-schedule .interviewList .main .item-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: -10px 0; }
        .mod-schedule .interviewList .mod-slider .item-slide .mod-profile, .mod-schedule .interviewList .mod-imageSlider .main .item-slide .mod-profile, .mod-imageSlider .mod-schedule .interviewList .main .item-slide .mod-profile, .mod-schedule .interviewList .mod-jobSlider .main .item-slide .mod-profile, .mod-jobSlider .mod-schedule .interviewList .main .item-slide .mod-profile, .mod-schedule .interviewList .mod-slider .item-slide .mod-job, .mod-schedule .interviewList .mod-imageSlider .main .item-slide .mod-job, .mod-imageSlider .mod-schedule .interviewList .main .item-slide .mod-job, .mod-schedule .interviewList .mod-jobSlider .main .item-slide .mod-job, .mod-jobSlider .mod-schedule .interviewList .main .item-slide .mod-job {
          width: 210px;
          margin: 10px; }
  .mod-schedule .tips {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 450px;
            flex: 0 0 450px;
    padding: 20px;
    background-color: #fdeee9;
    border-radius: 20px; }

.mod-report {
  position: relative;
  width: 1020px;
  margin: auto;
  border: #d1d1d1 solid 1px;
  -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1), 20px 0 20px -20px rgba(0, 0, 0, 0.1), -20px 0 20px -20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1), 20px 0 20px -20px rgba(0, 0, 0, 0.1), -20px 0 20px -20px rgba(0, 0, 0, 0.1); }
  .mod-report > * {
    position: relative;
    z-index: 1; }
  .mod-report:before, .mod-report:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 15px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
            box-shadow: 0 15px 10px #777; }
  .mod-report:before {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    left: 10px; }
  .mod-report:after {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    right: 10px; }
  .mod-report .box-report {
    padding: 80px 45px 45px;
    background-color: #fff; }
    .mod-report .box-report .close {
      position: absolute;
      top: 80px;
      right: 45px;
      display: block;
      font-size: 1.6em; }
      .mod-report .box-report .close:after {
        content: "\e910";
        display: inline-block;
        margin-left: 1em;
        vertical-align: middle;
        font-weight: bold; }
  .mod-report .window .title {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3; }
  .mod-report .window .term {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #eb501e; }
  .mod-report .window .compare {
    display: block;
    font-size: 1.2em;
    line-height: 1.3; }
  .mod-report .window li {
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mod-report .window li .name {
      width: 60%;
      font-weight: bold; }
    .mod-report .window li .num {
      width: 20%;
      font-size: 2em;
      font-weight: bold;
      line-height: 1.3;
      text-align: right; }
    .mod-report .window li .star:before {
      content: "\e91a";
      display: block;
      width: 15px;
      height: 15px;
      color: #999999;
      font-size: 15px; }
    .mod-report .window li .pined:before {
      content: "\e919";
      display: block;
      width: 15px;
      height: 15px;
      color: #999999;
      font-size: 15px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .mod-report .window li .compare:before {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6em;
      font-weight: bold; }
    .mod-report .window li .compare.up:before {
      content: "\e91f";
      color: #fe4326; }
    .mod-report .window li .compare.keep:before {
      content: "\e921";
      color: #999; }
    .mod-report .window li .compare.down:before {
      content: "\e920";
      color: #2981d3; }
    .mod-report .window li .icons {
      width: 20%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .mod-report .window li .icons .pv,
      .mod-report .window li .icons .star,
      .mod-report .window li .icons .pined {
        margin-right: 5px;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.3; }
        .mod-report .window li .icons .pv:before,
        .mod-report .window li .icons .star:before,
        .mod-report .window li .icons .pined:before {
          color: black; }
      .mod-report .window li .icons .compare {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
  .mod-report .window .balloon {
    padding: 10px;
    margin: 15px 0 0;
    background: #f5f5f5;
    border-radius: 8px;
    position: relative; }
    .mod-report .window .balloon:before {
      content: '';
      width: 0;
      height: 0;
      margin: auto;
      border-bottom: 8px solid #f5f5f5;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      position: absolute;
      top: -8px;
      left: 0;
      right: 0; }
    .mod-report .window .balloon .text {
      font-size: 1.2em;
      line-height: 1.8; }
  .mod-report .window + .window {
    margin-left: 30px; }

.mod-list-datetime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod-list-datetime li {
    width: 150px;
    height: 44px;
    margin: 10px 10px 0 0;
    display: table;
    background: #fff; }
    .mod-list-datetime li div {
      width: 100%;
      height: 44px;
      padding-left: 10px;
      border: 1px solid #fff;
      display: table-cell;
      vertical-align: middle;
      color: #999999; }
      .mod-list-datetime li div p {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.3; }
      .mod-list-datetime li div span {
        font-size: 1.2em;
        line-height: 1.3; }

.mod-radios-datetime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod-radios-datetime li {
    width: 150px;
    height: 44px;
    margin: 10px 10px 0 0;
    display: table;
    background: white;
    position: relative; }
    .mod-radios-datetime li input[type="radio"] {
      display: none; }
      .mod-radios-datetime li input[type="radio"]:checked + label {
        background: #ffebe8;
        border-color: #eb501e; }
        .mod-radios-datetime li input[type="radio"]:checked + label:after {
          content: "\e90f";
          color: #eb501e; }
      .mod-radios-datetime li input[type="radio"]:disabled + label {
        background: #d2d2d2;
        border-color: #d2d2d2;
        cursor: default;
        color: #999999; }
        .mod-radios-datetime li input[type="radio"]:disabled + label:after {
          content: "\e910";
          color: #999999; }
    .mod-radios-datetime li label {
      width: 100%;
      height: 44px;
      padding-left: 10px;
      border: 1px solid white;
      display: table-cell;
      vertical-align: middle;
      cursor: pointer; }
      .mod-radios-datetime li label p {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.3; }
      .mod-radios-datetime li label span {
        font-size: 1.2em;
        line-height: 1.3; }
      .mod-radios-datetime li label:after {
        content: "\e90f";
        color: #eb501e;
        height: 20px;
        margin: auto;
        position: absolute;
        font-size: 2em;
        top: 0;
        bottom: 0;
        right: 10px; }

.mod-radios-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .mod-radios-result li {
    width: 210px;
    height: 44px;
    margin: 10px 10px 0 0;
    display: table;
    background: white;
    position: relative; }
    .mod-radios-result li input[type="radio"] {
      display: none; }
      .mod-radios-result li input[type="radio"]:checked + label {
        background: #ffebe8;
        border-color: #eb501e;
        color: #eb501e; }
    .mod-radios-result li label {
      width: 100%;
      height: 44px;
      padding-left: 10px;
      border: 1px solid white;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      cursor: pointer; }
      .mod-radios-result li label p {
        font-size: 1.2em;
        font-weight: bold; }
      .mod-radios-result li label:hover {
        background-color: whitesmoke; }

.mod-selectDateTime .form-selectButton .body:after, .mod-selectDateTime .form-selectButton .list-option label span:before {
  width: 20px;
  height: 20px;
  font-size: 20px; }

.mod-selectDateTime .form-selectButton .ok .body:after, .mod-selectDateTime .form-selectButton .list-option label.ok span:before {
  content: "";
  color: #eb501e; }

.mod-selectDateTime .form-selectButton .ng .body:after, .mod-selectDateTime .form-selectButton .list-option label.ng span:before {
  content: "\e910";
  color: #000; }

.mod-selectDateTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod-selectDateTime .form-selectButton {
    width: 200px;
    margin: 5px; }
    .mod-selectDateTime .form-selectButton .ymd,
    .mod-selectDateTime .form-selectButton .time {
      display: block;
      font-size: 1.2em;
      line-height: 1.3;
      text-align: left; }
    .mod-selectDateTime .form-selectButton .ymd {
      font-weight: bold; }
    .mod-selectDateTime .form-selectButton .body {
      position: relative;
      display: block;
      width: 100%; }
      .mod-selectDateTime .form-selectButton .body:after {
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto; }
    .mod-selectDateTime .form-selectButton .list-option label {
      position: relative; }
      .mod-selectDateTime .form-selectButton .list-option label span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        overflow: hidden;
        margin: auto; }
        .mod-selectDateTime .form-selectButton .list-option label span:before {
          display: block;
          width: 100%; }

.mod-select-datetime {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .mod-select-datetime.read-only > li .select:after {
    color: #fff;
    background: #e8e8e8;
    border-left: 1px solid #e8e8e8; }
  .mod-select-datetime > li {
    width: 200px;
    height: 40px;
    margin: 10px 10px 0 0;
    position: relative; }
    .mod-select-datetime > li:first-child {
      margin-left: 10px; }
    .mod-select-datetime > li .select {
      width: 100%;
      height: 40px;
      padding: 0 0 0 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      position: relative;
      background: #fff; }
      .mod-select-datetime > li .select div:nth-child(1) {
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.3; }
      .mod-select-datetime > li .select div:nth-child(2) {
        font-size: 1.2em;
        line-height: 1.3; }
      .mod-select-datetime > li .select:before {
        content: "";
        height: 18px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 50px;
        bottom: 0;
        font-size: 18px;
        color: #eb501e; }
      .mod-select-datetime > li .select:after {
        content: "\e90d";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: block;
        height: 18px;
        margin: auto;
        color: #eb501e;
        font-size: 18px;
        pointer-events: none;
        line-height: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
        border-left: 1px solid #e8e8e8;
        background: #fff; }
      .mod-select-datetime > li .select.ng:before {
        content: "\e910";
        color: #000; }
    .mod-select-datetime > li .list-select {
      display: none; }
      .mod-select-datetime > li .list-select li {
        width: 100%;
        height: 40px;
        padding: 0 0 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        position: relative;
        background: #fff; }
        .mod-select-datetime > li .list-select li:before {
          content: "";
          height: 18px;
          margin: auto;
          position: absolute;
          top: 0;
          right: 50px;
          bottom: 0;
          font-size: 18px;
          color: #eb501e; }
        .mod-select-datetime > li .list-select li.ng:before {
          content: "\e910"; }

.mod-video {
  width: 640px;
  margin: 0 auto 20px; }
  .mod-video.medium {
    width: 320px;
    margin: 0 auto; }
  .mod-video.small {
    width: 140px;
    margin: 0 auto; }
  .mod-plus-video .mod-video {
    max-width: 100%; }
  .mod-video video {
    width: 100%;
    height: auto;
    background-color: #ddd; }
  .mod-video .text-dl {
    font-size: 1.2em;
    line-height: 1.3; }
  .mod-video .embed-vista {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .mod-video .embed-vista > * {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }

#dashboardReport {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
  margin: 0; }
  #dashboardReport .mod-report {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transform: translate3d(0, -100%, 10px);
            transform: translate3d(0, -100%, 10px);
    -webkit-transform-origin: center top;
            transform-origin: center top; }
  #dashboardReport.open {
    z-index: 6; }
    #dashboardReport.open .mod-report {
      -webkit-transform: translate3d(0, 0, 10px);
              transform: translate3d(0, 0, 10px); }
  #dashboardReport:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 90px;
    background-image: url("/static/common/images/common/bg_pagebody.png");
    background-repeat: no-repeat;
    background-size: 100% 90px; }

.mod-imageSlider {
  margin-top: 40px;
  margin-bottom: 40px; }
  .mod-imageSlider .main {
    padding: 0; }
    .mod-imageSlider .main .mod-video {
      margin-bottom: 0; }
  .mod-imageSlider .thumb {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 30px 0 0; }
    .mod-imageSlider .thumb .screen-slide .item-slide:hover {
      opacity: 0.6; }
    .mod-imageSlider .thumb .item-slide {
      height: auto;
      position: relative;
      cursor: pointer; }
      .mod-imageSlider .thumb .item-slide.mv:before, .mod-imageSlider .thumb .item-slide.mv:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        opacity: .9; }
      .mod-imageSlider .thumb .item-slide.mv:before {
        width: 36px;
        height: 36px;
        border: 2px solid #fff;
        border-radius: 40px;
        display: block; }
      .mod-imageSlider .thumb .item-slide.mv:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border: 10px transparent solid;
        border-right-width: 0;
        border-left-color: #fff; }
    .mod-imageSlider .thumb .control-slide .prevButton {
      left: 10px; }
    .mod-imageSlider .thumb .control-slide .nextButton {
      right: 10px; }

.mod-jobSlider {
  margin-top: 40px;
  margin-bottom: 40px; }
  .mod-jobSlider .main {
    padding: 0; }
    .mod-jobSlider .main .mod-video {
      margin-bottom: 0; }
  .mod-jobSlider .thumb {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 30px 0 0; }
    .mod-jobSlider .thumb .screen-slide .item-slide:hover {
      opacity: 0.6; }
    .mod-jobSlider .thumb .item-slide {
      height: auto;
      position: relative;
      cursor: pointer; }
      .mod-jobSlider .thumb .item-slide.mv:before, .mod-jobSlider .thumb .item-slide.mv:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        opacity: .9; }
      .mod-jobSlider .thumb .item-slide.mv:before {
        width: 36px;
        height: 36px;
        border: 2px solid #fff;
        border-radius: 40px;
        display: block; }
      .mod-jobSlider .thumb .item-slide.mv:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border: 10px transparent solid;
        border-right-width: 0;
        border-left-color: #fff; }
    .mod-jobSlider .thumb .control-slide .prevButton {
      left: 10px; }
    .mod-jobSlider .thumb .control-slide .nextButton {
      right: 10px; }

.mod-pager {
  margin-top: 40px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mod-pager > * {
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    border: 1px solid #eb501e;
    border-radius: 4px;
    background: #fff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 40px;
    text-align: center; }
  .mod-pager > span {
    background: #eb501e;
    color: #fff; }
  .mod-pager a {
    text-decoration: none;
    color: #eb501e; }
    .mod-pager a:hover {
      background: #fdeee9; }
  .mod-pager .prevButton,
  .mod-pager .nextButton {
    width: 26px;
    height: 26px;
    position: relative;
    border: none;
    background: none; }
    .mod-pager .prevButton:hover,
    .mod-pager .nextButton:hover {
      background: transparent; }
    .mod-pager .prevButton:before,
    .mod-pager .nextButton:before {
      width: 26px;
      height: 26px;
      font-size: 26px; }
  .mod-pager .prevButton {
    margin: 0 20px 0 0; }
    .mod-pager .prevButton + * {
      margin-left: 0; }
  .mod-pager .nextButton {
    margin: 0 0 0 20px; }

.mod-progressbar {
  margin-top: 15px; }
  .mod-progressbar .bar {
    width: 100%;
    height: 44px;
    position: relative;
    background: #d1d1d1; }
    .mod-progressbar .bar div {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background: #eb501e; }
  .mod-progressbar .fig {
    margin-top: 5px; }

.mod-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .mod-message .item-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%; }
    .mod-message .item-message .avatar {
      margin: 0; }
      .mod-message .item-message .avatar .name {
        margin-top: 10px;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.3; }
    .mod-message .item-message .text {
      position: relative;
      max-width: calc( 100% - 120px);
      padding: 20px;
      background-color: #fff;
      border-radius: 20px; }
      .mod-message .item-message .text p {
        font-size: 1.4em;
        line-height: 1.8; }
      .mod-message .item-message .text .button {
        position: absolute;
        right: 20px;
        bottom: 20px; }
        .mod-message .item-message .text .button button {
          display: inline-block;
          margin-left: 1em;
          font-size: 1.4em;
          line-height: 1.3;
          text-decoration: underline; }
          .mod-message .item-message .text .button button:hover {
            text-decoration: none; }
      .mod-message .item-message .text:before {
        content: "";
        position: absolute;
        display: block;
        border-color: transparent #fff;
        border-style: solid;
        border-width: 6px 10px; }
    .mod-message .item-message.left {
      -ms-flex-item-align: start;
          align-self: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .mod-message .item-message.left .avatar {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-right: 20px; }
      .mod-message .item-message.left .text {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        .mod-message .item-message.left .text:before {
          right: 100%;
          border-left-width: 0; }
    .mod-message .item-message.right {
      -ms-flex-item-align: end;
          align-self: flex-end;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .mod-message .item-message.right .avatar {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-left: 20px; }
      .mod-message .item-message.right .text {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
        .mod-message .item-message.right .text:before {
          left: 100%;
          border-right-width: 0; }
    .mod-message .item-message.mine .text {
      color: #fff;
      background-color: #f39678; }
      .mod-message .item-message.mine .text:before {
        border-color: transparent #f39678; }
    .mod-message .item-message.mine button {
      color: #fff; }
    .mod-message .item-message.theirs .text {
      color: #454545;
      background-color: #fff; }
      .mod-message .item-message.theirs .text:before {
        border-color: transparent #fff; }
    .mod-message .item-message.theirs button {
      color: #454545; }
    .mod-message .item-message + .item-message {
      margin-top: 40px; }
  .mod-message.message-scroll {
    max-height: 700px;
    padding-right: 10px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden; }

.mod-messageInput .alert {
  padding: 10px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.3;
  background-color: #b3b3b3; }
  .mod-messageInput .alert .box-flex .button button, .mod-messageInput .alert .mod-progress .message .reply-by .button button, .mod-progress .message .mod-messageInput .alert .reply-by .button button {
    margin-left: auto; }
    .mod-messageInput .alert .box-flex .button button:before, .mod-messageInput .alert .mod-progress .message .reply-by .button button:before, .mod-progress .message .mod-messageInput .alert .reply-by .button button:before {
      color: #fff; }

.mod-messageInput .alert,
.mod-messageInput .cancelButton {
  display: none; }

.mod-messageInput.edit .alert,
.mod-messageInput.edit .cancelButton {
  display: block; }

.mod-messageInput.edit textarea {
  border-radius: 0 0 4px 4px; }

.mod-accordion .accordion-button {
  cursor: pointer; }
  .mod-accordion .accordion-button.icon-after:after {
    content: "\e90d";
    display: inline-block;
    margin-left: .4em;
    color: #eb501e;
    vertical-align: middle; }
  .mod-accordion .accordion-button.icon-after.open:after {
    content: "\e90b"; }

.mod-accordion .accordion-content {
  display: none; }
  .mod-accordion .accordion-content.open {
    display: block; }

.mod-accordion.faq-content h3 {
  margin-top: 0; }

.mod-accordion.faq-content .accordion-content.open {
  margin-bottom: 30px; }

.mod-accordion.faq-content + .faq-content {
  margin-top: 30px; }

.main-video .mod-video {
  width: 400px; }

.main-video.mod-plus-video .mod-video {
  width: auto; }

.box-content.column > .mod-plus-video.section {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%; }

.mod-plus-video .form-upload.image .input {
  margin-left: 0; }

.mod-scroll-list {
  max-height: 700px;
  overflow-y: scroll;
  background-color: #fff; }

.mod-event-info {
  margin-bottom: 100px; }
  .mod-event-info h3 {
    margin-bottom: 0;
    border-bottom: none; }
    .mod-event-info h3 + .infoList.mod-company {
      padding: 20px;
      border: 1px solid #d2d2d2; }
  .mod-event-info .mod-scroll-list {
    max-height: 300px;
    padding: 20px;
    border: 1px solid #d2d2d2; }
  .mod-event-info .mod-profile .title, .mod-event-info .mod-job .title {
    font-size: 1.8em; }

.mod-plus-text p + p {
  margin-top: 1em; }

.event-detail h4 {
  margin-top: 20px;
  margin-bottom: 5px; }

.mod-jd-apply .title {
  text-align: center;
  font-size: 3.2rem;
  color: black;
  font-weight: bold;
  border-bottom: #d1d1d1 solid 1px; }

.mod-fair .box-content + .box-content {
  padding-top: 40px; }

.mod-fair .note {
  margin-top: 5px; }
  .mod-fair .note .emphasis {
    font-weight: bold;
    font-size: 1.6em;
    color: #ee1515; }

.mod-fair .apply-button .button-primary, .mod-fair .apply-button .button-submit, .mod-fair .apply-button .button-delete, .mod-fair .apply-button .toggleSaveButton:before,
.mod-fair .apply-button .button-secondary,
.mod-fair .apply-button .button-cancel,
.mod-fair .apply-button .button-edit,
.mod-fair .apply-button .toggleSaveButton.saved:before {
  width: auto;
  margin: 0 auto;
  text-align: center; }

.mod-fair .lead-text {
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  color: black; }

.mod-fair .company-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px; }
  .mod-fair .company-logo > * {
    width: 196px;
    margin: 5px; }

.mod-fair .process .sp {
  display: none; }

.mod-fair .table-normal {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.4rem;
  margin-top: 20px; }
  .mod-fair .table-normal tr th,
  .mod-fair .table-normal tr td {
    padding: 10px;
    border: 1px solid #d1d1d1; }
  .mod-fair .table-normal tr th {
    font-weight: bold;
    line-height: 1.3;
    background-color: #eb501e;
    color: #fff;
    text-align: center; }

.mod-fair .faq table {
  width: 100%;
  font-size: 1.4rem;
  border-collapse: collapse;
  border-spacing: 0; }
  .mod-fair .faq table th,
  .mod-fair .faq table td {
    padding: 4px 15px;
    border: 1px solid #d1d1d1; }
  .mod-fair .faq table th {
    width: 50%;
    font-weight: normal;
    background-color: whitesmoke; }
  .mod-fair .faq table td {
    width: 25%;
    text-align: left; }
  .mod-fair .faq table .text-emphasis {
    font-size: 1.4rem;
    font-weight: bold; }

.card-applicant, .card-company, .card-fair, .card-selection {
  border-top: black solid 5px;
  padding-bottom: 20px;
  display: block;
  text-decoration: none;
  position: relative; }
  .card-applicant.card-fair:not(:first-child), .card-fair:not(:first-child) {
    margin-top: 20px; }
  .card-applicant .header, .card-company .header, .card-fair .header, .card-selection .header {
    padding: 10px 20px; }
  .card-applicant > .body, .card-company > .body, .card-fair > .body, .card-selection > .body,
  .card-applicant .footer,
  .card-company .footer,
  .card-fair .footer,
  .card-selection .footer {
    padding-top: 20px;
    border-top: #d1d1d1 solid 1px; }
  .card-applicant > .body, .card-company > .body, .card-fair > .body, .card-selection > .body {
    position: relative;
    margin: 0 20px; }
    .card-applicant > .body .hide, .card-company > .body .hide, .card-fair > .body .hide, .card-selection > .body .hide {
      margin: 10px -20px -20px auto;
      position: relative; }
  
  .card-applicant .footer,
  .card-company .footer,
  .card-fair .footer,
  .card-selection .footer {
    margin: 20px 20px 0; }
    .card-applicant .footer .box-button > * + *, .card-company .footer .box-button > * + *, .card-fair .footer .box-button > * + *, .card-selection .footer .box-button > * + *, .card-applicant .footer .box-upload-send > * + *, .card-company .footer .box-upload-send > * + *, .card-fair .footer .box-upload-send > * + *, .card-selection .footer .box-upload-send > * + * {
      margin-left: 20px; }
  .card-applicant .pinButton, .card-company .pinButton, .card-fair .pinButton, .card-selection .pinButton {
    margin-left: 5px; }
  .card-applicant .text-alert, .card-company .text-alert, .card-fair .text-alert, .card-selection .text-alert, .card-applicant .text-button, .card-company .text-button, .card-fair .text-button, .card-selection .text-button {
    font-size: 1.3em; }
  .card-applicant .button-primary, .card-company .button-primary, .card-fair .button-primary, .card-selection .button-primary, .card-applicant .button-submit, .card-company .button-submit, .card-fair .button-submit, .card-selection .button-submit, .card-applicant .button-delete, .card-company .button-delete, .card-fair .button-delete, .card-selection .button-delete, .card-applicant .toggleSaveButton:before, .card-company .toggleSaveButton:before, .card-fair .toggleSaveButton:before, .card-selection .toggleSaveButton:before, .card-applicant .button-secondary, .card-company .button-secondary, .card-fair .button-secondary, .card-selection .button-secondary, .card-applicant .button-cancel, .card-company .button-cancel, .card-fair .button-cancel, .card-selection .button-cancel, .card-applicant .button-edit, .card-company .button-edit, .card-fair .button-edit, .card-selection .button-edit, .card-applicant .button-ribbon, .card-company .button-ribbon, .card-fair .button-ribbon, .card-selection .button-ribbon, .card-applicant .form-radioButton label, .form-radioButton .card-applicant label, .card-company .form-radioButton label, .form-radioButton .card-company label, .card-fair .form-radioButton label, .form-radioButton .card-fair label, .card-selection .form-radioButton label, .form-radioButton .card-selection label, .card-applicant .form-checkButton label, .form-checkButton .card-applicant label, .card-company .form-checkButton label, .form-checkButton .card-company label, .card-fair .form-checkButton label, .form-checkButton .card-fair label, .card-selection .form-checkButton label, .form-checkButton .card-selection label {
    height: 38px; }
  .card-applicant .box-button, .card-company .box-button, .card-fair .box-button, .card-selection .box-button, .card-applicant .box-upload-send, .card-company .box-upload-send, .card-fair .box-upload-send, .card-selection .box-upload-send {
    margin: 10px auto 0; }
  .card-applicant .configButton, .card-company .configButton, .card-fair .configButton, .card-selection .configButton {
    top: 38px; }
  .card-applicant.hide:after, .hide.card-company:after, .hide.card-fair:after, .hide.card-selection:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .card-applicant.private, .private.card-company, .private.card-fair, .private.card-selection {
    border-color: #999;
    background: #ddd; }
  .card-applicant.invited, .invited.card-company, .invited.card-fair, .invited.card-selection {
    border-color: #eb501e; }
    .card-applicant.invited .header, .invited.card-company .header, .invited.card-fair .header, .invited.card-selection .header {
      background-color: #fffae0; }
  .card-applicant.new .body:before, .new.card-company .body:before, .new.card-fair .body:before, .new.card-selection .body:before {
    content: "";
    position: absolute;
    left: -28px;
    top: -8px;
    display: block;
    width: 41px;
    height: 25px;
    background-image: url("../images/common/icon-new.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .card-applicant.small, .small.card-company, .small.card-fair, .small.card-selection {
    width: 320px;
    border-width: 3px;
    padding-bottom: 15px; }
    .card-applicant.small .header, .small.card-company .header, .small.card-fair .header, .small.card-selection .header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      padding: 5px 15px 15px; }
    .card-applicant.small .body, .small.card-company .body, .small.card-fair .body, .small.card-selection .body,
    .card-applicant.small .footer,
    .small.card-company .footer,
    .small.card-fair .footer,
    .small.card-selection .footer {
      padding-top: 15px; }
    .card-applicant.small .body, .small.card-company .body, .small.card-fair .body, .small.card-selection .body {
      margin: 0 15px; }
    
    .card-applicant.small .footer,
    .small.card-company .footer,
    .small.card-fair .footer,
    .small.card-selection .footer {
      margin: 15px 15px 0; }
    .card-applicant.small .fondness, .small.card-company .fondness, .small.card-fair .fondness, .small.card-selection .fondness {
      margin-left: auto; }
    .card-applicant.small .mod-profile, .small.card-company .mod-profile, .small.card-fair .mod-profile, .small.card-selection .mod-profile, .card-applicant.small .mod-job, .small.card-company .mod-job, .small.card-fair .mod-job, .small.card-selection .mod-job {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .card-applicant.small .mod-profile .avatar, .small.card-company .mod-profile .avatar, .small.card-fair .mod-profile .avatar, .small.card-selection .mod-profile .avatar, .card-applicant.small .mod-job .avatar, .small.card-company .mod-job .avatar, .small.card-fair .mod-job .avatar, .small.card-selection .mod-job .avatar {
        margin-right: 10px; }
      .card-applicant.small .mod-profile .information, .small.card-company .mod-profile .information, .small.card-fair .mod-profile .information, .small.card-selection .mod-profile .information, .card-applicant.small .mod-job .information, .small.card-company .mod-job .information, .small.card-fair .mod-job .information, .small.card-selection .mod-job .information {
        width: 180px; }
      .card-applicant.small .mod-profile .note, .small.card-company .mod-profile .note, .small.card-fair .mod-profile .note, .small.card-selection .mod-profile .note, .card-applicant.small .mod-job .note, .small.card-company .mod-job .note, .small.card-fair .mod-job .note, .small.card-selection .mod-job .note {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
        margin: 5px 0;
        text-align: left; }
      .card-applicant.small .mod-profile .condition, .small.card-company .mod-profile .condition, .small.card-fair .mod-profile .condition, .small.card-selection .mod-profile .condition, .card-applicant.small .mod-job .condition, .small.card-company .mod-job .condition, .small.card-fair .mod-job .condition, .small.card-selection .mod-job .condition {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .card-applicant.small .mod-profile .condition > * + *, .small.card-company .mod-profile .condition > * + *, .small.card-fair .mod-profile .condition > * + *, .small.card-selection .mod-profile .condition > * + *, .card-applicant.small .mod-job .condition > * + *, .small.card-company .mod-job .condition > * + *, .small.card-fair .mod-job .condition > * + *, .small.card-selection .mod-job .condition > * + * {
          margin: 5px 0 0; }
    .card-applicant.small .mod-job .mod-profile .name, .small.card-company .mod-job .mod-profile .name, .small.card-fair .mod-job .mod-profile .name, .small.card-selection .mod-job .mod-profile .name, .card-applicant.small .mod-job .mod-job .name, .small.card-company .mod-job .mod-job .name, .small.card-fair .mod-job .mod-job .name, .small.card-selection .mod-job .mod-job .name,
    .card-applicant.small .mod-job .mod-profile .title,
    .small.card-company .mod-job .mod-profile .title,
    .small.card-fair .mod-job .mod-profile .title,
    .small.card-selection .mod-job .mod-profile .title,
    .card-applicant.small .mod-job .mod-job .title,
    .small.card-company .mod-job .mod-job .title,
    .small.card-fair .mod-job .mod-job .title,
    .small.card-selection .mod-job .mod-job .title {
      font-size: 1.4em; }
    .card-applicant.small .attribute dd, .small.card-company .attribute dd, .small.card-fair .attribute dd, .small.card-selection .attribute dd, .card-applicant.small .attribute dt, .small.card-company .attribute dt, .small.card-fair .attribute dt, .small.card-selection .attribute dt {
      display: inline; }
    .card-applicant.small .attribute dd:after, .small.card-company .attribute dd:after, .small.card-fair .attribute dd:after, .small.card-selection .attribute dd:after {
      content: "\A";
      white-space: pre; }
    .card-applicant.small .attribute dd ~ dt, .small.card-company .attribute dd ~ dt, .small.card-fair .attribute dd ~ dt, .small.card-selection .attribute dd ~ dt {
      margin: 0; }
    .card-applicant.small .name, .small.card-company .name, .small.card-fair .name, .small.card-selection .name,
    .card-applicant.small .title,
    .small.card-company .title,
    .small.card-fair .title,
    .small.card-selection .title {
      font-size: 1.5em; }
    .card-applicant.small .box-button, .small.card-company .box-button, .small.card-fair .box-button, .small.card-selection .box-button, .card-applicant.small .box-upload-send, .small.card-company .box-upload-send, .small.card-fair .box-upload-send, .small.card-selection .box-upload-send {
      margin: 5px auto 0; }
    .card-applicant.small .text-dl, .small.card-company .text-dl, .small.card-fair .text-dl, .small.card-selection .text-dl {
      font-size: 1.3em; }

.card-list > .title, .card-slider > .title {
  margin-bottom: 30px;
  color: black;
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1.3;
  text-align: center; }

.card-list .moreLink, .card-slider .moreLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0; }
  .card-list .moreLink .link-prev, .card-slider .moreLink .link-prev, .card-list .moreLink .button-prev, .card-slider .moreLink .button-prev,
  .card-list .moreLink .link-next,
  .card-slider .moreLink .link-next,
  .card-list .moreLink .button-next,
  .card-slider .moreLink .button-next {
    color: black;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.3; }
  .card-list .moreLink .link-prev, .card-slider .moreLink .link-prev, .card-list .moreLink .button-prev, .card-slider .moreLink .button-prev {
    margin-right: auto; }
  
  .card-list .moreLink .link-next,
  .card-slider .moreLink .link-next,
  .card-list .moreLink .button-next,
  .card-slider .moreLink .button-next {
    margin-left: auto; }
  .card-list .moreLink:hover, .card-slider .moreLink:hover {
    opacity: 0.6; }

.card-list .list.small, .card-slider .list.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px; }

.card-list .list .card-applicant:not(.small) + .card-applicant, .card-slider .list .card-applicant:not(.small) + .card-applicant, .card-list .list .card-company:not(.small) + .card-applicant, .card-slider .list .card-company:not(.small) + .card-applicant, .card-list .list .card-fair:not(.small) + .card-applicant, .card-slider .list .card-fair:not(.small) + .card-applicant, .card-list .list .card-selection:not(.small) + .card-applicant, .card-slider .list .card-selection:not(.small) + .card-applicant, .card-list .list .card-applicant:not(.small) + .card-company, .card-slider .list .card-applicant:not(.small) + .card-company, .card-list .list .card-company:not(.small) + .card-company, .card-slider .list .card-company:not(.small) + .card-company, .card-list .list .card-fair:not(.small) + .card-company, .card-slider .list .card-fair:not(.small) + .card-company, .card-list .list .card-selection:not(.small) + .card-company, .card-slider .list .card-selection:not(.small) + .card-company, .card-list .list .card-applicant:not(.small) + .card-fair, .card-slider .list .card-applicant:not(.small) + .card-fair, .card-list .list .card-company:not(.small) + .card-fair, .card-slider .list .card-company:not(.small) + .card-fair, .card-list .list .card-fair:not(.small) + .card-fair, .card-slider .list .card-fair:not(.small) + .card-fair, .card-list .list .card-selection:not(.small) + .card-fair, .card-slider .list .card-selection:not(.small) + .card-fair, .card-list .list .card-applicant:not(.small) + .card-selection, .card-slider .list .card-applicant:not(.small) + .card-selection, .card-list .list .card-company:not(.small) + .card-selection, .card-slider .list .card-company:not(.small) + .card-selection, .card-list .list .card-fair:not(.small) + .card-selection, .card-slider .list .card-fair:not(.small) + .card-selection, .card-list .list .card-selection:not(.small) + .card-selection, .card-slider .list .card-selection:not(.small) + .card-selection,
.card-list .list .card-applicant:not(.small) + .card-company,
.card-slider .list .card-applicant:not(.small) + .card-company,
.card-list .list .card-company:not(.small) + .card-company,
.card-slider .list .card-company:not(.small) + .card-company,
.card-list .list .card-fair:not(.small) + .card-company,
.card-slider .list .card-fair:not(.small) + .card-company,
.card-list .list .card-selection:not(.small) + .card-company,
.card-slider .list .card-selection:not(.small) + .card-company,
.card-list .list .card-company:not(.small) + .card-applicant,
.card-slider .list .card-company:not(.small) + .card-applicant,
.card-list .list .card-company:not(.small) + .card-company,
.card-slider .list .card-company:not(.small) + .card-company,
.card-list .list .card-company:not(.small) + .card-fair,
.card-slider .list .card-company:not(.small) + .card-fair,
.card-list .list .card-company:not(.small) + .card-selection,
.card-slider .list .card-company:not(.small) + .card-selection,
.card-list .list .card-company:not(.small) + .card-company,
.card-slider .list .card-company:not(.small) + .card-company {
  margin-top: 20px; }

.card-list .list .card-applicant.small, .card-slider .list .card-applicant.small, .card-list .list .small.card-company, .card-slider .list .small.card-company, .card-list .list .small.card-fair, .card-slider .list .small.card-fair, .card-list .list .small.card-selection, .card-slider .list .small.card-selection,
.card-list .list .card-company.small,
.card-slider .list .card-company.small {
  margin: 15px; }

.card-slider .slider {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  overflow: hidden;
  padding: 0 50px;
  margin: 0 -50px; }
  .card-slider .slider .item-slide {
    height: auto; }
  .card-slider .slider .control-slide:before, .card-slider .slider .control-slide:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    width: 37px;
    height: 100%;
    background-color: whitesmoke; }
  .card-slider .slider .control-slide:before {
    left: 0; }
  .card-slider .slider .control-slide:after {
    right: 0; }

.card-slider .slider-top {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  overflow: hidden;
  padding: 0 0;
  margin: 0 0; }
  .card-slider .slider-top .item-slide {
    height: auto; }
  .card-slider .slider-top .control-slide:before, .card-slider .slider-top .control-slide:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    width: 37px;
    height: 100%;
    background-color: whitesmoke; }
  .card-slider .slider-top .control-slide:before {
    left: 0; }
  .card-slider .slider-top .control-slide:after {
    right: 0; }

.card-fair > .box-flex, .mod-progress .message .card-fair > .reply-by {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.card-fair .box-fled > div:last-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-align: right; }

.card-fair .header .information > div {
  margin-top: 7px; }

.card-fair .body .step-flow div {
  color: #fff;
  background-color: #d1d1d1; }

.card-fair .body .step-flow .current {
  color: #fff;
  background-color: #999; }

.card-selection .header > .information {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  -ms-flex-item-align: start;
      align-self: flex-start; }

.card-news {
  display: block;
  width: 320px; }
  .card-news .thumbnail {
    position: relative;
    height: 240px;
    overflow: hidden; }
    .card-news .thumbnail > img {
      position: absolute;
      top: 0;
      right: -100%;
      bottom: 0;
      left: -100%;
      width: auto;
      height: 100%;
      margin: auto; }
  .card-news .date,
  .card-news .pined,
  .card-news .title {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3; }
    .card-news .date em,
    .card-news .pined em,
    .card-news .title em {
      color: #eb501e; }
  .card-news .date,
  .card-news .pined {
    color: #999999; }
  .card-news .title {
    margin: 15px 0;
    color: black; }
  .card-news .text {
    color: #454545;
    font-size: 1.2em;
    line-height: 1.8; }
  .card-news .box-flex .pinButton, .card-news .mod-progress .message .reply-by .pinButton, .mod-progress .message .card-news .reply-by .pinButton {
    margin-left: auto; }
  .card-news .box-flex > * + *, .card-news .mod-progress .message .reply-by > * + *, .mod-progress .message .card-news .reply-by > * + * {
    margin-left: 20px; }

a.card-news {
  text-decoration: none; }
  a.card-news:hover {
    opacity: 0.6; }

.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .news-list > * + * {
    margin-left: 30px; }

.news-list-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .news-list-center > * + * {
    margin-left: 30px; }

/* ----------------------------------------------------------- */
/* == tingle v0.12.0 */
/* ----------------------------------------------------------- */
.tingle-modal * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
  text-align: center; }

/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
  cursor: default; }

.tingle-modal--noClose .tingle-modal__close {
  display: none; }

.tingle-modal__close {
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 1000;
  padding: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: none;
  background-color: transparent;
  color: #f0f0f0;
  font-size: 30px;
  font-family: monospace;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: color .3s ease;
  transition: color .3s ease; }
  .tingle-modal__close:before {
    content: "\e910";
    display: block;
    width: 30px;
    height: 30px; }

.tingle-modal__closeLabel {
  display: none; }

.tingle-modal__close:hover {
  color: #fff; }

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto; }

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: ""; }

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px;
  /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  -webkit-transition: bottom .3s ease-in-out .3s;
  transition: bottom .3s ease-in-out .3s; }

/* state
-------------------------------------------------------------- */
.tingle-enabled {
  overflow: hidden;
  height: 100%; }

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0; }

.tingle-enabled .tingle-content-wrapper {
  -webkit-filter: blur(15px);
          filter: blur(15px); }

.tingle-modal--visible {
  visibility: visible;
  opacity: 1; }

.tingle-modal--visible .tingle-modal-box {
  -webkit-transform: scale(1);
          transform: scale(1); }

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh; }

/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 .5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }

.tingle-btn--primary {
  background-color: #3498db; }

.tingle-btn--danger {
  background-color: #e74c3c; }

.tingle-btn--default {
  background-color: #34495e; }

.tingle-btn--pull-left {
  float: left; }

.tingle-btn--pull-right {
  float: right; }

/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%; }
  .tingle-modal-box {
    width: auto;
    border-radius: 0; }
  .tingle-modal-box__content {
    overflow-y: scroll; }
  .tingle-modal--noClose {
    top: 0; }
  .tingle-modal--noOverlayClose {
    padding-top: 0; }
  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%; }
  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff;
    line-height: 55px; }
  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
    font-size: 4rem; } }

.flatpickr-calendar {
  position: absolute;
  width: 210px;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  text-align: center;
  direction: ltr;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-animation: none;
          animation: none; }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  /*
  top: 2px;
  */ }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.hasWeeks {
  width: auto; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

/*
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
*/
.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden; }

.flatpickr-prev-month,
.flatpickr-next-month {
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer; }
  .flatpickr-prev-month:before,
  .flatpickr-next-month:before {
    display: block;
    height: 20px;
    color: #eb501e;
    font-size: 20px; }

.flatpickr-prev-month:before {
  content: "\e90e"; }

.flatpickr-next-month:before {
  content: "\e90c"; }

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative; }

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px; }

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper span {
  position: absolute;
  left: 100%;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  background-color: whitesmoke;
  cursor: pointer;
  border: #b3b3b3 solid 1px; }

.numInputWrapper span:hover {
  background-color: whitesmoke; }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px); }
  .flatpickr-current-month.slideLeft span.cur-month,
  .flatpickr-current-month.slideLeft .numInputWrapper, .flatpickr-current-month.slideLeftNew span.cur-month,
  .flatpickr-current-month.slideLeftNew .numInputWrapper, .flatpickr-current-month.slideRight span.cur-month,
  .flatpickr-current-month.slideRight .numInputWrapper, .flatpickr-current-month.slideRightNew span.cur-month,
  .flatpickr-current-month.slideRightNew .numInputWrapper {
    pointer-events: none; }

.flatpickr-current-month.slideLeft {
  -webkit-transform: translate3d(-100%, 0px, 0px);
          transform: translate3d(-100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms ease;
          animation: fpFadeOut 400ms ease, fpSlideLeft 400ms ease; }

.flatpickr-current-month.slideLeftNew {
  -webkit-transform: translate3d(100%, 0px, 0px);
          transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms ease;
          animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms ease; }

.flatpickr-current-month.slideRight {
  -webkit-transform: translate3d(100%, 0px, 0px);
          transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms ease;
          animation: fpFadeOut 400ms ease, fpSlideRight 400ms ease; }

.flatpickr-current-month.slideRightNew {
  -webkit-transform: translate3d(0, 0, 0px);
          transform: translate3d(0, 0, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms ease;
          animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms ease; }

.flatpickr-current-month span.cur-month {
  color: black;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3; }
  .flatpickr-current-month span.cur-month:before {
    content: "/"; }
  .flatpickr-current-month span.cur-month:hover {
    background-color: whitesmoke; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #454545; }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #454545; }

.flatpickr-current-month input.cur-year {
  width: 5ex;
  padding: 0;
  border: none;
  color: black;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3;
  text-align: right;
  background-color: transparent;
  border-radius: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-weekdays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 28px;
  overflow: hidden; }

span.flatpickr-weekday {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  margin: 0;
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  cursor: default; }
  span.flatpickr-weekday:first-child {
    color: #eb501e; }
  span.flatpickr-weekday:last-child {
    color: #1e3eeb; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 210px; }

.dayContainer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 210px;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1; }

.flatpickr-calendar.animate .dayContainer.slideLeft {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-transform: translate3d(-100%, 0px, 0px);
          transform: translate3d(-100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideRight {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0px, 0px);
          transform: translate3d(100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-day {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0;
  color: black;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer; }
  .flatpickr-day.scheduled {
    color: #fff;
    background-color: #b3b3b3; }
  .flatpickr-day.today {
    color: #fff;
    background-color: #eb501e; }
  .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background-color: #e8e8e8; }
  .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background-color: whitesmoke; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0; }

.flatpickr-input {
  resize: vertical;
  padding: 10px 20px;
  border: #b3b3b3 solid 1px;
  background-color: whitesmoke;
  border-radius: 4px;
  width: 100%; }
  .flatpickr-input[readonly] {
    cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
            transform: translate3d(-100%, 0px, 0px); } }

@keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
            transform: translate3d(-100%, 0px, 0px); } }

@-webkit-keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px); }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); } }

@keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px); }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); } }

@-webkit-keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px); }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px); } }

@keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px); }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
            transform: translate3d(100%, 0px, 0px); } }

@-webkit-keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
            transform: translate3d(-100%, 0, 0px); }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px); } }

@keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
            transform: translate3d(-100%, 0, 0px); }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px); } }

@-webkit-keyframes fpFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fpFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fpFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fpFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.tooltip {
  position: relative;
  display: inline-block;
  width: 100%; }
  .tooltip.cv.form-upload.js-formUpload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .tooltip .tooltiptext {
    font-weight: normal;
    visibility: hidden;
    width: auto;
    top: 100%;
    left: 0px;
    color: #000;
    background-color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    margin-top: 2px;
    position: absolute;
    z-index: 3; }
    .tooltip .tooltiptext.error {
      border-color: #eb501e;
      color: #eb501e; }
    .tooltip .tooltiptext.show {
      visibility: visible;
      margin-top: 0; }
    .tooltip .tooltiptext::after {
      content: " ";
      position: absolute;
      bottom: 98%;
      /* At the bottom of the tooltip */
      left: 20px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #fff transparent; }
    .tooltip .tooltiptext::before {
      content: " ";
      position: absolute;
      bottom: 100%;
      /* At the bottom of the tooltip */
      left: 20px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #eb501e transparent; }
    .tooltip .tooltiptext.cvTooltipText {
      z-index: 100;
      top: 100%; }

.before_visibility {
  pointer-events: none; }
  .before_visibility:before {
    visibility: hidden; }

.fair-progress.mod-progress.type-candidate.step2 .message, .fair-progress.mod-progress.type-candidate.step3 .message, .fair-progress.mod-progress.type-candidate.step4 .message {
  max-width: 100%;
  width: 100%;
  margin-left: 0; }

.fair-progress.mod-progress ol > li.current .item-title:before {
  content: none; }

.mod-accordion.help-content {
  margin-bottom: 20px; }
  .mod-accordion.help-content h6 {
    position: relative;
    display: table;
    margin: 0 0 0 auto; }
    .mod-accordion.help-content h6:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 100%;
      border-bottom: 1px solid #eb501e; }
    .mod-accordion.help-content h6 + div {
      margin-top: 10px; }
      .mod-accordion.help-content h6 + div p {
        margin-bottom: 30px; }

.step2 .companyBoothBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%; }
  .step2 .companyBoothBox .companyBoothCard {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    width: 33%;
    max-width: 33%;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .step2 .companyBoothBox .companyBoothCard .image {
      width: 100%;
      min-width: 100%; }
    .step2 .companyBoothBox .companyBoothCard .form-checkbox {
      background: #fff;
      width: 100%; }
      .step2 .companyBoothBox .companyBoothCard .form-checkbox label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 1em 1em 1em 3em; }
        .step2 .companyBoothBox .companyBoothCard .form-checkbox label:before {
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          left: 1em;
          background-color: #fff; }
        .step2 .companyBoothBox .companyBoothCard .form-checkbox label > div {
          padding-left: 10px; }
        .step2 .companyBoothBox .companyBoothCard .form-checkbox label .image {
          position: relative;
          width: 100%;
          height: 90px;
          margin-bottom: 10px; }
          .step2 .companyBoothBox .companyBoothCard .form-checkbox label .image img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            margin: auto; }
          .step2 .companyBoothBox .companyBoothCard .form-checkbox label .image + div {
            min-height: 4em; }
        .step2 .companyBoothBox .companyBoothCard .form-checkbox label a {
          display: block;
          width: 100%;
          height: 100%; }
      .step2 .companyBoothBox .companyBoothCard .form-checkbox input[type="checkbox"]:checked + label:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 1.3em; }

.step3 .companyBoothBox {
  width: 100%;
  border: 1px solid #ccc;
  padding: 3em; }
  .step3 .companyBoothBox .companyBoothCard {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px;
    margin-top: 20px; }
    .step3 .companyBoothBox .companyBoothCard:not(:last-child) {
      margin-bottom: 20px; }
    .step3 .companyBoothBox .companyBoothCard > div {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 33%;
              flex: 1 1 33%; }
      .step3 .companyBoothBox .companyBoothCard > div:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 20%;
                flex: 1 1 20%; }
      .step3 .companyBoothBox .companyBoothCard > div:nth-child(2) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; }
      .step3 .companyBoothBox .companyBoothCard > div:last-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 30%;
                flex: 1 1 30%; }
      .step3 .companyBoothBox .companyBoothCard > div:not(:first-child) {
        padding-left: 10px; }
      .step3 .companyBoothBox .companyBoothCard > div select {
        cursor: pointer; }

.step4 .companyBoothBox {
  width: 100%;
  border: 1px solid #ccc;
  padding: 3em; }
  .step4 .companyBoothBox:not(:last-child) {
    margin-bottom: 20px; }
  .step4 .companyBoothBox .ymd {
    font-size: 1.6em; }
  .step4 .companyBoothBox .time {
    font-size: 1.4em; }
  .step4 .companyBoothBox .companyBoothCard {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px;
    margin-top: 20px; }
    .step4 .companyBoothBox .companyBoothCard:not(:last-child) {
      margin-bottom: 20px; }
    .step4 .companyBoothBox .companyBoothCard > div {
      -ms-flex-item-align: center;
          align-self: center; }
      .step4 .companyBoothBox .companyBoothCard > div:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 10%;
                flex: 1 1 10%; }
      .step4 .companyBoothBox .companyBoothCard > div:nth-child(2) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 20%;
                flex: 1 1 20%; }
      .step4 .companyBoothBox .companyBoothCard > div:last-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 70%;
                flex: 1 1 70%; }
      .step4 .companyBoothBox .companyBoothCard > div:not(:first-child) {
        padding-left: 10px; }

/*# added on 20180918 */
.clearfix::after {
  content: "";
  display: block;
  clear: both; }

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

.flex-container .flex-two {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.flex-container .flex-three {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3; }

.flex-container .flex-four {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.flex-container .flex-five {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5; }

.flex-container .flex-six {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6; }

.flex-container .flex-seven {
  -webkit-box-flex: 7;
      -ms-flex: 7;
          flex: 7; }

.flex-five.flex-last {
  margin: 0 0 0 20px; }

.flex-five.flex-first, .flex-four.flex-first {
  margin: 0 20px 0 0; }

.flex-three.flex-last {
  margin: 0 0 0 20px; }

.flex-two.flex-first {
  margin: 0 20px 0 0; }

.box-content.narrow .stepBar {
  display: table; }

.box-content.narrow .stepBar li {
  position: relative;
  display: table-cell;
  width: 23%;
  line-height: 20px;
  height: 70px;
  vertical-align: middle; }

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

.flex-container .flex-seven {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6; }

.flex-container .flex-three {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3; }

.flex-first {
  margin: 0 20px 0 0; }

.stepBar.three-steps li, .stepBar.three-steps li:last-child {
  width: 33%; }

.choose-radioBox {
  padding: 0 30px; }

.form-radioBox:first-child {
  margin: 0 0 10px 0; }

.form-radioBox label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  border: #b3b3b3 solid 1px;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 20px 20px 20px 60px;
  width: 100%; }

.form-radioBox input[type="radio"] {
  display: none; }

.form-radioBox input[type="radio"]:checked + label {
  color: #eb501e;
  border: #eb501e solid 1px;
  background: #fff; }

.form-radioBox label::before {
  content: "";
  position: absolute;
  left: 20px;
  top: calc(50% - 9px);
  bottom: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: #b3b3b3 solid 1px;
  background-color: #f5f5f5;
  border-radius: 50%; }

.form-radioBox input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 26px;
  top: calc(50% - 3px);
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #eb501e;
  border-radius: 50%; }

.form-radioBox input[type="radio"]:checked + label::before {
  background: #fff; }

.radioBox-title {
  display: block;
  font-size: 1.6rem;
  margin: 0 0 5px 0; }

.payment-detail-alert {
  color: #ee1515; }

.form-security-code input[type="text"] {
  width: 15%; }

.form-credit-card input[type="text"] {
  width: 15%;
  margin: 0 5px; }

.form-credit-card input[type="text"]:first-child {
  margin: 0 5px 0 0; }

.form-credit-card input[type="text"]:last-child {
  margin: 0 0 0 5px; }

.form-expiration-date input[type="text"]:first-child {
  width: 15%;
  margin: 0 5px 0 0; }

.form-expiration-date input[type="text"]:last-child {
  width: 20%;
  margin: 0 0 0 5px; }

.choose-contract-plan h2 {
  margin: 0;
  line-height: 6.0rem; }

.apply-contract-plan {
  margin: 0 0 40px 0; }

.apply-contract-plan-left {
  border-radius: 20px;
  padding: 30px;
  margin: 0 40px 0 0;
  background: #fdf5f3;
  width: 320px;
  float: left; }

.apply-contract-plan-right {
  width: 620px;
  float: right;
  padding: 0; }

.apply-contract-plan-left .title {
  font-size: 2.4rem;
  text-align: center;
  margin: 10px 0 30px 0;
  font-weight: bold;
  color: #000; }

.apply-contract-plan-right h4 {
  background: #f5f5f5;
  text-align: center;
  border-radius: 4px;
  text-align: center;
  padding: 5px;
  font-size: 1.6em;
  line-height: 1.3;
  font-weight: bold;
  color: #000; }

.contract-plan-detail {
  margin: 0 0 40px 0; }

.contract-plan-detail .mod-tips {
  padding: 0px;
  font-size: inherit; }

.contract-plan-detail h3 {
  margin: 0 auto 10px; }

.contract-plan-detail ul.list li {
  padding: 8px 0;
  border-bottom: #d1d1d1 solid 1px;
  font-size: 1.6rem;
  color: #000; }

.contract-plan-detail ul.list li .title {
  display: inline-block;
  width: 30%;
  vertical-align: top; }

.contract-plan-detail ul.list li .item {
  display: inline-block;
  width: 70%; }

.apply-contract-plan-right p {
  padding: 0 20px;
  text-align: center;
  line-height: 3.2rem; }

#pageBody .apply-contract-plan-right p + p {
  margin-top: 0; }

.apply-contract-plan-right .text-l, .apply-contract-plan-right .text-emphasis, .apply-contract-plan-right .text-alert.emphasis, .apply-contract-plan-right .emphasis.text-button {
  margin: 0 !important; }

.apply-contract-plan-right .text-l.text-left, .apply-contract-plan-right .text-left.text-emphasis, .apply-contract-plan-right .text-left.text-alert.emphasis, .apply-contract-plan-right .text-left.emphasis.text-button {
  text-align: left; }

.plan-price.emphasis {
  color: #ee1515;
  font-size: 2.6rem;
  font-weight: bold; }

.plan-price {
  color: #000;
  font-size: 2.6rem;
  font-weight: bold; }

.plan-monthly-price {
  font-size: 2.2rem;
  color: #000;
  font-weight: bold; }

.plan-monthly-price span {
  font-size: 1.6rem; }

.contract-plan-note p {
  margin: 0 0 5px 0; }

.contract-plan-alert {
  color: #ee1515; }

.text-line-through {
  text-decoration: line-through; }

.apply-contract-plan-left {
  border-radius: 20px;
  padding: 30px;
  margin: 0 40px 0 0;
  background: #fdf5f3;
  width: 260px;
  float: left; }

.apply-contract-plan-right {
  width: 680px;
  float: right;
  padding: 0; }

.apply-contract-plan-left .button-primary, .apply-contract-plan-left .button-submit, .apply-contract-plan-left .button-delete, .apply-contract-plan-left .toggleSaveButton:before {
  width: 160px;
  height: 42px;
  margin: 0 auto; }

.apply-contract-plan-left .button-secondary, .apply-contract-plan-left .button-cancel, .apply-contract-plan-left .button-edit, .apply-contract-plan-left .toggleSaveButton.saved:before {
  width: 160px;
  height: 42px;
  margin: 0 auto; }

.plan-price {
  color: #000;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 3.2rem; }

.contract-plan-alert {
  color: #ee1515; }

.text-line-through {
  text-decoration: line-through; }

.plan-detail, .payment-detail {
  display: none;
  margin: 30px 0 50px 0;
  background-color: #ececec;
  padding: 20px;
  border-radius: 8px; }

.billing-detail {
  display: none; }

.contract-detail {
  display: none; }

.coupon-detail {
  display: none; }

.tab-view01, .tab-view03, .tab-view05, .tab-view07 {
  display: block; }

.box-content-side {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 0 40px 0 0; }

.box-content-main {
  -webkit-box-flex: 7;
      -ms-flex: 7;
          flex: 7; }

.box-content-side ul {
  margin: 40px 0; }

.box-content-side li {
  border-left: #b3b3b3 solid 3px;
  background-color: #f5f5f5;
  margin: 0 0 5px 0;
  z-index: 0;
  position: relative; }

.box-content-side li a {
  text-decoration: none;
  font-size: 1.4rem;
  padding: 8px 15px;
  display: block; }

.box-content-side li.current {
  border-bottom: #eb501e solid 1px;
  border-left: #eb501e solid 3px;
  background-color: #fff;
  z-index: 100;
  color: #eb501e; }

.your-communication-setting .form-item {
  width: 100%;
  text-align: right;
  margin: 0 0 50px 0; }

.your-communication-setting .form-item input, .your-communication-setting .form-item select {
  width: 80%; }

.your-communication-setting .form-item .form-select {
  margin: 0 0 20px 0; }

.your-communication-setting h4 {
  margin: 0 0 30px 0; }

.your-account-setting {
  margin: 40px 0 20px 0; }

.your-account-setting-inner {
  margin: 0 0 50px 0; }

.your-account-setting .mod-tips {
  padding: 0; }

.your-account-setting .box-form {
  margin: 0 0 10px 0; }

.your-account-setting .form-title {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  margin: 0 20px 0 0;
  text-align: left;
  font-size: 1.4rem;
  padding: 0; }

.your-account-setting .form-item {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.your-account-setting .form-item input {
  width: 100%; }

.your-account-setting .form-phone {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4; }

.your-account-setting .form-phone input.region {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 20%; }

.your-account-setting .form-phone input.number {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: calc(80% - 10px);
  margin: 0 0 0 10px; }

.your-account-setting .box-button, .your-account-setting .box-upload-send {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 0 0 0 20px; }

.your-account-setting .button-primary, .your-account-setting .button-submit, .your-account-setting .button-delete, .your-account-setting .toggleSaveButton:before {
  height: 38px;
  font-size: 1.2rem;
  margin: 0 auto;
  width: 130px; }

.your-account-setting .button-primary.button-save, .your-account-setting .button-save.button-submit, .your-account-setting .button-save.button-delete, .your-account-setting .button-save.toggleSaveButton:before {
  border: 1px solid #eb501e;
  color: #eb501e;
  font-weight: bold;
  background-color: #fdeee9;
  padding: 0; }

.your-account-setting .form-title.required::before {
  content: none; }

.your-account-setting .form-title.required::after {
  content: "*";
  display: inline-block;
  color: #eb501e;
  margin-left: .4em; }

.box-tabMenu > ul > li.current {
  position: relative;
  border-bottom: #eb501e solid 2px; }

.two-column .box-tabMenu > ul {
  width: 100%;
  margin: 40px 0; }

.two-column .box-tabMenu > ul li {
  width: 25%;
  text-align: center;
  height: 45px;
  cursor: pointer; }

.two-column .box-tabMenu > ul > li > span {
  font-size: 1.5rem;
  height: 35px;
  min-width: inherit;
  padding: 0; }

.box-tabMenu > ul > li.current::after {
  bottom: -11px; }

.your-contract-plan table {
  border-top: #b3b3b3 solid 1px;
  border-left: #b3b3b3 solid 1px;
  border-collapse: collapse;
  width: 100%;
  font-size: 1.5rem; }

.your-contract-plan th {
  background: #f5f5f5;
  border-right: #b3b3b3 solid 1px;
  border-bottom: #b3b3b3 solid 1px;
  padding: 10px 20px;
  text-align: left; }

.your-contract-plan td {
  border-right: #b3b3b3 solid 1px;
  border-bottom: #b3b3b3 solid 1px;
  padding: 10px 20px; }

.your-contract-plan-detail h3 {
  margin: 40px auto 10px; }

.your-contract-plan-detail li {
  border-bottom: #d1d1d1 solid 1px;
  font-size: 1.4rem;
  padding: 10px 0; }

.your-contract-plan-detail li .title {
  width: 30%;
  display: inline-block; }

.your-contract-plan-detail li .item {
  width: 70%;
  display: inline-block; }

.your-contract-plan.your-account-setting {
  margin-top: 0; }

.your-contract-plan .plan-detail {
  background-color: inherit;
  padding: 0; }

.contract-billing-detail {
  margin: 30px 0 50px 0;
  background-color: #ececec;
  padding: 20px;
  border-radius: 8px; }

.choose-coupon {
  margin: 40px 0 20px 0; }

.your-coupon-number {
  margin: 10px 0 20px 0; }

.your-coupon-number .form-title {
  float: left;
  width: 30%;
  padding-right: 30px;
  color: #000;
  font-size: 1.6em;
  font-weight: bold;
  text-align: right;
  line-height: 4.0rem; }

.your-coupon-number .form-item {
  float: left;
  font-size: 1.4em;
  width: 30%; }

.your-coupon-number .box-button, .your-coupon-number .box-upload-send {
  float: right;
  width: 40%;
  margin: 0;
  text-align: left;
  display: inline-block;
  padding: 0 0 0 20px; }

.your-coupon-number .button-primary.button-calculate, .your-coupon-number .button-calculate.button-submit, .your-coupon-number .button-calculate.button-delete, .your-coupon-number .button-calculate.toggleSaveButton:before {
  height: 40px;
  padding: 0;
  width: 150px; }

.coupon-discount {
  margin: 0 0 50px 0; }

.coupon-discount table {
  border-top: #b3b3b3 solid 1px;
  border-left: #b3b3b3 solid 1px;
  width: 60%;
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 1.4rem; }

.coupon-discount th {
  background: #f5f5f5;
  border-right: #b3b3b3 solid 1px;
  border-bottom: #b3b3b3 solid 1px;
  padding: 5px 10px;
  text-align: left; }

.coupon-discount td {
  border-right: #b3b3b3 solid 1px;
  border-bottom: #b3b3b3 solid 1px;
  padding: 5px 10px; }

.choose-radioBox-title {
  font-size: 1.6em;
  color: #000;
  font-weight: bold;
  margin: 0 0 10px 0; }

.flex-seven .form-radioBox {
  margin: 0 0 10px 0; }

.title-credit-card {
  position: relative; }

.title-credit-card img {
  width: 300px;
  position: absolute;
  right: 20px;
  bottom: 10px; }

.your-contract-plan .your-billing-setting .form-credit-card input[type="text"] {
  width: 15%;
  margin: 0 5px; }

.your-contract-plan .your-billing-setting .form-security-code input[type="text"] {
  width: 15%; }

.your-contract-plan .your-billing-setting .form-credit-card input[type="text"]:first-child {
  margin: 0 5px 0 0; }

.your-contract-plan .your-billing-setting .form-title {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  text-align: right;
  font-size: 1.6rem; }

.your-contract-plan .your-billing-setting .form-item {
  -webkit-box-flex: 7;
      -ms-flex: 7;
          flex: 7; }

.your-contract-plan .your-billing-setting .box-form {
  margin: 30px 0; }

.your-language-setting .form-radioBox.flex-first {
  margin: 0 10px 0 0; }

.your-language-setting .form-radioBox.flex-last {
  margin: 0 0 0 10px; }

.your-team-setting {
  margin: 40px 0 0 0; }

.your-team-setting table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.4rem;
  table-layout: fixed;
  word-wrap: break-word; }

.your-team-setting th {
  text-align: left;
  padding: 5px; }

.your-team-setting td {
  text-align: left;
  padding: 5px;
  font-size: 1.2rem; }

.your-team-setting .box-button, .your-team-setting .box-upload-send {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 0 0 0 20px;
  float: right; }

.your-team-setting .button-primary, .your-team-setting .button-submit, .your-team-setting .button-delete, .your-team-setting .toggleSaveButton:before {
  height: 28px;
  font-size: 1.2rem;
  margin: 0 auto;
  width: 50px; }

.your-team-setting .button-primary, .your-team-setting .button-submit, .your-team-setting .button-delete, .your-team-setting .toggleSaveButton:before {
  margin: 0; }

.your-team-setting .button-primary.button-delete, .your-team-setting .button-delete.button-submit, .your-team-setting .button-delete, .your-team-setting .button-delete.toggleSaveButton:before {
  border: 1px solid #eb501e;
  color: #eb501e;
  font-weight: bold;
  background-color: #fdeee9;
  padding: 0;
  margin: 0 0 0 5px; }

.your-team-setting .button-primary.button-delete::before, .your-team-setting .button-delete.button-submit::before, .your-team-setting .button-delete::before {
  content: none; }

.your-team-setting tr {
  border-bottom: 1px solid #d1d1d1; }

.your-team-control-box {
  margin: 0 0 20px 0;
  width: 100%;
  display: table; }

.your-team-control-box .control-filter, .your-team-control-box .control-role, .your-team-control-box .control-add-user {
  display: table-cell;
  vertical-align: top; }

.your-team-control-box .control-filter {
  width: 35%; }

.your-team-control-box .control-role {
  width: 20%;
  padding: 0 0 0 10px; }

.your-team-control-box .control-add-user {
  float: right; }

.your-team-control-box .control-add-user.form-radioButton label {
  width: 120px;
  padding: 5px 10px; }

.your-team-control-box .control-filter input, .your-team-control-box .control-role select, .your-team-control-box .control-add-user label {
  font-size: 1.2rem;
  height: 30px; }

.your-team-control-box .control-add-user label::before {
  content: '+';
  font-size: 1.5rem;
  margin: 0 5px 0 0; }

.your-team-control-box .control-add-user label:hover {
  background: #fff; }

.your-team-control-box .control-add-user label:hover::before {
  color: #eb501e; }

.your-team-control-box .control-role select {
  padding: 0px 30px 0px 10px;
  background-color: #fff; }

.your-team-control-box .control-filter input {
  background-color: #fff;
  border-radius: 20px; }

.your-team-control-box .control-role.form-select::after {
  height: 9px;
  margin: auto;
  color: #eb501e;
  font-size: 10px;
  right: 10px; }

.your-team-control-box-bottom {
  padding: 20px 5px; }

.your-team-total-user {
  float: left; }

.your-team-page-control {
  float: right; }

.your-team-page-control .page-next {
  margin: 0 0 0 5px; }

.your-team-page-control .button-primary.page-next, .your-team-page-control .page-next.button-submit, .your-team-page-control .page-next.button-delete, .your-team-page-control .page-next.toggleSaveButton:before, .your-team-page-control .button-primary.page-previous, .your-team-page-control .page-previous.button-submit, .your-team-page-control .page-previous.button-delete, .your-team-page-control .page-previous.toggleSaveButton:before {
  border: #b3b3b3 solid 1px;
  background-color: #f5f5f5;
  color: #454545; }

.your-team-page-control .button-primary.page-previous, .your-team-page-control .page-previous.button-submit, .your-team-page-control .page-previous.button-delete, .your-team-page-control .page-previous.toggleSaveButton:before {
  width: 80px; }

.your-team-page-control .button-primary.page-next.inactive, .your-team-page-control .page-next.inactive.button-submit, .your-team-page-control .page-next.inactive.button-delete, .your-team-page-control .page-next.inactive.toggleSaveButton:before, .your-team-page-control .button-primary.page-previous.inactive, .your-team-page-control .page-previous.inactive.button-submit, .your-team-page-control .page-previous.inactive.button-delete, .your-team-page-control .page-previous.inactive.toggleSaveButton:before {
  opacity: 0.5; }

.logged-in-date {
  background-color: #fdeee9;
  font-size: 1.0rem;
  border-radius: 20px;
  padding: 3px 10px; }

.your-team-invite-add input {
  background-color: #fff;
  border-radius: 20px;
  font-size: 1.2rem;
  height: 30px;
  margin: 0 0 20px 0; }

.your-team-invite-text {
  margin: 0 0 20px 0; }

.your-team-invite label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  border-radius: 4px; }

.your-team-invite input[type="radio"] {
  display: none; }

.your-team-invite label::before {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(50% - 8px);
  bottom: 0;
  display: block;
  width: 14px;
  height: 14px;
  border: #b3b3b3 solid 1px;
  background-color: #f5f5f5;
  border-radius: 50%; }

.your-team-invite input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: calc(50% - 4px);
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #eb501e;
  border-radius: 50%; }

.your-team-invite label {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: normal; }

.your-team-invite-bottom {
  padding: 20px 5px; }

.your-team-invite-bottom .button-primary.button-invite-cancel, .your-team-invite-bottom .button-invite-cancel.button-submit, .your-team-invite-bottom .button-invite-cancel.button-delete, .your-team-invite-bottom .button-invite-cancel.toggleSaveButton:before {
  border: #b3b3b3 solid 1px;
  background-color: #f5f5f5;
  color: #454545;
  width: 100px;
  padding: 5px 10px; }

.your-team-invite-bottom .button-primary.button-invite, .your-team-invite-bottom .button-invite.button-submit, .your-team-invite-bottom .button-invite.button-delete, .your-team-invite-bottom .button-invite.toggleSaveButton:before {
  width: 55px;
  margin: 0 0 0 5px;
  padding: 5px 10px; }

.table-list-number {
  display: table; }

.table-list-kana {
  display: table;
  padding: 0 0 0 15px; }

.table-list-dot {
  display: table;
  padding: 0 0 0 20px; }

.table-list-style {
  display: table-cell;
  vertical-align: top; }

.table-list-number .table-list-style {
  display: inline; }

.table-list-number .table-list-style, .table-list-kana .table-list-style, .table-list-dot .table-list-style {
  padding: 0 5px 0 0; }

.text-black {
  font-size: 1.6rem;
  color: #000; }

.apply-contract-plan-option {
  border-radius: 20px;
  padding: 25px;
  border: #f5f5f5 solid 20px;
  margin: 50px 0 0 0; }

.apply-contract-plan-option-title {
  padding: 0 0 10px 0;
  border-bottom: #d1d1d1 solid 1px; }

.apply-contract-plan-option .title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  float: left;
  margin: 0 30px 0 0;
  line-height: 2.4rem; }

.apply-contract-plan-option .text {
  font-size: 1.6rem;
  color: #000;
  float: left; }

.apply-contract-plan-option-list {
  font-size: 1.6rem;
  color: #000;
  margin: 0 0 25px 0; }

.contract-plan-detail ul.list li, .apply-contract-plan-option-list li {
  padding: 8px 10px;
  border-bottom: #d1d1d1 solid 1px; }

.apply-contract-plan-option-list .check-icon {
  color: #eb501e;
  font-size: 2.0rem;
  margin: 0 10px 0 0; }

.apply-contract-plan-option .button-primary, .apply-contract-plan-option .button-submit, .apply-contract-plan-option .button-delete, .apply-contract-plan-option .toggleSaveButton:before {
  width: 160px;
  height: 42px;
  margin: 0 auto; }

.apply-contract-plan-option-list li:nth-child(odd), .contract-plan-detail ul.list li:nth-child(odd) {
  background: #fafafa; }

.contract-plan-detail h3 {
  margin: 0; }

.contract-plan-detail .text-black {
  padding: 8px 10px; }

.visa-icon::before {
  display: block;
  float: left;
  content: ' ';
  background-image: url("/static/common/images/common/price/passport.svg");
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  margin: 4px 10px 0 0; }

.home-icon::before {
  display: block;
  float: left;
  content: ' ';
  background-image: url("/static/common/images/common/price/home.svg");
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  margin: 4px 10px 0 0; }

.suitcase-icon::before {
  display: block;
  float: left;
  content: ' ';
  background-image: url("/static/common/images/common/price/suitcase-rolling.svg");
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  margin: 4px 10px 0 0; }

.apply-contract-plan-left {
  border-radius: 20px;
  margin: 60px 30px 0 20px;
  width: 220px;
  float: left;
  text-align: center;
  padding: 0;
  background: none; }

.apply-contract-plan-left .title {
  font-size: 3.0rem;
  margin: 0 0 20px 0;
  font-weight: bold;
  color: #000;
  line-height: 3.0rem; }

.apply-contract-plan-left .button-primary, .apply-contract-plan-left .button-submit, .apply-contract-plan-left .button-delete, .apply-contract-plan-left .toggleSaveButton:before {
  width: 220px;
  font-size: 2.0rem; }

.apply-contract-plan-right {
  width: 710px;
  float: right;
  padding: 0 20px 0 30px;
  border-left: 1px solid #ddd; }