.button {
 width: 70%;
 margin: 50px auto 30px;
 background: #ff6600;
 border-radius: 10px;
 transition: .4s;
 font-size: 1.6em;
 font-weight: bold;
 padding: 15px;
 text-decoration: none;
 color: #ffffff;
}

.button:hover {
 background: #ff9966;
}  

.chirashi_button {
 width: 70%;
 margin: 50px auto 0px;
 background: #0075c1;
 border-radius: 10px;
 transition: .4s;
 font-size: 1.6em;
 font-weight: bold;
 padding: 15px;
 text-decoration: none;
 color: #ffffff;
}

.chirashi_button:hover {
 background: #3288c0;
}

a {
text-decoration: none; 
}

@media screen and (max-width: 767px) {

.button {
 width: 85%;
 margin: 15px auto 30px;
 font-size: 1.1em;
 padding: 10px;
}
  
.chirashi_button {
 width: 85%;
 margin: 15px auto;
 font-size: 1.1em;
 padding: 10px;
}
}