@charset "utf-8"; 
:root{--color:#46a9f4}
.banner-text{position: absolute;top: 0;left: 0;height: 100%;display: flex;justify-content: center;align-items: center;width: 50%;padding-left: 10%;}
.banner-text h4{font-size: 3em;color: #fff;font-weight: 600;text-shadow: 2px 1px 2px #000;margin-bottom: 40px;}
@media (max-width:1366px) {.banner-text h4{font-size: 32px;}}
@media (max-width:1200px) {.banner-text{padding-left: 6%;}}
@media (max-width:1024px) {.banner-text h4{font-size: 26px;}}
@media (max-width:768px) {.banner-text h4{font-size: 22px;}}
@media (max-width:500px) {.banner-text h4{font-size: 18px;margin-bottom: 0;}}
@media (min-width:1025px){.page-main{width:calc(100% - 320px);}}
@media (min-width:1281px){.page-main{width:calc(100% - 380px);}}
@media (min-width:1025px){.head-info{padding-bottom:80px;}
.head-nav{bottom:2px;}}