@charset 'utf-8';

/*
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

スマホとPC共通のパーツ群

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*リンクボタン*/


/*角丸、背景水色のリンクボタン*/

.link_btn {
  position: relative;
  display: inline-block;
  margin: 10px 0 10px 0;
  padding: 8px 25px 8px 45px;
  background-color: #bbe4ee;
  border-radius: 9999px;
  font-size: 1.8rem;
  font-weight: bold;
}

.link_btn::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  left: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ffffff;
}

.link_btn::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  left: 15px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #2eadcc;
  border-right: 2px solid #2eadcc;
  transform: rotate(45deg);
}


a.link_btn {
  color: #2e499a;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

a.link_btn:hover {
  transform: translate(4px, 0);
}

a.link_btn:link,a.link_btn:visited {
  color: #2e499a;
}






#gggg{
position: fixed;
top: 10px;
left: 10px;
width: 300px;
z-index: 100;
background-color:#b1d131;
border:11px solid #ff3300;
}





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*リスト*/

.ul_list_table {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ul_list_table li {
  margin: 0;
  padding: 10px 0;
  display: grid;
  grid-template-columns: 8em 1fr;
  border-bottom: 1px solid #000;
}

.ul_list_table li>span {
  font-weight: bold;
}



.fade_anime55555{
height: 1px;
border:1px solid #ff3300;
overflow: hidden;
  -webkit-animation: business_area_anime 2s forwards ease;
  animation: business_area_anime 2s forwards ease;
}



@keyframes business_area_anime {


  100% {
    height: 400px;
  }
}