@media screen and (max-width:640px){.pc{display:none}}.l-header{position:absolute;top:2rem;left:0;width:100%}.l-header .container{display:flex;justify-content:space-between;align-items:flex-start}.l-header .container h1{width:13.5rem}@media screen and (max-width:1200px){.l-header .container h1{width:10rem}}.l-header .container .nav{display:flex;align-items:center;gap:2rem;color:#fff}.l-header .container .nav a:last-child{background-color:#e81a4b;padding:1.5rem 2rem;border-radius:3rem;font-weight:bold}.main{background-image:url("../img/main-bg.jpg");background-position:center;background-size:cover}.main .main-text{max-width:68rem;padding:15rem 0;display:block;margin:0 auto}@media screen and (max-width:1000px){.main .main-text{max-width:50rem}}@media screen and (max-width:640px){.main .main-text{width:100%;padding:18rem 0 12rem}}.screens{padding:12rem 0 8rem}@media screen and (max-width:640px){.screens{padding:4rem 0 3rem}}@media screen and (min-width:641px){.screens .screen-list{display:flex;gap:6rem}}@media screen and (max-width:1200px){.screens .screen-list{gap:4rem}}@media screen and (max-width:1000px){.screens .screen-list{gap:3rem}}.screens .screen-list .screen-item{position:relative;border-radius:2.5rem;box-shadow:0px 13px 16px 0px rgba(0, 0, 0, 0.35)}@media screen and (max-width:640px){.screens .screen-list .screen-item{width:24rem;margin:4rem 2rem 2rem}}.screens .screen-list .screen-item .screen-item-img{vertical-align:bottom}.screens .screen-list .screen-item .screen-num{width:10rem;position:absolute;left:4rem;top:0;transform:translateY(-50%);border-radius:20%;box-shadow:0px 15px 15px 0px rgba(0, 0, 0, 0.75)}@media screen and (max-width:1200px){.screens .screen-list .screen-item .screen-num{width:8rem;left:3rem}}@media screen and (max-width:1000px){.screens .screen-list .screen-item .screen-num{width:6rem;left:2rem}}.cta{background-image:url("../img/cta-bg.jpg");background-position:center;background-size:cover}.cta .container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0;gap:1.5rem}.cta .container .cta-text{width:100%;max-width:55rem}@media screen and (max-width:1000px){.cta .container .cta-text{max-width:36rem}}.cta .container .logo{width:15.5rem}@media screen and (max-width:1000px){.cta .container .logo{width:10rem}}.l-footer{background-color:#104149;padding:4rem;color:#fff}.l-footer .container{display:flex;justify-content:space-between}@media screen and (max-width:640px){.l-footer .container{flex-direction:column;gap:1rem;align-items:center}}.l-footer .container .nav{display:flex;gap:2rem}