@charset "utf-8";
/* CSS Document */

/*mainコンテンツのh2(実績)タグ設定*/
#support h2 {
	clear: both;
	margin: 10px 20px 20px 20px;	/*上下、左右への余白*/
	font-size: 160%;	/*文字サイズ*/
	color: #1f2c5c;		/*文字色*/
    text-align: center;
    border-bottom: 1px solid #999999;	/*枠線の幅、線種、色*/
}
.supportlist {
    margin-left: 4%
}
.supportlist li {
    float: left;
    width: 30%;
    margin: 20px 3% 0px 0px;
    line-height: 3em;
    font-size: 12px;
}

.supportlist li :before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left : 0.5em; /*左端からのアイコンまでの距離*/
  padding-right: 0.5em;
  padding-left: 1em;
  content: "\f35d";
}

.supportlist li.nolink {
    border: 1px solid #1f2c5c;
    border-radius: 10px;
    text-indent: 2.5em;
}

.supportlist li a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%
    background: transparent;
    color: #1f2c5c !important;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    background: -webkit-linear-gradient(180deg, rgba(49,105,209,0.8), rgba(132, 179, 252, 0.8), rgba(205, 200, 252, 0), rgba(205, 200, 252, 0));
    background: -webkit-linear-gradient(right, rgba(49,105,209,0.8), rgba(132, 179, 252, 0.8), rgba(205, 200, 252, 0), rgba(205, 200, 252, 0));
    background: linear-gradient(270deg, rgba(49,105,209,0.8), rgba(132, 179, 252, 0.8), rgba(205, 200, 252, 0), rgba(205, 200, 252, 0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border: none;
    border: 1px solid #1f2c5c;
    border-radius: 10px;
}

.supportlist li a:hover {
    background-position: 99% 50%;
    color: #fff !important;
    border: 1px solid rgba(205, 200, 252, 0);
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

  .supportlist li {
      width: 46%;
      font-size: 14px;
  }

}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){



}


/*画面幅767px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

  .supportlist li {
      width: 98%;
      font-size: 16px;
  }

}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){




}