.flex_top-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: center;
flex-direction: row;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
width: 100%;
height: auto;
}
span.top {
text-decoration: none;
vertical-align: 0%;
font-size: 100%;
font-weight: 600;
text-align: center;
letter-spacing: 2px;
color: #fff;
text-align: center;
line-height: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
}

.flex_input-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
margin: 0% 10% 5.5% 10%;
padding: 0% 0% 0% 0%;
background-attachment: fixed;
width: 80%;
height: auto;
background-color: #fff;
}
.flex_input-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
text-align: center;
transition: all 500ms;
border-radius: 1px;
border: solid 2px #000;
background: #048100;
}
span.input {
text-decoration: none;
vertical-align: 0%;
font-size: 85%;
font-weight: 600;
letter-spacing: 4px;
color: #fff;
line-height: 100%;
transition: all 500ms;
}

@media(max-width: 1024px){
.flex_input-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
margin: 0% 2.5% 6.5% 2.5%;
padding: 0% 0% 0% 0%;
background-attachment: fixed;
width: 95%;
height: auto;
background-color: #fff;
}
.flex_input-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
text-align: center;
transition: all 500ms;
border-radius: 1px;
border: solid 2px #000;
background: #048100;
}
span.input {
text-decoration: none;
vertical-align: 0%;
font-size: 85%;
font-weight: 600;
letter-spacing: 4px;
color: #fff;
line-height: 100%;
transition: all 500ms;
}
}

@media(max-width: 768px){
span.top {
text-decoration: none;
vertical-align: 0%;
font-size: 120%;
font-weight: 600;
text-align: center;
letter-spacing: 2px;
color: #fff;
text-align: center;
line-height: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
}

.flex_input-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
margin: -1% 2.5% 7.5% 2.5%;
padding: 0% 0% 0% 0%;
background-attachment: fixed;
width: 95%;
height: auto;
background-color: #fff;
}
.flex_input-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
text-align: center;
transition: all 500ms;
border-radius: 1px;
border: solid 2px #000;
background: #048100;
}
span.input {
text-decoration: none;
vertical-align: 0%;
font-size: 85%;
font-weight: 600;
letter-spacing: 4px;
color: #fff;
line-height: 100%;
transition: all 500ms;
}
}

@media(max-width: 624px){
span.top {
text-decoration: none;
vertical-align: 0%;
font-size: 100%;
font-weight: 600;
text-align: center;
letter-spacing: 2px;
color: #fff;
text-align: center;
line-height: 160%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
}

.flex_input-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
margin: -6% 2.5% 10.0% 2.5%;
padding: 0% 0% 0% 0%;
background-attachment: fixed;
width: 95%;
height: auto;
background-color: #fff;
}
.flex_input-item {
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
text-align: center;
transition: all 500ms;
border-radius: 1px;
border: solid 2px #000;
background: #048100;
}
span.input {
text-decoration: none;
vertical-align: 0%;
font-size: 85%;
font-weight: 600;
letter-spacing: 4px;
color: #fff;
line-height: 100%;
transition: all 500ms;
}
}

@media only screen and (max-width: 624px) {
.pcOnlyTop {
display: none;
}
}

@media only screen and (min-width: 624px) {
.spOnlyTop {
display: none;
}
}

p.top {
text-decoration: none;
vertical-align: 0%;
font-size: 185%;
font-weight: 600;
text-align: center;
letter-spacing: 2px;
color: #000;
line-height: 120%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
transition: all 500ms;
}