header {
  z-index: 10;
  background-color: #fff;
  transition: .3s all
}

.standby-header {
  position: fixed;
  top: -140px
}

#mx-header {
  width: 100%;
  max-width: 100vw
}

#mx-header .only-sp {
  display: none
}

#mx-header .header-top-link {
  display: flex;
  justify-content: space-between;
  font-size: .7rem;
  padding: 3px 20px;
  background-color: #ddd
}

#mx-header .header-top-link .top-link-content a {
  margin-left: 1rem;
  border-bottom: solid 1px #000;
  padding: 0 2px 1px 2px
}

#mx-header .header-top-link .top-link-content a span {
  margin-left: 2rem
}

#mx-header .header-search-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
  height: 60px;
  background-color: #fff
}

#mx-header .header-search-box .l-header__logo {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  height: 28px
}

#mx-header .header-search-box .l-header__logo span {
  display: inline-block;
  font-size: 16px;
  font-family: "Arial",sans-serif;
  margin-left: 3px
}

#mx-header .header-search-box .l-header__logo svg {
  height: 30px !important
}

@media screen and (max-width: 1075px) {
  #mx-header .header-search-box .l-header__logo>span {
      display:none
  }
}

#mx-header .header-search-box .header-company-search {
  display: flex;
  align-items: center
}

#mx-header .header-search-box .header-company-search .header-search-form {
  display: flex;
  height: 30px
}

#mx-header .header-search-box .header-company-search .header-search-form .header-freeword {
  max-width: 170px
}

@media screen and (max-width: 1150px) {
  #mx-header .header-search-box .header-company-search .header-search-form .header-freeword {
      width:160px
  }
}

#mx-header .header-search-box .header-company-search .header-search-form .plus {
  margin: 0 .35rem;
  line-height: 30px;
  font-size: 16px;
  color: #df7919
}

#mx-header .header-search-box .header-company-search .header-search-form .header-submit-box {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 60px;
  height: 30px;
  border: 0;
  background: #df7919
}

#mx-header .header-search-box .header-button-box {
  display: flex;
  margin: 0 5px 0 25px;
  align-items: center
}

#mx-header .header-search-box .header-button-box .header-register-btn {
  background-color: #d83232;
  margin-right: 5px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  letter-spacing: 1px
}

#mx-header .header-search-box .header-button-box .header-login-btn {
  background-color: #424242;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  letter-spacing: 1px
}

#mx-header .header-search-box .header-button-box .header-register-btn,#mx-header .header-search-box .header-button-box .header-login-btn {
  height: 50px;
  padding: 0 5px;
  min-width: 50px;
  min-width: 75px
}

@media screen and (max-width: 768px) {
  #mx-header .header-search-box .header-button-box .header-register-btn,#mx-header .header-search-box .header-button-box .header-login-btn {
      min-width:50px;
      font-size: .6875rem;
      line-height: 1.1
  }
}

#mx-header .header-search-box .header-button-box .header-button .three-lines {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

#mx-header .header-search-box .header-button-box .header-button .three-lines span,#mx-header .header-search-box .header-button-box .header-button .three-lines span:before,#mx-header .header-search-box .header-button-box .header-button .three-lines span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #000;
  position: absolute
}

#mx-header .header-search-box .header-button-box .header-button .three-lines span:before {
  bottom: 8px
}

#mx-header .header-search-box .header-button-box .header-button .three-lines span:after {
  top: 8px
}

#mx-header .header-search-box .header-to-mypage {
  display: flex;
  align-items: center;
  border: 2px solid #df7919;
  border-radius: 5px;
  padding: 7px 5px !important;
  height: 55px
}

#mx-header .header-search-box .header-to-mypage .header-user-icon {
  padding: 0;
  position: relative
}

#mx-header .header-search-box .header-to-mypage .header-user-icon .header-alert {
  color: #fff;
  background-color: #da3700;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  top: -5px;
  left: -3px;
  z-index: 1
}

#mx-header .header-search-box .header-to-mypage .header-user-icon img {
  border-radius: 50%;
  height: 45px;
  width: 45px;
  object-fit: cover
}

