
/* お申込みボタンをFVから常時表示 */
.sp-bottom-cv-wrap {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}


.mv-info-target .target-list {
  grid-template-columns: 1fr;
}


/* ==========================================
   Q&Aセクション 上部余白・イラスト調整
========================================== */

/* 前セクションとの間に余白を確保 */
.qa-section {
  padding-top: 100px;
}

/* 右側イラスト */
.qa-person-right {
  width: 200px;
  top: -80px;
  right: 6%;
  bottom: auto;
  z-index: 1;
}

.qa-person-right img {
  width: 100%;
  height: auto;
}

/* ==========================================
   Q&A右イラスト：スマホ調整
========================================== */
@media screen and (max-width: 767px) {
  .qa-person-right {
    width: 120px;
    right: 15px;
  }

  .qa-person-right img {
    width: 100%;
    height: auto;
  }
}




/* 企業名のアンダーラインを削除 */
.company-name {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* 企業名横のアイコンを削除 */
.company-name .icon-external {
  display: none !important;
}

/* 疑似要素でアンダーラインが設定されている場合も削除 */
.company-name::before,
.company-name::after {
  display: none !important;
}






/* ========================================
   モーダル企業名
======================================== */

.modal-company-name {
  display: inline-block;
  margin: 0;
}

.modal-company-name a {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* 外部リンクアイコン */
.modal-company-name .icon-external {
  display: inline-block !important;
  width: 14px;
  height: 14px;
  flex-shrink: 0;

  /* company-nameで使っていたアイコンのCSSをここへ移植 */
}





@media screen and (max-width: 768px) {
  .mv-deco-left,
  .mv-deco-right {
    transform: scale(0.7);
  }

  .mv-deco-left {
    transform-origin: left bottom;
  }

  .mv-deco-right {
    transform-origin: right bottom;
  }
}

@media screen and (max-width: 768px) {
  .mv-section {
    padding-bottom: 30px;
    margin-bottom: 0;
  }

  .intro-section {
    padding-top: 30px;
  }
}


.btn-cv-sp:active {
  transform: scale(0.98);
}





.sp-br {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-br {
    display: block;
  }
}

