main a[class*="button"]:not([class*="faq"]) {
  transition-duration: 0.3s !important;
}

main a[class*="btn"]:not([class*="faq"]) {
  transition-duration: 0.3s !important;
}

main a[class*="cta"]:not([class*="faq"]) {
  transition-duration: 0.3s !important;
}

main a[class*="consult"]:not([class*="faq"]):not([class*="corporate"]) {
  transition-duration: 0.3s !important;
}

main button[class]:not([class*="faq"]):not(.uc-step-form__back) {
  transition-duration: 0.3s !important;
}

main input[type="submit"] {
  transition-duration: 0.3s !important;
}

main input[type="button"] {
  transition-duration: 0.3s !important;
}

main [role="button"]:not([class*="faq"]):not(.uc-front-review-card):not(.uc-reason-voice) {
  transition-duration: 0.3s !important;
}

main .uc-front-review-slider__button {
  transition-property: transform, opacity !important;
  transition-duration: 0.3s !important;
}

footer.uc-footer a {
  transition-property: opacity !important;
  transition-duration: 0.3s !important;
}

footer.uc-footer a:focus-visible {
  opacity: 0.7 !important;
  transform: none !important;
}

main a[class*="consult"][class*="corporate"] {
  transition-property: opacity !important;
  transition-duration: 0.3s !important;
}

.uc-step-form-page .uc-step-form__back {
  transition-property: opacity !important;
  transition-duration: 0.3s !important;
}

main .uc-interview-agent__button {
  transition-duration: 0.3s !important;
}

main .uc-front-hero__service-button--job::after {
  transition: transform 0.3s ease;
}

main .uc-front-hero__service-button--student::after {
  transition: transform 0.3s ease;
}

main .uc-front-flow__button--job::after {
  transition: transform 0.3s ease;
}

main .uc-front-flow__button--student::after {
  transition: transform 0.3s ease;
}

main .uc-front-voice__service-button--job::after {
  transition: transform 0.3s ease;
}

main .uc-front-voice__service-button--student::after {
  transition: transform 0.3s ease;
}

main .uc-front-job-service__cta-button::after {
  transition: transform 0.3s ease;
}

main .uc-front-student-service__cta-button::after {
  transition: transform 0.3s ease;
}

main .uc-front-story__job-button::after {
  transition: transform 0.3s ease;
}

main .uc-front-story__student-button::after {
  transition: transform 0.3s ease;
}