#mx-header .header-search-box .header-to-mypage .header-user-name {
  padding: 8px 0;
  margin-left: 5px;
  font-size: 14px;
  text-align: left;
  color: #df7919;
  letter-spacing: 1px
}

@media screen and (max-width: 1200px) {
  #mx-header .header-search-box .header-to-mypage .header-user-name {
      display:none
  }
}

#mx-header .header-search-box .header-to-mypage .medal-box {
  margin-left: 10px;
  display: flex
}

#mx-header .header-search-box .header-to-mypage .medal-box .medal:hover:before {
  border-color: #fff
}

#mx-header .header-search-box .header-to-mypage .medal-box .medal svg {
  height: 25px;
  width: 25px;
  margin-top: 8px
}

#mx-header .header-search-box .header-to-mypage .medal-box .medal .none {
  fill: #eee
}

#mx-header .header-search-box .header-to-mypage .medal-box .medal .gold {
  fill: #d69b0a
}

#mx-header .header-search-box .header-to-mypage i {
  font-size: 20px;
  color: #df7919;
  margin-left: 5px
}

#mx-header .header-search-box .sp-user-icon {
  position: relative
}

#mx-header .header-search-box .sp-user-icon .header-alert {
  color: #fff;
  background-color: #da3700;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  top: -5px;
  left: -3px;
  z-index: 1
}

#mx-header .header-search-box .sp-user-icon .header-user-img {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  object-fit: cover;
  margin-right: .5rem
}

#mx-header .header-search-box .menu-box {
  text-align: center;
  height: 55px;
  border-radius: 5px;
  padding: 13px 7px;
  cursor: pointer;
  z-index: 300;
  width: 55px
}

#mx-header .header-search-box .menu-box img {
  width: 1.4rem;
  margin-bottom: .3rem
}

#mx-header .header-search-box .menu-box.global-menu-modal-close {
  background: #424242;
  color: #fff;
  padding: 7px;
  margin-top: 2px;
  border-radius: 0
}

#mx-header .header-main-link {
  background-color: #df7919;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 100vw
}

#mx-header .header-main-link .main-link-content {
  padding: 0 20px;
  position: relative;
  color: #fff;
  font-size: 16px;
  height: 100%;
  line-height: 55px
}

#mx-header .header-main-link .main-link-content img {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle
}

#mx-header .header-main-link .main-link-content span {
  display: inline-block
}

#mx-header .header-main-link .main-link-content.active:after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #fff
}

#mx-header .header-main-link .main-link-content:not(:last-child):before {
  content: "";
  position: absolute;
  right: 0px;
  top: 24px;
  display: inline-block;
  width: 1px;
  height: 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px
}

@media screen and (max-width: 980px) {
  #mx-header .header-search-box .l-header__logo svg {
      height:25px !important
  }

  #mx-header .header-search-box .header-company-search {
      min-width: 0 !important;
      align-items: flex-end
  }

  #mx-header .header-search-box .header-company-search .header-button-box {
      margin: 0
  }

  #mx-header .header-search-box .header-company-search .header-button-box .header-button .three-lines {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%
  }

  #mx-header .header-search-box .header-company-search .header-button-box .header-button .three-lines span,#mx-header .header-search-box .header-company-search .header-button-box .header-button .three-lines span:before,#mx-header .header-search-box .header-company-search .header-button-box .header-button .three-lines span:after {
      content: "";
      display: block;
      height: 3px;
      width: 25px;
      border-radius: 3px;
      background-color: #000;
      position: absolute
  }

  #mx-header .header-search-box .header-company-search .header-button-box .header-button .three-lines span:before {
      bottom: 8px
  }

  #mx-header .header-search-box .header-company-search .header-button-box .header-button .three-lines span:after {
      top: 8px
  }

  #mx-header .header-search-box .header-company-search .header-button-box .menu-box {
      color: #000;
      margin-left: 5px;
      border: none
  }

  #mx-header .header-search-box .header-company-search .header-button-box .menu-box img {
      width: 35px;
      margin-bottom: .3rem
  }

  #mx-header .header-search-box .header-company-search .header-button-box .menu-box.global-menu-modal-close {
      color: #fff;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-right: .2rem
  }

  #mx-header .header-main-link {
      padding: 0px;
      justify-content: space-between;
      height: 55px
  }

  #mx-header .header-main-link .main-link-content {
      padding: 0;
      font-size: .75rem;
      text-align: center;
      width: 33.3333333333%;
      position: relative;
      line-height: 1.1;
      height: auto
  }

  #mx-header .header-main-link .main-link-content.active:after {
      content: "";
      position: absolute;
      right: 0px;
      bottom: -11px;
      display: inline-block;
      width: 100%;
      height: 4px;
      background-color: #fff
  }

  #mx-header .header-main-link .main-link-content:not(:last-child):before {
      right: 0px;
      top: 12px;
      width: 1px;
      height: 22px
  }
}

