/* =========================================================
   共通サイドバー（全ページ共通部品）
   Illustrator「sidebar-pc/sidebar-pc.svg」（276px幅）の実寸をそのまま再現
   各ボタンはデザインPNGから切り出した画像（2倍解像度）＋alt
   ========================================================= */

.aasb{
  width:276px;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
.aasb *{box-sizing:border-box;}
.aasb a{
  display:block;
  line-height:0;
  transition:opacity .2s;
}
.aasb a:hover{opacity:.85;}
.aasb img{
  display:block;
  width:276px;
  height:auto;
}
/* ブロックの間隔（デザイン実測 約5px） */
.aasb a + a{margin-top:5px;}
/* 「よくある質問」の前だけ少し広い */
.aasb .aasb__faq{margin-top:10px;}

/* スマホでは出さない（フッターの中に入るため・全ページ共通ルール） */
@media (max-width:768px){
  .aasb{display:none;}
}