main .uc-front .uc-front-interview-card__link::before {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  main a[class*="button"]:not([class*="faq"]):hover {
    transform: scale(1.03) !important;
  }

  main a[class*="btn"]:not([class*="faq"]):hover {
    transform: scale(1.03) !important;
  }

  main a[class*="cta"]:not([class*="faq"]):hover {
    transform: scale(1.03) !important;
  }

  main a[class*="consult"]:not([class*="faq"]):not([class*="corporate"]):hover {
    transform: scale(1.03) !important;
  }

  main button[class]:not([class*="faq"]):not(.uc-step-form__back):not(:disabled):not(.swiper-button-disabled):not([class*="offer-card__trigger"]):hover {
    transform: scale(1.03) !important;
  }

  main input[type="submit"]:not(:disabled):hover {
    transform: scale(1.03) !important;
  }

  main input[type="button"]:not(:disabled):hover {
    transform: scale(1.03) !important;
  }

  main [role="button"]:not([class*="faq"]):not(.uc-front-review-card):not(.uc-reason-voice):not([aria-disabled="true"]):hover {
    transform: scale(1.03) !important;
  }

  main a[class*="consult"][class*="corporate"]:hover {
    opacity: 0.7;
    transform: none !important;
  }

  .uc-step-form-page .uc-step-form__back:hover {
    opacity: 0.7;
    transform: translateY(-50%) !important;
  }

  main .uc-interview-agent__button:hover {
    transform: scale(1.03) !important;
  }

  main .uc-front-hero__service-button--job:hover {
    transform: none !important;
  }

  main .uc-front-hero__service-button--job:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-hero__service-button--student:hover {
    transform: none !important;
  }

  main .uc-front-hero__service-button--student:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-flow__button--job:hover {
    transform: none !important;
  }

  main .uc-front-flow__button--job:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-flow__button--student:hover {
    transform: none !important;
  }

  main .uc-front-flow__button--student:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-voice__service-button--job:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-voice__service-button--job:hover {
    transform: none !important;
  }

  main .uc-front-voice__service-button--student:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-voice__service-button--student:hover {
    transform: none !important;
  }

  main .uc-front-job-service__cta-button:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-job-service__cta-button:hover {
    transform: none !important;
  }

  main .uc-front-student-service__cta-button:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-student-service__cta-button:hover {
    transform: none !important;
  }

  main .uc-front-story__job-button:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-story__job-button:hover {
    transform: none !important;
  }

  main .uc-front-story__student-button:hover::after {
    transform: translate(6px, -50%);
  }

  main .uc-front-story__student-button:hover {
    transform: none !important;
  }

  main .uc-front .uc-front-interview-card__link:hover::before {
    transform: translateX(6px);
  }

  #uc-interview-job-change .uc-interview-category__tab:hover {
    transform: none !important;
  }

  #uc-interview-single.uc-interview-single--job-change .uc-interview-category__tab:hover {
    opacity: 0.7;
    transform: none !important;
  }

  #uc-interview-single.uc-interview-single--job-change .uc-interview-category__tab.is-active:hover {
    opacity: 1;
  }

  .uc-header--corporate .uc-header__corporate-button {
    transition: transform 0.3s ease;
  }

  .uc-header--corporate .uc-header__corporate-button:hover {
    opacity: 1;
    transform: scale(1.03);
  }

  .uc-header--corporate .uc-header__corporate-button:focus-visible {
    opacity: 1;
    transform: scale(1.03);
  }

  #uc-interview-job-change .uc-interview-category__chip:hover {
    transform: none !important;
  }

  main .uc-job-cases .uc-job-slider-button:not(.swiper-button-disabled):hover {
    opacity: 0.7;
    transform: none !important;
  }

  main .uc-job-cases .uc-job-slider-button--prev:not(.swiper-button-disabled):hover {
    opacity: 0.7;
    transform: rotate(180deg) !important;
  }

  footer.uc-footer a:hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

}

@media (hover: hover) and (max-width: 767px) {
  main .uc-recspt-price__cta:hover {
    transform: translateX(-50%) scale(1.03) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  main a[class*="button"]:not([class*="faq"]) {
    transition-duration: 0.01ms !important;
  }

  main a[class*="btn"]:not([class*="faq"]) {
    transition-duration: 0.01ms !important;
  }

  main a[class*="cta"]:not([class*="faq"]) {
    transition-duration: 0.01ms !important;
  }

  main a[class*="consult"]:not([class*="faq"]):not([class*="corporate"]) {
    transition-duration: 0.01ms !important;
  }

  main button[class]:not([class*="faq"]):not(.uc-step-form__back) {
    transition-duration: 0.01ms !important;
  }

  main input[type="submit"] {
    transition-duration: 0.01ms !important;
  }

  main input[type="button"] {
    transition-duration: 0.01ms !important;
  }

  main [role="button"]:not([class*="faq"]):not(.uc-front-review-card):not(.uc-reason-voice) {
    transition-duration: 0.01ms !important;
  }

  main .uc-front-review-slider__button {
    transition-duration: 0.01ms !important;
  }

  footer.uc-footer a {
    transition-duration: 0.01ms !important;
  }

  main a[class*="consult"][class*="corporate"] {
    transition-duration: 0.01ms !important;
  }

  .uc-step-form-page .uc-step-form__back {
    transition-duration: 0.01ms !important;
  }

  main .uc-interview-agent__button {
    transition-duration: 0.01ms !important;
  }
}

/* 左矢印は通常時とhover時で180度の向きを維持する。 */
#uc-job-change .uc-job-slider-button--prev {
  transform: rotate(180deg);
}

