@charset "utf-8";
.nav ul li:nth-child(4) a::after {opacity: 1;}

.register {display: flex; flex-wrap: wrap; gap: 3rem; max-width: 1480px; margin: 5rem auto; padding: 0 1.5rem; -webkit-tap-highlight-color: transparent; }
.register dl {flex: calc(50% - 1.5rem) 0 0; display: flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; gap: 0.5rem; background-color: #eeeff1; border-radius: 0.5rem; margin: 0}
.register dt span {display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; background-color: #191f22; color: #fff; font-weight: 600; font-size: 1.875rem; border-radius: 0.5rem 0 0.5rem 0;}
.register dd {display: flex; flex-wrap: wrap; gap: 1rem 1.75rem; padding: 1.5rem; margin: 0;}
.register a {font-size: 1rem; font-weight: 360; white-space: nowrap;}
.register a:hover {background: linear-gradient(#EAC97B, #EAC97B) 0 95% / 100% 0.375rem no-repeat;}

@media screen and (max-width: 980px) {
.register {max-width: 760px;}
.register dl {flex: 100% 0 0;}
}