body {
width: 100%;
background-color:#f7f7f7;
font-family:  "���C���I", Arial;
color:#555555;
margin-left: auto;
margin-right: auto;
}
h1 {
margin: 30px 0;
text-align: center;
word-break: keep-all;
}
.container {
margin: 0 auto 20px;
width :94%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #f7f7f7;
}
.box {
width: calc(50% - 2px);
border: solid 1px #f7f7f7;
text-align: center;
}
.box h2 {
padding: 2vh 0;
color: #fff;
text-align: center;
}

@media screen and (min-width:961px){
.container {
width :80%;
}
.box {
width: calc(20% - 2px);
}
}