@media screen and (max-width: 980px)and (max-width: 400px) {
  #mx-header .header-main-link .main-link-content {
      font-size:.6875rem
  }

  #mx-header .header-main-link .main-link-content.active:after {
      bottom: -12px
  }
}

@media screen and (max-width: 980px)and (max-width: 330px) {
  #mx-header .header-main-link .main-link-content.active:nth-child(2):after {
      bottom:-7px
  }

  #mx-header .header-main-link .main-link-content.active:nth-child(4):after {
      bottom: -7px
  }

  #mx-header .header-main-link .main-link-content.active:nth-child(5):after {
      bottom: -7px
  }
}

@media screen and (max-width: 980px) {
  #mx-header .only-pc {
      display:none !important
  }

  #mx-header .only-sp {
      display: block
  }
}

.breadcrumb {
  background-color: #ddd;
  padding-left: 1rem
}

.breadcrumb .bread-box {
  padding: 7px 0;
  width: 100%;
  font-size: .6875rem;
  display: block;
  line-height: 1rem
}

.breadcrumb .bread-box .bread-arrow {
  width: 1rem;
  margin: auto 8px;
  display: inline-block;
  text-align: center
}

.mx-header-modal {
  display: none;
  top: 60px;
  height: calc(100vh - 60px);
  left: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 100
}

.mx-header-modal.not-loggedin {
  top: 88px;
  height: calc(100vh - 88px)
}

@media screen and (max-width: 980px) {
  .mx-header-modal.not-loggedin {
      top:60px;
      height: calc(100vh - 60px)
  }
}

.mx-header-modal .modal_overlay {
  background: rgba(223,121,25,.6);
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 100%
}

.mx-header-modal .sp-modal {
  padding-bottom: 40px
}

.mx-header-modal .sp-modal .header-user-right {
  align-self: center !important
}

.mx-header-modal .sp-modal .header-user-right .header-user-name {
  margin-bottom: 0 !important
}

.mx-header-modal .sp-modal .modal-link {
  width: 100% !important
}

.mx-header-modal .sp-modal .other {
  border-bottom: 2px solid #bdbdbd
}

.mx-header-modal .sp-modal .footer-sub-list a {
  width: 46% !important
}

.mx-header-modal .modal_content {
  color: #fff;
  background: #424242;
  right: 0;
  padding: 1rem;
  padding-bottom: 60px;
  position: absolute;
  top: 0;
  height: 100%;
  min-height: calc(100vh - 60px);
  width: 100%;
  max-width: 630px;
  overflow-y: auto;
  overflow-y: scroll
}

.mx-header-modal .modal_content .modal-no-member {
  margin: 2rem 0
}

.mx-header-modal .modal_content .modal-no-member p {
  text-align: center;
  font-size: 19px
}

.mx-header-modal .modal_content .modal-no-member a {
  height: 4rem;
  padding: 1rem;
  margin: 1rem 0;
  font-size: 1.125rem;
  box-shadow: 1px 1px 20px rgba(0,0,0,.4)
}

.mx-header-modal .modal_content .user-info {
  display: flex
}

.mx-header-modal .modal_content .user-info .profile-image {
  width: 164px;
  height: 219px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.3);
  position: relative
}

.mx-header-modal .modal_content .user-info .profile-image .header-alert {
  color: #fff;
  background-color: #da3700;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  line-height: 25px;
  position: absolute;
  top: -5px;
  left: -3px;
  z-index: 1
}

.mx-header-modal .modal_content .user-info .profile-image img {
  width: 164px
}