@media (hover: hover) {
  #uc-job-change .uc-job-cases .uc-job-slider-button:not(.swiper-button-disabled):hover {
    opacity: 0.7;
    transform: none !important;
  }

  #uc-job-change .uc-job-cases .uc-job-slider-button--prev:not(.swiper-button-disabled):hover {
    opacity: 0.7;
    transform: rotate(180deg) !important;
  }
}

/* トップの青・緑サービスCTAだけは、共通の拡大演出を適用しない。 */
@media (hover: hover) {
  #uc-front-page .uc-front-hero__service-button--job:hover {
    transform: none !important;
  }

  #uc-front-page .uc-front-hero__service-button--student:hover {
    transform: none !important;
  }
}

/* 転職TOPの青CTA。 */
#uc-job-change .uc-job-button--blue {
  transition: background-color 0.3s ease !important;
}

#uc-job-change .uc-job-button--blue::after {
  transition: transform 0.3s ease;
}

#uc-job-change .uc-front-story__button {
  transition: background-color 0.3s ease !important;
}

#uc-job-change .uc-front-story__button::after {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  #uc-job-change .uc-job-button--blue:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-job-change .uc-job-button--blue:hover::after {
    transform: translateX(6px);
  }

  #uc-job-change .uc-job-media__button:hover::after {
    transform: translateX(3px);
  }

  #uc-job-change .uc-job-reasons__action .uc-job-button--blue:hover::after {
    transform: translateX(3px);
  }

  #uc-job-change .uc-front-story__button:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-job-change .uc-front-story__button:hover::after {
    transform: translate(6px, -50%);
  }
}

/* 新卒TOPの緑CTA。 */
#uc-new-graduate .uc-ng-button--green {
  transition: background-color 0.3s ease !important;
}

#uc-new-graduate .uc-ng-button--green::after {
  transition: transform 0.3s ease;
}

#uc-new-graduate .uc-front-story__button,
#uc-ng-thanks .uc-front-story__button,
#uc-ebook-thanks .uc-front-story__button {
  transition: background-color 0.3s ease !important;
}

#uc-new-graduate .uc-front-story__button::after,
#uc-ng-thanks .uc-front-story__button::after,
#uc-ebook-thanks .uc-front-story__button::after {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  #uc-new-graduate .uc-ng-button--green:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-new-graduate .uc-ng-button--green:hover::after {
    transform: translate(6px, -50%);
  }

  #uc-new-graduate .uc-ng-ebook__body .uc-ng-button--green:hover::after {
    transform: translate(3px, -50%);
  }

  #uc-new-graduate .uc-front-story__button:hover,
  #uc-ng-thanks .uc-front-story__button:hover,
  #uc-ebook-thanks .uc-front-story__button:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-new-graduate .uc-front-story__button:hover::after,
  #uc-ng-thanks .uc-front-story__button:hover::after,
  #uc-ebook-thanks .uc-front-story__button:hover::after {
    transform: translate(6px, -50%);
  }
}

#uc-job-change .uc-job-cases .uc-job-slider-button:not(.swiper-button-disabled):focus-visible {
  opacity: 0.7;
  transform: none !important;
}

#uc-job-change .uc-job-cases .uc-job-slider-button--prev:not(.swiper-button-disabled):focus-visible {
  opacity: 0.7;
  transform: rotate(180deg) !important;
}

#uc-job-change .uc-job-cases .uc-job-slider-button--prev.swiper-button-disabled:hover,
#uc-job-change .uc-job-cases .uc-job-slider-button--prev.swiper-button-disabled:focus-visible {
  opacity: 0.3;
  transform: rotate(180deg) !important;
}

@property --uc-header-content-scale {
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}

