.top{margin:0 auto;display:flex;flex-direction:column}.top header{background:#df8f4d;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;z-index:1}.top header .container{max-width:1900px;height:unset}@media((max-width:800px) and (min-aspect-ratio:1)){.top header .container{padding:0 .2rem}.top header .container img.logo{height:4rem}}@media((max-width:600px) and (min-aspect-ratio:1)){.top header .container img.logo{height:3rem}}.top header .catchcopy{width:100vw;text-align:center;padding:.2rem 0 .5rem;background:#df8f4d;color:#fff;font-weight:500;font-size:2rem}@media((max-width:800px) and (min-aspect-ratio:1)){.top header .catchcopy{font-size:1.4rem}}@media((max-width:600px) and (min-aspect-ratio:1)){.top header .catchcopy{font-size:1rem}}.top header .avatar .avatarImage{width:5rem;height:5rem}@media((max-width:800px) and (min-aspect-ratio:1)){.top header .avatar .avatarImage{width:4rem;height:4rem}}@media((max-width:800px) and (max-aspect-ratio:1)){.top header .catchcopy{display:none}}@media(max-width:600px){.top header{padding:.5rem}.top header .avatar .avatarImage{width:4rem;height:4rem}}@media(max-width:600px)and (min-aspect-ratio:1){.top header{padding:0}.top header .avatar .avatarImage{width:3rem;height:3rem}}.top .catchcopyMobile{display:none}@media((max-width:800px) and (max-aspect-ratio:1)){.top .catchcopyMobile{display:block;width:100vw;text-align:center;padding:.2rem 0 .5rem;background:#df8f4d;color:#fff;font-weight:500;font-size:2rem;border-top:1px solid #fff;z-index:11}}@media(max-width:600px){.top .catchcopyMobile{font-size:1.5rem}}.top .topBox{position:relative;width:100%;max-width:1850px;margin:0 auto;overflow:hidden;flex:1}.top .topBox ::-webkit-scrollbar{display:none}.top .topBox .topImageBox{margin-left:calc(50% - 925px);position:absolute;width:100%}@media(max-width:1600px){.top .topBox .topImageBox{margin-left:calc(50vw - 48rem)}}@media(max-width:700px){.top .topBox .topImageBox{position:fixed;top:-1rem;margin-left:calc(50vw - 25rem)}}@media(max-aspect-ratio:1)and (max-width:700px){.top .topBox .topImageBox{top:5rem;margin-left:calc(50vw - 33rem)}}@media(max-aspect-ratio:1)and (max-width:600px){.top .topBox .topImageBox{margin-left:calc(50vw - 25rem)}}@media(max-aspect-ratio:1)and (max-width:500px){.top .topBox .topImageBox{margin-left:calc(50vw - 17rem)}}.top .topBox .topImageBox .topImage{max-width:clamp(1000px,80vw,1350px)}@media(min-width:1150px){.top .topBox .topImageBox .topImage{transform:unset!important}}@media(max-width:800px){.top .topBox .topImageBox .topImage{object-fit:contain;height:100%;max-width:140%}}@media(max-width:800px)and (min-aspect-ratio:1){.top .topBox .topImageBox .topImage{max-width:min(230vh,130vw)}}.top .topBox .buttonScrollBox{margin:0 1rem 0 auto}@media(max-width:700px){.top .topBox .buttonScrollBox{margin:0 auto}}.top .topBox .buttonBox{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:6rem 2rem 10rem auto;height:30rem;border-radius:2rem;padding:2rem;width:25rem;min-width:25rem}@media(max-width:700px){.top .topBox .buttonBox{margin:10rem auto}}.top .topBox .buttonBox button{height:3.5rem;border-radius:3rem;font-size:1.5rem;font-weight:500;background:#ffe789;padding:2rem 3rem;border:6px solid #fff}.top .topBox .buttonBox button:hover{background:#fad02c}.top .topBox .buttonBox button svg{width:2.5rem;height:2.5rem}.top .topBox .buttonBox svg.pin{width:3rem;height:3rem}.top .topBox .loginBox{background:rgba(255,252,240,.8);margin:2rem 2rem 2rem auto;backdrop-filter:blur(4px)}@media(max-width:700px){.top .topBox .loginBox{background:hsla(0,0%,100%,.8);margin:10rem auto 8rem}}@media(max-aspect-ratio:1)and (max-width:700px){.top .topBox .loginBox{margin-top:20rem;margin-bottom:4rem}}.top .topBox .buttonBox,.top .topBox .loginBox{z-index:1;position:relative}.top .topBox .buttonBox .emailLogin,.top .topBox .loginBox .emailLogin{background:none}.top footer{z-index:1}@media(max-width:800px){.top.logined{min-height:100vh}}@media(max-aspect-ratio:1)and (max-width:800px){.top.logined{min-height:min(160vw,100vh)}}@media(max-width:800px){.top.logined .topImageBox{margin-left:calc(50vw - 35rem);top:-2rem}}@media(max-width:700px){.top.logined .topImageBox{margin-left:calc(50vw - 55%);top:2rem}}@media(max-aspect-ratio:1){.top.logined .topImageBox{margin-left:calc(50vw - 55%)}}@media(max-aspect-ratio:1)and (max-width:700px){.top.logined .topImageBox{top:unset}}@media(max-width:800px)and (min-aspect-ratio:1){.top.logined .topImageBox .topImage{max-width:min(200vh,110vw)}}@media(max-aspect-ratio:1){.top.logined .topImageBox .topImage{max-width:110vw}}@media(max-width:800px){.top.logined .topBox .buttonBox{margin:0 2rem 0 auto;height:25rem}}@media(max-width:700px){.top.logined .topBox .buttonBox{margin:0 auto;height:22rem;font-size:1.3rem}}@media(max-aspect-ratio:1)and (max-width:800px){.top.logined .topBox .buttonBox{position:absolute;bottom:0;left:0;right:0;margin:0 auto}}