.mx-header-modal .modal_content .user-info .header-user-right {
  margin-left: 1rem;
  align-self: flex-end
}

.mx-header-modal .modal_content .user-info .header-user-right .header-user-name {
  position: relative;
  margin-bottom: 35px
}

.mx-header-modal .modal_content .user-info .header-user-right .header-user-name .name {
  font-size: 20px
}

.mx-header-modal .modal_content .user-info .header-user-right .header-user-name .edit-link {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
  right: .5rem;
  bottom: -20px
}

.mx-header-modal .modal_content .user-info .header-user-right .header-user-name .edit-link:hover {
  color: #fff;
  opacity: .8
}

.mx-header-modal .modal_content .user-info .header-user-right .header-user-name .edit-link i {
  vertical-align: middle
}

@media screen and (max-width: 980px) {
  .mx-header-modal .modal_content .user-info .header-user-right {
      align-self:center
  }

  .mx-header-modal .modal_content .user-info .header-user-right .header-user-name .edit-link {
      bottom: -70px
  }
}

.mx-header-modal .modal_content .other-link-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  margin: .5rem -0.5rem
}

.mx-header-modal .modal_content .other-link-box .modal-link {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 40%;
  padding: .75rem;
  cursor: pointer;
  text-align: center;
  margin-top: 15px;
  margin: .5rem;
  color: #fff;
  position: relative
}

@media screen and (max-width: 630px) {
  .mx-header-modal .modal_content .other-link-box .modal-link {
      min-width:60%
  }
}

.mx-header-modal .modal_content .other-link-box .modal-link:hover {
  color: #414d5a !important;
  border: solid 4px #414d5a !important;
  background-color: #fff !important;
  margin: calc(.5rem - 4px)
}

.mx-header-modal .modal_content .other-link-box .modal-link .header-alert {
  color: #fff;
  background-color: #da3700;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  width: 22px;
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  top: -5px;
  left: -3px;
  z-index: 1
}

.mx-header-modal .modal_content .other-link-box .main:hover {
  color: #df7919
}

.mx-header-modal .modal_content .other-link-box .sub:hover {
  color: #313b46;
  background-color: #0d3970
}

.mx-header-modal .modal_content .other-link-box .other {
  background-color: rgba(0,0,0,0);
  font-size: .9em
}

.mx-header-modal .modal_content .header-freeword {
  flex: 1;
  min-width: 100px;
  line-height: 48px;
  font-size: .8rem !important
}

.mx-header-modal .modal_content .header-submit-box {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #df7919;
  width: 60px;
  height: 30px;
  border-radius: 3px
}

@media screen and (max-width: 630px) {
  .mx-header-modal .modal_content .modal-no-member {
      margin:1.2rem 0 1.5rem 0
  }

  .mx-header-modal .modal_content .user-info .profile-image {
      width: 110px;
      height: auto
  }

  .mx-header-modal .modal_content .user-info .profile-image img {
      width: 110px;
      height: auto
  }

  .mx-header-modal .modal_content .header-search-form {
      height: auto;
      flex-wrap: wrap
  }

  .mx-header-modal .modal_content .header-search-form>* {
      width: 100% !important;
      margin: .5rem 0
  }

  .mx-header-modal .modal_content .header-search-form .header-freeword {
      width: 100%
  }

  .mx-header-modal .modal_content .header-search-form .header-freeword::placeholder {
      font-size: .8rem;
      line-height: 48px
  }

  .mx-header-modal .modal_content .header-search-form .plus {
      display: none
  }

  .mx-header-modal .modal_content .header-search-form .header-freeword {
      font-size: 1rem !important
  }

  .mx-header-modal .modal_content .header-search-form .header-freeword::placeholder {
      font-size: 1rem
  }

  .mx-header-modal .modal_content .header-search-form .header-submit-box {
      height: 2.5rem;
      margin-left: 0
  }

  .mx-header-modal .modal_content .header-search-form .header-submit-box i {
      position: static
  }

  .mx-header-modal .modal_content .header-search-form .header-submit-box::after {
      content: "検索"
  }
}

.mx-header-modal .modal_content .footer-wrapper {
  padding: 15px 0 !important
}

