html {
  box-sizing: border-box;
  font-size: 62.5%;
}

.section_gnav .btn,
.section_gnav a.btn,
.section_gnav button.btn {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.8rem 0.1rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #000;
  border-radius: 0.4rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1199px) {
  .section_gnav .btn,
.section_gnav a.btn,
.section_gnav button.btn {
    font-size: 1.15rem;
  }
}
@media (max-width: 767px) {
  .section_gnav .btn,
.section_gnav a.btn,
.section_gnav button.btn {
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  .section_gnav .btn,
.section_gnav a.btn,
.section_gnav button.btn {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
}
.section_gnav a.btn-y {
  color: #000;
  background-color: #f1f1f1;
  border-bottom: 4px solid #fff264;
  border-right: 3px solid #fff264;
}
.section_gnav a.btn-y:hover {
  margin-top: 3px;
  color: #000;
  background: #f1f1f1;
  border-bottom: 1px solid #fff264;
  border-right: 1px solid #fff264;
}
@media (max-width: 1199px) {
  .section_gnav a.btn-y {
    border-bottom: 3px solid #fff264;
    border-right: 2px solid #fff264;
  }
}
.section_gnav a.btn-s {
  color: #000;
  background-color: #f1f1f1;
  border-bottom: 4px solid #9fc4eb;
  border-right: 3px solid #9fc4eb;
}
.section_gnav a.btn-s:hover {
  margin-top: 3px;
  color: #000;
  background: #f1f1f1;
  border-bottom: 1px solid #9fc4eb;
  border-right: 1px solid #9fc4eb;
}
@media (max-width: 1199px) {
  .section_gnav a.btn-s {
    border-bottom: 3px solid #9fc4eb;
    border-right: 2px solid #9fc4eb;
  }
}
.section_gnav a.btn-ck {
  color: #000;
  background-color: #f1f1f1;
  border-bottom: 4px solid #8a1d4b;
  border-right: 3px solid #8a1d4b;
}
.section_gnav a.btn-ck:hover {
  margin-top: 3px;
  color: #000;
  background: #f1f1f1;
  border-bottom: 1px solid #8a1d4b;
  border-right: 1px solid #8a1d4b;
}
@media (max-width: 1199px) {
  .section_gnav a.btn-ck {
    border-bottom: 3px solid #8a1d4b;
    border-right: 2px solid #8a1d4b;
  }
}
.section_gnav a.btn-g {
  color: #000;
  background-color: #f1f1f1;
  border-bottom: 4px solid #499857;
  border-right: 3px solid #499857;
}
.section_gnav a.btn-g:hover {
  margin-top: 3px;
  color: #000;
  background: #f1f1f1;
  border-bottom: 1px solid #499857;
  border-right: 1px solid #499857;
}
@media (max-width: 1199px) {
  .section_gnav a.btn-g {
    border-bottom: 3px solid #499857;
    border-right: 2px solid #499857;
  }
}
.section_gnav a.btn-t {
  color: #000;
  background-color: #f1f1f1;
  border-bottom: 4px solid #e78296;
  border-right: 3px solid #e78296;
}
.section_gnav a.btn-t:hover {
  margin-top: 3px;
  color: #000;
  background: #f1f1f1;
  border-bottom: 1px solid #e78296;
  border-right: 1px solid #e78296;
}
@media (max-width: 1199px) {
  .section_gnav a.btn-t {
    border-bottom: 3px solid #e78296;
    border-right: 2px solid #e78296;
  }
}
.section_gnav a.btn-r {
  color: #000;
  background-color: #f1f1f1;
  border-bottom: 4px solid #decad3;
  border-right: 3px solid #decad3;
}
.section_gnav a.btn-r:hover {
  margin-top: 3px;
  color: #000;
  background: #f1f1f1;
  border-bottom: 1px solid #decad3;
  border-right: 1px solid #decad3;
}
@media (max-width: 1199px) {
  .section_gnav a.btn-r {
    border-bottom: 3px solid #decad3;
    border-right: 2px solid #decad3;
  }
}
.section_gnav .btns {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}
@media (max-width: 1199px) {
  .section_gnav .btns {
    gap: 10px;
  }
}
.section_gnav .btns a {
  width: calc(16.6666666667% - 15px);
}
@media (max-width: 1199px) {
  .section_gnav .btns a {
    flex: 1 1 calc(16.6666666667% - 10px);
  }
}
@media (max-width: 767px) {
  .section_gnav .btns a {
    flex: 1 1 calc(50% - 10px);
  }
}