.home-hero{display:block;padding-top:1.06rem;position:relative}@media screen and (max-width:768px){.home-hero{padding-top:.7rem}}.home-hero .media-frame{aspect-ratio:1360/620;border-radius:.35rem;overflow:clip;position:relative;width:100%}@media screen and (max-width:768px){.home-hero .media-frame{aspect-ratio:unset;min-height:620px}}:is(.home-hero .media-frame) .media{height:100%;left:0;position:absolute;top:0;width:100%}.mobile-image:is(:is(.home-hero .media-frame) .media){display:none}@media screen and (max-width:768px){:is(.home-hero .media-frame) .media{aspect-ratio:370/620;display:none}.mobile-image:is(:is(.home-hero .media-frame) .media){display:block}}.home-hero .media-frame{align-items:center;display:flex;padding:.6rem}@media screen and (max-width:768px){.home-hero .media-frame{flex-direction:column;justify-content:stretch;padding:.56rem .16rem}}.home-hero .content{margin:0 auto;max-width:7.1rem;text-align:center;width:100%}@media screen and (max-width:768px){.home-hero .content{display:flex;flex-direction:column;flex-grow:1;gap:.4rem;height:100%;justify-content:space-between}}:is(.home-hero .content) .title{color:var(--color-peach);margin-bottom:.32rem}:is(.home-hero .content) .text{color:var(--color-peach);margin-bottom:.32rem}.home-hero .button-frame{align-items:center;display:flex;gap:.32rem;justify-content:center}@media screen and (max-width:768px){.home-hero .button-frame{flex-direction:column;gap:.14rem}}.home-hero .bottom-part{align-items:center;display:flex;justify-content:center;padding:.24rem 0;width:100%}@media screen and (max-width:800px){.home-hero .bottom-part{justify-content:flex-start;overflow-x:scroll}:is(.home-hero .bottom-part)::-webkit-scrollbar{height:5px}:is(.home-hero .bottom-part)::-webkit-scrollbar-track{background:var(--color-dark-beige);border-radius:10px}:is(.home-hero .bottom-part)::-webkit-scrollbar-thumb{background:var(--color-rust);border-radius:10px}}:is(.home-hero .bottom-part) .inner-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.24rem;justify-content:center;width:fit-content}@media screen and (max-width:800px){:is(.home-hero .bottom-part) .inner-wrap{flex-wrap:nowrap;justify-content:flex-start;white-space:nowrap}}:is(.home-hero .bottom-part) .text{color:var(--color-rust)}:is(.home-hero .bottom-part) svg{display:block;height:auto;width:.12rem}