.mx-header-modal .modal_content .footer-wrapper .footer-linklist {
  width: 100% !important
}

.mx-header-modal .modal_content .footer-wrapper .footer-linklist .footer-main-list a {
  width: 49%;
  margin-right: 0;
  font-size: 1rem;
  font-weight: initial;
  margin-bottom: .5rem
}

.mx-header-modal .modal_content .footer-wrapper .footer-linklist .footer-main-list a i {
  font-size: 19px !important;
  margin-right: 10px !important
}

.mx-header-modal .modal_content .footer-wrapper .footer-linklist .sns-list a {
  width: auto;
  margin-right: .5rem
}

.mx-header-modal .modal_content .footer-wrapper .footer-linklist .footer-sub-list a {
  width: 32%;
  margin-right: 0;
  font-size: .833rem;
  margin-bottom: 1rem
}

@media screen and (max-width: 630px) {
  .mx-header-modal .modal_content .footer-wrapper .footer-linklist .footer-main-list {
      margin-bottom:.8rem
  }

  .mx-header-modal .modal_content .footer-wrapper .footer-linklist .footer-main-list a {
      width: 100%;
      font-size: .9rem
  }

  .mx-header-modal .modal_content .footer-wrapper .footer-linklist .sns-list a {
      width: auto;
      margin-right: .5rem
  }

  .mx-header-modal .modal_content .footer-wrapper .footer-linklist .footer-sub-list a {
      width: 49%;
      font-size: .75rem
  }
}

.mx-header-modal .header-search-form {
  display: flex;
  align-items: center;
  height: 35px
}

.mx-header-modal .header-search-form .select-job-type {
  width: 200px
}

.mx-header-modal .header-search-form .select-pref {
  width: 115px
}

.mx-header-modal .header-search-form .header-freeword {
  width: 280px;
  height: 30px !important;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px
}

.mx-header-modal .header-search-form .plus {
  margin: 0 10px;
  line-height: 30px;
  font-size: 16px;
  color: #df7919
}

.mx-header-modal .header-search-form .header-submit-box {
  position: relative;
  margin-left: .5rem
}

.mx-header-modal .header-search-form .header-submit-box .header-submit-btn {
  width: 60px;
  height: 30px;
  border: 0;
  background: #df7919
}

.fixed {
  height: 100%;
  position: fixed;
  width: 100%
}

@media screen and (max-width: 980px) {
  .sp-top-fixed {
      height:115px;
      position: fixed;
      visibility: visible;
      top: 0 !important;
      z-index: 1000
  }

  .sp-top-fixed~.mx-header-modal {
      z-index: 1001
  }
}

@media screen and (min-width: 980px) {
  body .pc-top-fixed {
      height:100%;
      position: fixed;
      width: 100%;
      top: 0 !important;
      visibility: visible;
      z-index: 1000;
      border-bottom: solid 1px #424242;
      display: flex !important
  }
}

.ccm-form.header-search-form .input.text input[type=text].header-freeword {
  color: #333;
  font-size: .833rem !important;
  line-height: 30px;
  height: 33.5px;
  border: none;
  border-radius: 5px;
  min-height: auto;
  margin-right: .5rem
}

@media screen and (max-width: 1050px) {
  .ccm-form.header-search-form .input.text input[type=text].header-freeword {
      font-size:.75rem !important
  }
}

.ccm-form.header-search-form .minict_wrapper {
  color: #333
}

.ccm-form.header-search-form .select-job .minict_wrapper {
  width: 10rem
}

.ccm-form.header-search-form .select-place .minict_wrapper {
  width: 6rem
}

@media screen and (max-width: 630px) {
  .ccm-form.header-search-form .select-job .minict_wrapper,.ccm-form.header-search-form .select-place .minict_wrapper {
      width:100%;
      height: 2rem
  }
}

.animate-hide-header {
  position: absolute;
  top: -100px;
  width: 100%;
  visibility: hidden;
  transition: all .3s
}

#ccm-follow-header {
  background-color: #fff;
  align-items: center;
  justify-content: space-between;
  height: 60px
}

@media screen and (max-width: 980px) {
  #ccm-follow-header {
      display:none
  }
}

#ccm-follow-header .only-sp {
  display: none
}

