.hand {
max-width: 958px;
margin: 0 auto;
padding: 17px;
text-align: center;
box-sizing: border-box;
}

.hand h1 {
margin: 28px 0 45px;
font-size: 34px;
letter-spacing: 2.38px;
}

.hand p {
margin: 0 0 35px;
font-size: 13px;
line-height: 2.4;
}

.hand .lead {
margin: 0 0 65px;
}

.hand .link01 {
padding: 55px 0 0;
}

.hand .link01 a {
display: inline-block;
padding: 25px 46px;
color: #fff;
font-size: 21px;
font-weight: 600;
line-height: 1.5;
letter-spacing: 0.2em;
border-radius: 3px;
background: #222;
}

.hand .link02 {
margin: 0 0 52px;
padding: 0;
}

.hand .link02 a {
display: inline-block;
padding: 16px 34px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.2em;
border: 2px solid #222;
border-radius: 3px;
}

.hand .link02 a:hover {
color: #fff;
background: #222;
opacity: 1;
}




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


.hand {
max-width: inherit;
width: 87.5%;
margin: 0 auto;
padding: 0;
text-align: center;
box-sizing: border-box;
}

.hand h1 {
margin: 24% 0 18.5%;
font-size: 32px;
line-height: 1.2em;
letter-spacing: 0.065px;
}

.hand p {
margin: 0 0 15%;
font-size: 13px;
line-height: 1.5;
}

.hand .lead {
margin: 0 0 27%;
}

.hand .link01 {
margin: 0 0 12.5%;
padding: 20% 0 0;
}

.hand .link01 a {
padding: 21px 34px;
font-size: 15px;
letter-spacing: 3px;
}

.hand .link02 {
margin: 0;
padding: 0 0 24%;
}

.hand .link02 a {
padding: 21px 34px;
}


}