@charset "UTF-8";
/*
 * 追加・上書き用スタイル
 * 既存の style.css / scss は編集せず、変更はこのファイルに記述する
 */
@media screen and (min-width: 1024px) {
  body header .header_wrap .menu_wrap .nav_main {
    width: 80%;
  }
}

/* 右側固定バナー：奨学金制度リンク */
body div#rc_rightArea a.btn_rightside_scholarship {
  padding: 12px 8px;
  text-indent: 0;
  text-align: center;
  background-image: linear-gradient(
    90deg,
    #f7b7c8 0%,
    #f6d39a 55%,
    #f8e6b0 100%
  );
  color: #486ca0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-decoration: none;
  transition:
    background-color 0.3s,
    color 0.3s;
}

body div#rc_rightArea a.btn_rightside_scholarship i {
  margin-right: 0.5em;
  font-size: 1.2em;
  vertical-align: -0.05em;
}

body div#rc_rightArea a.btn_rightside_scholarship:hover {
  background: #486ca0;
  color: #fff;
}

/* スマホ固定メニュー：奨学金制度リンク */
#footerFloatingMenu a.btn_scholarship_sp {
  display: block;
  margin: 0 0 0.5rem;
  padding: 8px;
  border: 2px solid #486ca0;
  background-image: linear-gradient(
    90deg,
    #f7b7c8 0%,
    #f6d39a 55%,
    #f8e6b0 100%
  );
  color: #486ca0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

#footerFloatingMenu a.btn_scholarship_sp i {
  margin-right: 0.5em;
  font-size: 1.2em;
  vertical-align: -0.05em;
}

/* 固定メニューが1段増えた分、フッター下部の余白を広げる */
@media screen and (max-width: 480px) {
  body footer {
    padding-bottom: 210px;
  }
}