@charset "utf-8";
 .support {
margin: 160px 0 120px;
}
.support h1 {
font-size: 40px;
font-size: 4rem;
text-align: center;
}
.support h1 span {
display: block;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
.support p {
margin: 20px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
}
.support__wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
width: 94%;
max-width: 960px;
margin: 60px auto;
}
.support__box {
width: 100%;
max-width: 210px;
padding: 20px;
box-shadow: 0px 0px 20px 2px #B9B9B9;
}
.support__box h3 {
margin-top: 20px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
@media only screen and (max-width:640px) {
.support h2 {
font-size: 32px;
font-size: 3.2rem;
}
.support__wrap {
gap: 80px;
}
.support__box {
max-width: 100%;
}
} .support__contact {
padding: 80px 3%;
background-color: #E1E1E1;
}
.support__contact p {
text-align: center;
font-size: 16px;
font-size: 1.6rem;
}
.support__contact a {
margin: 40px auto;
}
@media only screen and (max-width:640px) {}