.hero-section{position:relative;display:flex;align-items:center}.hero-section .box{background:linear-gradient(130deg, rgba(0, 0, 0, 0.8), transparent);max-width:740px;padding:2rem}.hero-section:after{content:"";inset:0;position:absolute;z-index:6;background-image:linear-gradient(75deg, rgba(0, 0, 0, 0.2), transparent)}.hero-section img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(min-width: 768px){.hero-section{height:480px}}.main-section .lower{display:grid;gap:2rem}.main-section .upper{max-width:840px}.main-section .content{padding:1.5rem;background:#fff;box-shadow:5px 5px 30px 0 rgba(17,17,17,.1);display:flex;justify-content:center;flex-direction:column}@media(min-width: 768px){.main-section .lower{gap:0}.main-section picture{order:1}.main-section img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.main-section .content{padding:2rem 3rem;order:2}.main-section .service{display:grid;grid-template-columns:1fr 1fr}.main-section .service:nth-child(even) picture{order:3}}