/*余白調整*/
.footer {
margin-top:0px;
}

/* フッターモバイルボタン全体 */
.mobile-footer-menu-buttons .navi-menu-button {
  flex: 1;
}

/* ボタン本体を全面に広げる */
.mobile-footer-menu-buttons .menu-button-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff !important;
}

/* アイコンと文字を白 */
.mobile-footer-menu-buttons .menu-button-in i,
.mobile-footer-menu-buttons .menu-button-in span {
  color: #fff !important;
}

/* 左 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) {
  background: #D1949E;
}

/* 中央 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) {
  background: 	#E2C4A8;
}

/* 右 */
.mobile-footer-menu-buttons .navi-menu-button:nth-child(3) {
  background: 	#A6BAC7;
}

/* フッターボタン アイコン */

.footer-btn i,
.footer-btn svg {
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    margin-right: 12px;
    vertical-align: middle;
}

/* フッターの文字サイズのみ */
.mobile-footer-menu-buttons .menu-caption {
  font-size: 14px !important;
}



/* =========================================
   フッター リンクボタン
========================================= */

.footer-link-buttons {
  display: flex;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  gap: 14px;
  margin-top: 20px;
}


/* 各ボタン */
.footer-link-button {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 1;

  min-height: 58px;

  padding: 10px 45px 10px 20px;

  background: #fff;

  border: 1px solid #ddd;

  color: #333 !important;
  text-decoration: none !important;

  font-size: 16px;
  font-weight: 400;

  transition: 0.3s ease;
}


/* 矢印 */
.footer-link-arrow {
  position: absolute;

  right: 20px;
  top: 50%;

  width: 9px;
  height: 9px;

  border-top: 1.5px solid #333;
  border-right: 1.5px solid #333;

  transform:
    translateY(-50%)
    rotate(45deg);

  transition: 0.3s ease;
}


/* ホバー */
.footer-link-button:hover {
  background: #f8f8f8;
}


/* ホバー時に矢印を少し右へ */
.footer-link-button:hover .footer-link-arrow {
  right: 16px;
}


/* =========================================
   スマホ
========================================= */

@media screen and (max-width: 768px) {

  .footer-link-buttons {
    gap: 12px;
    padding: 0 20px;
  }

  .footer-link-button {
    min-height: 45px;

    padding: 8px 20px 8px 10px;

    font-size: 14px;
  }

  .footer-link-arrow {
    right: 14px;

    width: 6px;
    height: 6px;
  }

  .footer-link-button:hover .footer-link-arrow {
    right: 11px;
  }

}