/*================================================================

    追加CSS記述用

================================================================*/
/*
 * 
 * 既存のCSS（特にminifyされたもの）に追加・上書きする用のファイル。
 * ページ個別CSSとの詳細度の関係について要注意！
 * 既存パーツのバリエーションを作る際は、
 * モディファイアを使ったマルチクラスセレクタ推奨（.block.-modifier など）。
 * !importantは極力使用しないこと。
 * 
 */

/* ↓コピペ用区切り↓ */
/*------------------------------------------------------------
    ページ名
------------------------------------------------------------*/
/* セクション名
----------------------------------------------*/
/* ↑コピペ用区切り↑ */

/*------------------------------------------------------------
    トップ
------------------------------------------------------------*/

/* タブランキングボタン
----------------------------------------------*/
.top-ranking .top-ranking-btn {
  display: flex;
  justify-content: center;
  margin-right: -21px;
}

@media screen and (max-width: 767px) {
  .top-ranking .top-ranking-btn {
    margin-right: initial;
  }
}

.top-ranking .top-ranking-btn .btn {
  min-width: 250px;
  width: 250px;
}

/* 重要なお知らせ（スライドバナー下）
----------------------------------------------*/
.important-info.-inMain {
  width: 100%;
  margin-top: 37px;
  padding: 20px 40px;
  border: solid 1px #c20a0a;
  background: none;
}
.important-info.-inMain .important-info-content {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .important-info.-inMain {
  padding: 18px 18px;
  }
}
.important-info.-inMain .important-info-title {
  margin-bottom: 10px;
  color: #c20a0a;
  font-size: 17px;
}

@media screen and (max-width: 767px) {
.important-info.-inMain .important-info-title {
    font-size: 13px;
  }
}
.important-info.-inMain .important-info-item:not(:first-child) {
    border-top: none;
}
.important-info.-inMain a > .important-info-description {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .important-info.-inMain .important-info-inner {
    padding: 0;
  }
}
/* 法人トップ　SPのみ　RANKING  PICK UP　右ズレ修正(※全体トップと同じcss使用のため）
----------------------------------------------*/
@media screen and (max-width: 767px) {
    .biz .section-header {
        margin: 0;
    }
    .biz .top-ranking .section-header svg {
      width: 160px;
    }
    .biz .top-section .section-header svg {
    height: 33px;
}
}