.hero { position: relative; background-color: #01010a; color: #fff; }
.hero_slider, .hero_slide { height: 850px; }
.hero_slide { position: relative; overflow: hidden; }
.hero_slide_body { position: absolute; top: 50%; left: 50%; width: 75%; font-family: 'PT Sans', sans-serif; font-size: 40px; font-weight: 700; line-height: 62px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hero_move { position: absolute; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hero_move_next { right: 50px; }
.hero_move_previous { left: 50px; }
.hero_nav { position: absolute; bottom: 100px; left: 50%; height: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.hero_nav li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 5px; width: 25px; overflow: hidden; background: transparent none; border: 1px solid rgba(255, 255, 255, .5); margin-right: 10px; text-indent: -25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.hero_nav .slick-active { background-color: #30f6ff; border-color: #30f6ff; }

@media screen and (max-width: 1024px) {
 .hero_slide_body { font-size: 38px; line-height: 52px; }
}

@media screen and (max-width: 900px) {
 .hero_slide_body { width: 60%; font-size: 33px; line-height: 48px; }
 .hero_slide_body br, .hero_slide_body .br { display: none; }
 .hero_nav { bottom: 100px; }
}

@media screen and (max-width: 768px) {
 .hero_slider, .hero_slide { height: 700px; height: calc(100vh - 100px); }
 .hero_move img { width: 60px; }
 .hero_move_next { right: 20px; }
 .hero_move_previous { left: 20px; }
 .hero_nav { bottom: 70px; }
}

@media screen and (max-width: 600px) {
 .hero_slide_body { font-size: 30px; line-height: 43px; }
 .hero_nav { bottom: 50px; }
}

@media screen and (max-width: 480px) {
 .hero_slide_body { width: 70%; font-size: 23px; line-height: 33px; }
 .hero_move img { width: 50px; }
 .hero_move_next { right: 10px; }
 .hero_move_previous { left: 10px; }
 .hero_nav { bottom: 30px; }
}

.modal { position: fixed; top: 50%; left: 50%; display: none; width: 90vw; max-width: 450px; max-height: 85vh; z-index: 20; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.modal2 { position: fixed; top: 50%; left: 15%; display: none; width: 90vw; max-width: 450px; max-height: 85vh; z-index: 20; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.modal_open { display: block; }
.modal_medium { max-width: 360px; }
.modal_large { max-width: 540px; }
.modal button { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; }
.modal svg { vertical-align: top; }
.modal_layer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px; box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px; border: 1px solid hsl(192deg 14% 93%); }
.modal_title { color: #070d3c; letter-spacing: -0.02em; line-height: 1.4em; font-size: 18px; font-weight: 700; }
.modal_content { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 40px 20px 20px; overflow-y: auto; letter-spacing: -0.01em; line-height: 1.6em; font-size: 14px; text-align: center; word-break: break-word; word-break: keep-all; word-spacing: .05em; }
.modal_content p { margin: 1em 0; }
.modal_controls { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 16px; padding: 20px; background-color: #f4f5f7; border: 1px solid #e2e3e5; }
.modal_action { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; padding: 8px 4px; font-size: 14px; background-color: white; border: 1px solid #e2e3e5; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; -webkit-transition-property: background-color, border-color, color; -o-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; }
.modal_action:focus, .modal_action:hover { border-color: #aaa; }
.modal_close { position: absolute; top: 24px; right: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 5px; background: transparent none; border: 0; color: hsl(192deg 5% 30%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s; }
.modal_close:focus, .modal_close:hover { opacity: .6; }
.modal_alert { border: 4px solid hsl(0deg 57% 48%); }
.modal_alert .modal_symbol { display: table; margin: 0 auto 16px; padding: 8px; border-radius: 100%; background-color: hsl(0deg 60% 54% / 5%); color: hsl(0deg 60% 54%); }
.modal_alert .modal_dismiss { background-color: hsl(0deg 60% 54%); border-color: hsl(0deg 60% 54%); color: white; }
.modal_alert .modal_dismiss:focus, .modal_alert .modal_dismiss:hover { background-color: hsl(0deg 57% 48%); border-color: hsl(0deg 57% 48%); }

@media (max-width: 640px) {
 .modal_title { font-size: 16px; }
 .modal_content { font-size: 13px; }
}