a.button {
	display: block;
	width: 400px;
	padding: 0.3em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid #EC407A;
	border-radius: 1000px;
	transition: .4s;
	background-color: #EC407A;
}
a.button:hover {
	color: #fff;
	background-color: #0099CC;
	border: 2px solid #0099CC;
}



.button-1 {
  display: inline-block;
  padding: 0.2em 3em;
  font-size: 1.3em;
  color: #fff;
  text-decoration: none;
  user-select: none;
  border: 1px #FF6600 solid;
  border-radius: 10px;
  transition: 0.4s ease;
  background: #FF6600;
}

.button-1:hover {
	color: #fff;
	background-color: #f00;
}


/* ボタン共通設定 */
.btn{
  font-size: 1.3em;
/*矢印の基点とするためrelativeを指定*/
position: relative;
/*ボタンの形状*/
text-decoration: none;
display: inline-block;
background:#FF6600;
color:#fff;
padding: 5px 140px 5px 130px;
border-radius:5px;
text-align: center;
outline: none;
/*アニメーションの指定*/
transition: ease .2s;
}

.btn:hover{
background-color: #f00;
color:#fff;
}


/* 矢印が右に移動 */
.btnarrow1::after{
content: '';
/*絶対配置で矢印の位置を決める*/
position: absolute;
top:42%;
right: 23px;
/*矢印の形状*/
width: 15px;
height: 15px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
right: 11px;
}


i {margin-right: 3px;}
.fa-external-link{color:#03C;}
.fa-file-excel{color:#096;}
.fa-file-pdf{color:#C00;}
.fa-file-powerpoint{color:#F60;}
.fa-youtube{color:#CD201F;}
.fa-file-word{color:#003399;}