/* arguments inittial */
/* [ easy breakpoint ]
-------------------------------------------------*/
#top {
  text-align: center;
  background-color: transparent;
}

#top #wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 30px;
  justify-content: center;
  width: 100%;
}

@media (min-width: 768px) {
  #top #wrap {
    padding-top: 100px;
  }
}

.sub-list {
  margin-top: 148px;
}

@media (min-width: 768px) {
  .sub-list {
    display: flex;
    margin-top: 180px;
  }
}

.sub-list li {
  display: block;
  margin: auto;
  width: 350px;
  max-width: 100%;
}

.sub-list li + li {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .sub-list li + li {
    margin-top: 0;
    margin-left: 24px;
  }
}

.sub-list li a {
  display: block;
  width: 100%;
  color: var(--white, #fff);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  padding: 23px 0 22px;
  border-radius: 34.5px;
  background: #008293 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='19' viewBox='0 0 10 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.70711 9.98528C10.0976 9.59476 10.0976 8.96159 9.70711 8.57107L1.92893 0.792893C1.53841 0.402369 0.905243 0.402369 0.514719 0.792893C0.124195 1.18342 0.124194 1.81658 0.514719 2.20711L7.58579 9.27817L0.514719 16.3492C0.124194 16.7398 0.124195 17.3729 0.514719 17.7635C0.905243 18.154 1.53841 18.154 1.92893 17.7635L9.70711 9.98528Z' fill='%23B3D1D9'/%3E%3C/svg%3E") right 25px center no-repeat;
}

.top-term {
  font-size: 16px;
  line-height: 1;
  margin-top: 74px;
  transition: opacity 0.3s;
  will-change: opacity;
  cursor: pointer;
}

@media only screen and (min-width: 1025px) {
  .top-term:hover {
    opacity: 0.5;
  }
}