@charset "UTF-8";
/*--------------------------------------------------
変数定義
--------------------------------------------------*/
/*--------------------------------------------------
map型(key: value)でブレークポイントを定義する。
--------------------------------------------------*/
/*---------------------
リンク
-----------------------*/
/*------------------
リンクブロック
------------------*/
.link_block {
  width: 100%;
}
.link_block .link_item {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 20px;
  background-color: #FBFBFB;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  font-weight: 600;
  top: 0px;
  left: 0px;
  transition: ease 0.3s;
}
.link_block .link_item::after {
  position: absolute;
  content: "";
  bottom: 2px;
  right: 2px;
  border-top: 20px solid transparent;
  border-right: 20px solid #0EB998;
}
@media (hover: hover) and (pointer: fine) {
  .link_block .link_item:hover {
    background-color: #F6F6F6;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    top: 1px;
    left: 1px;
  }
}
@media (hover: none) {
  .link_block .link_item:active {
    background-color: #F6F6F6;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    top: 1px;
    left: 1px;
  }
}