.top-page_background-wrapper{background:radial-gradient(circle 525px at 60% -50%,#f5f2fe,#f5f2fe00),radial-gradient(circle 525px at 75% 50%,#78d1fd,#78d1fd00),radial-gradient(circle 525px at 90% 80%,#53eafd,#53eafd00),linear-gradient(180deg,#4018de,#4018de80);z-index:0}.top-page_background-image{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.top-page_main-title{font-size:56px;font-weight:900;letter-spacing:2.24px;color:#fff;margin:16px 0 8px}.top-page_sub-title{font-size:18px;color:#fff;max-width:min(50%,600px)}.top-page_main-contents{padding:99px 0 63px;margin-left:min(9vw,130px)}.sub-contents_button-title{font-size:14px;color:#37474f;margin-bottom:8px}.top-page_button-wrapper{background-color:#fff;width:100%;display:flex;align-items:center;gap:48px;padding:32px 0 40px clamp(50px,9.2vw,130px);border-radius:32px 0 0 32px}.top-page_sub-contents{display:flex;padding-bottom:48px}.sub-contents_text{font-size:12px;color:#fff;align-self:flex-end;margin-left:16px;text-shadow:0px 4px 16px rgba(0,0,0,.48)}@media screen and (max-width:1140px){.top-page_button-wrapper,.top-page_button-wrapper--triangle{display:none}.sub-contents_text{margin-left:min(9vw,130px)}}@media screen and (max-width:750px){.top-page_main-title{font-size:36px;letter-spacing:1.44px}.top-page_sub-contents{padding-bottom:12px}.top-page_sub-title{font-size:14px}.top-page_button-wrapper{display:none}.sub-contents_text{font-size:10px;width:100%;margin-left:0;padding-bottom:12px}.top-page_main-contents{padding:32px 0 124px;margin-left:16px}.top-page_background-image{height:584px}.top-page_sub-title{width:148px}.top-page_background-image{background-repeat:no-repeat;background-size:cover;background-position:center bottom;padding-left:24px;width:100%;height:auto}.top-page_main-logo svg{max-width:120px}}.yellow-green-color{background-color:#b6de18;border-color:#b6de18;color:#263238}.yellow-green-color svg{fill:#263238}.yellow-green-color:hover{color:#b6de18}.yellow-green-color:hover svg{fill:#b6de18}.top-page_button-wrapper--triangle,.top-page_button-wrapper--triangle:before,.top-page_button-wrapper--triangle:after{min-width:115.5px;height:115.5px;background:#fff;z-index:1}.top-page_button-wrapper--triangle:before,.top-page_button-wrapper--triangle:after{content:"";position:absolute}.top-page_button-wrapper--triangle{position:relative;border-top-left-radius:48px;transform:rotate(30deg) skewY(30deg) scaleX(.86666);bottom:-17.8px;right:57px}.top-page_button-wrapper--triangle:before{border-top-right-radius:48px;transform:skew(-45deg) translate(50%)}.top-page_button-wrapper--triangle:after{border-bottom-left-radius:48px;transform:skewY(-45deg) translateY(50%)}.sub-contents_company-button,.sub-contents_indivisual-button{z-index:3;text-align:center}.sub-contents_button--indivisual .cta-button{min-width:312px}
/*# sourceMappingURL=/cdn/shop/t/34/assets/astoness-hero-top-page.css.map */