/* メイン */
.banner{
background-color: rgba(0,218,252,0.5);
width: 90%;
padding: 30px 5%;
margin: 100px auto 20px auto;
color: #000;
}
.case{
background-color: #fff;
padding: 10px;
}
.glay{
background-color: #ccc;
padding: 5px;
}
.blue{
background-color: #2663BD;
padding: 5px 10px;
margin-right: 10px;
color: #FFF;
}
.workImg{
width: 108px;
height: 73px;
}
.button{
 text-align: center;
 margin: 50px 0;
}
.button a{
 position: relative;
 background-color: #5ee9ff;
 display: inline-block;
 padding: 20px 60px;
 text-align: center;
 border: 3px solid #000;
 color: #000;
 font-weight: bold;
 font-size: 1.3rem;
 transition: all .2s;
 }
.button a:after {
  position: absolute;
  content: "";
  top: 23px;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
 }
@media only screen and (min-width:500px) and (max-width:960px){
.workImg{
width: 162px;
height: 109px;
}
.banner{
width: 80%;
padding: 30px;
}}
@media only screen and (min-width:961px){
.workImg{
width: 217px;
height: 147px;
}

.banner{
width: 70%;
padding: 30px;
}
}