@media (min-width: 768px) {
  .uc-header.uc-header--standard.uc-header--jobseeker {
    transform-origin: top center;
    transition:
      top 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      min-height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      border-radius 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .uc-header.uc-header--standard.uc-header--jobseeker.is-scroll-compact {
    top: 0;
    width: 100%;
    height: var(--uc-header-compact-height, auto);
    min-height: var(--uc-header-compact-height, 0);
    border-radius: 0;
    transform: translateX(-50%);
  }

  .uc-header.uc-header--standard.uc-header--corporate {
    transform-origin: top left;
    transition:
      top 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      left 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      min-height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      border-radius 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .uc-header.uc-header--standard.uc-header--corporate.is-scroll-compact {
    top: 0;
    left: 0;
    width: var(--uc-header-compact-width, 100%);
    height: var(--uc-header-compact-height, auto);
    min-height: var(--uc-header-compact-height, 0);
    border-radius: 0;
    transform: none;
  }

  .uc-header.uc-header--standard.uc-header--jobseeker .uc-header__inner {
    --uc-header-content-scale: 1;
    transform-origin: top left;
    width: calc(100% / var(--uc-header-content-scale));
    transform: scale(var(--uc-header-content-scale));
    transition: --uc-header-content-scale 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .uc-header.uc-header--standard.uc-header--jobseeker.is-scroll-compact .uc-header__inner {
    --uc-header-content-scale: 0.92;
  }

  .uc-header.uc-header--standard.uc-header--corporate .uc-header__inner {
    --uc-header-content-scale: 1;
    transform-origin: top left;
    width: calc(100% / var(--uc-header-content-scale));
    transform: scale(var(--uc-header-content-scale));
    transition: --uc-header-content-scale 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .uc-header.uc-header--standard.uc-header--corporate.is-scroll-compact .uc-header__inner {
    --uc-header-content-scale: 0.92;
  }

  .uc-header.uc-header--standard.is-scroll-transitioning {
    overflow: clip;
  }

  .uc-header.uc-header--standard.is-interview-category-jump {
    transition: none;
  }

  .uc-header.uc-header--standard.is-interview-category-jump .uc-header__inner {
    transition: none;
  }

  .uc-header.uc-header--standard.is-ebook-category-jump {
    transition: none;
  }

  .uc-header.uc-header--standard.is-ebook-category-jump .uc-header__inner {
    transition: none;
  }

}

/* トップページ内の青・緑CTAは、背景色を変えながら矢印だけを移動する。 */
#uc-front-page .uc-front-hero__service-button--job {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-hero__service-button--student {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-voice__service-button--job {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-voice__service-button--student {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-job-service__cta-button {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-student-service__cta-button {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-story__job-button {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-story__student-button {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-flow__button--job {
  transition: background-color 0.3s ease !important;
}

#uc-front-page .uc-front-flow__button--student {
  transition: background-color 0.3s ease !important;
}

@media (hover: hover) {
  #uc-front-page .uc-front-hero__service-button--job:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-front-page .uc-front-hero__service-button--student:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-front-page .uc-front-voice__service-button--job:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-front-page .uc-front-voice__service-button--student:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-front-page .uc-front-job-service__cta-button:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-front-page .uc-front-student-service__cta-button:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-front-page .uc-front-story__job-button:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-front-page .uc-front-story__student-button:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-front-page .uc-front-flow__button--job:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-front-page .uc-front-flow__button--student:hover {
    background-color: #09a980;
    transform: none !important;
  }
}

/* 法人総合TOPの青・緑サービスボタン。 */
#uc-recspt .uc-service-card__btn {
  transition: background-color 0.3s ease !important;
}

#uc-recspt .uc-service-card__btn-icon {
  transition: transform 0.3s ease;
}

#uc-recspt .uc-service-cta-card__btn {
  transition: background-color 0.3s ease !important;
}