#ccm-follow-header .l-header__logo {
  margin: 0 1rem;
  align-items: flex-end;
  display: flex;
  font-weight: 600;
  height: 28px
}

#ccm-follow-header .l-header__logo span {
  display: inline-block;
  font-size: 16px;
  font-family: "Arial",sans-serif;
  margin-left: 3px
}

#ccm-follow-header .l-header__logo svg {
  height: 30px !important
}

#ccm-follow-header .header-follow-right {
  display: flex
}

#ccm-follow-header .header-follow-right .header-main-link {
  display: flex;
  justify-content: center;
  align-items: center
}

#ccm-follow-header .header-follow-right .header-main-link .main-link-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 1rem;
  position: relative;
  font-size: .889rem;
  align-items: center;
  max-width: fit-content
}

#ccm-follow-header .header-follow-right .header-main-link .main-link-content.active:after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: -22px;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #000
}

#ccm-follow-header .header-follow-right .header-main-link .main-link-content img {
  width: 20px;
  margin: 0 5px 0px 0
}

#ccm-follow-header .header-follow-right .header-main-link .main-link-content span {
  display: inline-block
}

#ccm-follow-header .header-follow-right .header-main-link .main-link-content:not(:last-child):before {
  content: "";
  position: absolute;
  right: 0px;
  top: 5px;
  display: inline-block;
  width: 1px;
  height: 15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
  border-radius: 2px
}

@media screen and (max-width: 1269px) {
  #ccm-follow-header .header-follow-right .header-main-link .main-link-content>div {
      width:100%
  }

  #ccm-follow-header .header-follow-right .header-main-link .main-link-content.active:after {
      bottom: -14px
  }
}

@media screen and (max-width: 1161px) {
  #ccm-follow-header .header-follow-right .header-main-link .main-link-content.active:nth-child(5):after {
      bottom:-5px
  }
}

@media screen and (max-width: 1153px) {
  #ccm-follow-header .header-follow-right .header-main-link .main-link-content.active:nth-child(4):after {
      bottom:-5px
  }
}

@media screen and (max-width: 1112px) {
  #ccm-follow-header .header-follow-right .header-main-link .main-link-content.active:nth-child(2):after {
      bottom:-5px
  }
}

@media screen and (max-width: 1106px) {
  #ccm-follow-header .header-follow-right .header-main-link .main-link-content.active:after {
      bottom:-5px
  }
}

#ccm-follow-header .header-follow-right .header-button-box {
  display: flex;
  margin: 0 5px 0 5px;
  align-items: center
}

#ccm-follow-header .header-follow-right .header-button-box .header-register-btn {
  background-color: #d83232;
  margin-right: 5px;
  color: #fff;
  height: 60px;
  text-align: center;
  border-radius: 4px;
  letter-spacing: 1px
}

#ccm-follow-header .header-follow-right .header-button-box .header-login-btn {
  background-color: #424242;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  letter-spacing: 1px
}

#ccm-follow-header .header-follow-right .header-button-box .header-register-btn,#ccm-follow-header .header-follow-right .header-button-box .header-login-btn {
  font-size: .889rem;
  height: 50px;
  padding: 0 5px;
  min-width: 75px
}

@media screen and (max-width: 768px) {
  #ccm-follow-header .header-follow-right .header-button-box .header-register-btn,#ccm-follow-header .header-follow-right .header-button-box .header-login-btn {
      min-width:50px;
      font-size: .6875rem;
      line-height: 1.1
  }
}

#ccm-follow-header .header-follow-right .header-to-mypage {
  display: flex;
  align-items: center;
  border: 2px solid #df7919;
  border-radius: 5px;
  padding: 7px 5px !important;
  height: 55px
}

#ccm-follow-header .header-follow-right .header-to-mypage .header-user-icon {
  padding: 0;
  position: relative
}

#ccm-follow-header .header-follow-right .header-to-mypage .header-user-icon .header-alert {
  color: #fff;
  background-color: #da3700;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  top: -7px;
  left: -3px;
  z-index: 1
}

#ccm-follow-header .header-follow-right .header-to-mypage .header-user-icon img {
  border-radius: 50%;
  height: 45px;
  width: 45px;
  object-fit: cover
}

