.local_nav { margin: 60px 0; }
.local_nav ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and (max-width: 640px) { .local_nav ul { display: block; padding: 0 20px; } }
.local_nav ul li { width: 32%; }
@media screen and (max-width: 640px) { .local_nav ul li { width: 100%; } }
.local_nav ul li a { margin-bottom: 20px; border-radius: 5px; padding: 15px; display: block; background: #245B00; color: #fff; border: solid 1px #245B00; text-align: center; }
.local_nav ul li a:hover, .local_nav ul li a.active { background: #fff; color: #245B00; border: solid 1px #245B00; }

.header { padding: 160px 0 60px 0; text-align: center; }
@media screen and (max-width: 640px) { .header { padding: 80px 0 20px 0; } }
.header small { font-size: 20px; }
@media screen and (max-width: 640px) { .header small { font-size: 16px; } }
.header h1 { font-size: 40px; }
@media screen and (max-width: 640px) { .header h1 { font-size: 20px; } }

main { max-width: 1220px; margin: 0 auto; padding: 0 20px; }
main img { max-width: 100%; }
main p { line-height: 1.7; margin-bottom: 40px; }
@media screen and (max-width: 640px) { main p { margin-bottom: 20px; } }
main .location p { text-align: center; font-size: 20px; margin: 0; color: #245B00; font-weight: bold; }
@media screen and (max-width: 640px) { main .location p { font-size: 16px; } }
main .location ul { display: flex; justify-content: center; margin-bottom: 60px; }
@media screen and (max-width: 640px) { main .location ul { flex-wrap: wrap; margin-bottom: 20px; justify-content: space-between; } }
main .location ul li { border-radius: 5px; width: 100px; padding: 10px; border: solid 1px #245B00; color: #245B00; transition: .3s; text-align: center; cursor: pointer; margin: 20px 10px; }
@media screen and (max-width: 640px) { main .location ul li { flex-wrap: wrap; margin: 10px 0; } }
main .location ul li.is-active, main .location ul li:hover { background: #245B00; color: #fff; }
main .unit { margin-bottom: 60px; border: solid 1px #43B134; padding: 35px 40px; }
@media screen and (max-width: 640px) { main .unit { padding: 20px; margin-bottom: 40px; } }
main .unit.is-hide { display: none; }
main .unit h2 { font-size: 30px; font-weight: bold; color: #43B134; }
@media screen and (max-width: 640px) { main .unit h2 { font-size: 20px; } }
main .unit h3 { margin-top: 10px; font-size: 20px; }
@media screen and (max-width: 640px) { main .unit h3 { font-size: 16px; } }
main .unit .employment { display: inline-block; background: #245B00; color: #fff; margin: 10px 0 30px 0; padding: 5px 10px; }
main .unit table { width: 101%; margin-left: -10px; }
@media screen and (max-width: 640px) { main .unit table { margin-left: 0; } }
main .unit table tr th { border: 10px solid #fff; padding: 10px; background: #ECF7EA; color: #245B00; font-weight: bold; width: 110px; }
@media screen and (max-width: 640px) { main .unit table tr th { border: none; display: block; width: 100%; font-size: 16px; } }
main .unit table tr td { border: 10px solid #fff; padding: 10px; background: #F7F7F7; }
@media screen and (max-width: 640px) { main .unit table tr td { border: none; display: block; width: 100%; font-size: 16px; } }
main .unit .unit_btn { display: flex; justify-content: center; }
@media screen and (max-width: 640px) { main .unit .unit_btn { display: block; } }
main .unit .unit_btn a { display: block; width: 300px; padding: 15px 20px; border: solid 1px #245B00; background: #245B00; color: #fff; text-align: center; margin: 20px; transition: .3s; border-radius: 5px; }
@media screen and (max-width: 640px) { main .unit .unit_btn a { width: 100%; margin: 20px 0 0 0; } }
main .unit .unit_btn a:hover { background: #fff; color: #245B00; }
main .unit .unit_btn a:first-child { border: solid 1px #43B134; background: #43B134; color: #fff; }
main .unit .unit_btn a:first-child:hover { background: #fff; color: #43B134; }
@media screen and (max-width: 640px) { main .unit { margin-bottom: 60px; } }

/*# sourceMappingURL=com.css.map */