#uc-recspt .uc-service-cta-card__btn-icon {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  #uc-recspt .uc-service-card__btn:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-recspt .uc-service-card__btn:hover .uc-service-card__btn-icon {
    transform: translate(6px, -50%);
  }

  #uc-recspt .uc-service-card--2 .uc-service-card__btn:hover {
    background-color: #09a980;
    transform: none !important;
  }

  #uc-recspt .uc-service-cta-card__btn:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  #uc-recspt .uc-service-cta-card__btn:hover .uc-service-cta-card__btn-icon {
    transform: translate(6px, -50%);
  }

  #uc-recspt .uc-service-cta-card--2 .uc-service-cta-card__btn:hover {
    background-color: #09a980;
    transform: none !important;
  }
}

/* 一般向けページのヘッダーにある転職・就活ボタン。 */
.uc-header--jobseeker .uc-header__service-link--job-change {
  transition: background-color 0.3s ease !important;
}

.uc-header--jobseeker .uc-header__service-link--job-change::after {
  transition: transform 0.3s ease;
}

.uc-header--jobseeker .uc-header__service-link--new-graduate {
  transition: background-color 0.3s ease !important;
}

.uc-header--jobseeker .uc-header__service-link--new-graduate::after {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  .uc-header--jobseeker .uc-header__service-link--job-change:hover {
    background-color: #2187d0;
    transform: none !important;
  }

  .uc-header--jobseeker .uc-header__service-link--job-change:hover::after {
    transform: translate(6px, -50%);
  }

  .uc-header--jobseeker .uc-header__service-link--new-graduate:hover {
    background-color: #09a980;
    transform: none !important;
  }

  .uc-header--jobseeker .uc-header__service-link--new-graduate:hover::after {
    transform: translate(6px, -50%);
  }
}

/* 共通フッターの転職・就活ボタン。 */
.uc-footer .uc-footer__service-link--job-change {
  transition: background-color 0.3s ease !important;
}

.uc-footer .uc-footer__service-link--job-change::after {
  transition: transform 0.3s ease;
}

.uc-footer .uc-footer__service-link--new-graduate {
  transition: background-color 0.3s ease !important;
}

.uc-footer .uc-footer__service-link--new-graduate::after {
  transition: transform 0.3s ease;
}

@media (hover: hover) {
  .uc-footer .uc-footer__service-link--job-change:hover {
    background-color: #2187d0;
    opacity: 1 !important;
    transform: none !important;
  }

  .uc-footer .uc-footer__service-link--job-change:hover::after {
    transform: translate(6px, -50%);
  }

  .uc-footer .uc-footer__service-link--new-graduate:hover {
    background-color: #09a980;
    opacity: 1 !important;
    transform: none !important;
  }

  .uc-footer .uc-footer__service-link--new-graduate:hover::after {
    transform: translate(6px, -50%);
  }
}

/* インタビュー・口コミ・関連アドバイザースライダーの前後ボタン。 */
main .uc-front-interview-slider__button {
  transition: opacity 0.3s ease !important;
}

main .uc-ca-profile-related__arrow {
  transition: opacity 0.3s ease !important;
}

main .uc-front-review-slider__button {
  transition: opacity 0.3s ease !important;
}

@media (hover: hover) {
  main .uc-front-interview-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  main .uc-ca-profile-related__arrow:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-front-page button.uc-front-interview-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-job-change button.uc-front-interview-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-new-graduate button.uc-front-interview-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover,
  #uc-ng-thanks button.uc-front-interview-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover,
  #uc-ebook-thanks button.uc-front-interview-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-ca-profile button.uc-ca-profile-related__arrow:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-ca-profile-new-graduate button.uc-ca-profile-related__arrow:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-front-page button.uc-front-review-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-job-change button.uc-front-review-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }

  #uc-new-graduate button.uc-front-review-slider__button:not(.swiper-button-disabled):not([aria-disabled="true"]):hover {
    opacity: 0.7 !important;
    transform: none !important;
  }
}