#ccm-follow-header .header-follow-right .header-to-mypage .header-user-name {
  padding: 8px 0;
  margin-left: 5px;
  font-size: 14px;
  text-align: left;
  color: #df7919;
  letter-spacing: 1px
}

@media screen and (max-width: 1060px) {
  #ccm-follow-header .header-follow-right .header-to-mypage .header-user-name {
      display:none
  }
}

#ccm-follow-header .header-follow-right .header-to-mypage .medal-box {
  margin-left: 10px;
  display: flex
}

#ccm-follow-header .header-follow-right .header-to-mypage .medal-box .medal:hover:before {
  border-color: #fff
}

#ccm-follow-header .header-follow-right .header-to-mypage .medal-box .medal svg {
  height: 25px;
  width: 25px;
  margin-top: 8px
}

#ccm-follow-header .header-follow-right .header-to-mypage .medal-box .medal .none {
  fill: #eee
}

#ccm-follow-header .header-follow-right .header-to-mypage .medal-box .medal .gold {
  fill: #d69b0a
}

#ccm-follow-header .header-follow-right .header-to-mypage i {
  font-size: 20px;
  color: #df7919;
  margin-left: 5px
}

#ccm-follow-header .header-follow-right .header-user-img {
  border-radius: 50%;
  height: 60px;
  margin-right: .5em
}

#ccm-follow-header .header-follow-right .menu-box {
  text-align: center;
  height: 55px;
  padding: 13px 7px;
  margin-left: 5px;
  cursor: pointer;
  z-index: 300;
  width: 60px;
  font-size: .6875rem
}

#ccm-follow-header .header-follow-right .menu-box .three-lines {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

#ccm-follow-header .header-follow-right .menu-box .three-lines span,#ccm-follow-header .header-follow-right .menu-box .three-lines span:before,#ccm-follow-header .header-follow-right .menu-box .three-lines span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #000;
  position: absolute
}

#ccm-follow-header .header-follow-right .menu-box .three-lines span:before {
  bottom: 8px
}

#ccm-follow-header .header-follow-right .menu-box .three-lines span:after {
  top: 8px
}

#ccm-follow-header .header-follow-right .menu-box.global-menu-modal-close {
  background: #424242;
  color: #fff;
  padding: 7px;
  height: 68px;
  margin-top: 2px;
  border-radius: 0
}

@media screen and (max-width: 980px) {
  #ccm-follow-header .header-search-box .l-header__logo {
      margin:20px 0px 0 10px
  }

  #ccm-follow-header .header-search-box .l-header__logo svg {
      height: 25px !important
  }

  #ccm-follow-header .header-search-box .header-company-search {
      min-width: 0 !important
  }

  #ccm-follow-header .header-search-box .header-button-box {
      margin: 0
  }

  #ccm-follow-header .header-search-box .header-button-box .header-register-btn {
      text-align: center;
      padding: 9px 5px;
      font-size: 14px
  }

  #ccm-follow-header .header-search-box .header-button-box .header-login-btn {
      text-align: center;
      padding: 9px 5px;
      font-size: 14px
  }

  #ccm-follow-header .header-search-box .header-button-box .menu-box {
      color: #000;
      margin-left: 5px
  }

  #ccm-follow-header .header-search-box .header-button-box .menu-box.global-menu-modal-close {
      color: #fff
  }

  #ccm-follow-header .header-main-link {
      padding: 0px;
      justify-content: space-between;
      height: 55px
  }

  #ccm-follow-header .header-main-link .main-link-content {
      padding: 0 5px;
      text-align: center;
      font-size: 12px;
      width: 33.3333333333%;
      line-height: 1.1;
      position: relative
  }

  #ccm-follow-header .header-main-link .main-link-content i {
      margin-right: 0px;
      font-size: 19px
  }

  #ccm-follow-header .header-main-link .main-link-content:not(:last-child):before {
      right: 0px;
      top: 12px;
      width: 1px;
      height: 22px
  }

  #ccm-follow-header .only-pc {
      display: none !important
  }

  #ccm-follow-header .only-sp {
      display: block
  }
}

.layout_login .main-link-content {
  padding: 0 10px !important
}