.home-screen{position:relative;margin-top:100px}.home-screen section{scroll-margin-top:100px}.home-screen .scroll-to-top-button-box{position:fixed;bottom:0;right:20px;transform:translateY(-50%);z-index:1000}.home-screen .scroll-to-top-button-box .button{width:56px;height:56px;margin:0;border-radius:200px;background-color:#01121d;color:#fff;transition:all .3s}.home-screen .scroll-to-top-button-box .button img{width:22px;height:auto}.home-screen .scroll-to-top-button-box .button:hover{cursor:pointer;transform:scale(0.9, 0.9)}.home-screen .hello{position:relative;padding:60px 0 110px 0;background-color:#fff;text-align:center}.home-screen .hello .title{position:absolute;top:42%;left:30%}.home-screen .hello .title-box{margin-bottom:52px}.home-screen .hello .scroll-box{position:absolute;left:50%;bottom:0;display:flex;justify-content:center;align-items:flex-end}.home-screen .concept{padding:60px 0 60px 10%;color:#000}.home-screen .concept .top-title{margin-bottom:260px}.home-screen .concept .top-title .title{width:-moz-fit-content;width:fit-content;margin-bottom:60px}.home-screen .concept .top-title .title img{background-color:#fff}.home-screen .concept .top-title .sub-title{width:-moz-fit-content;width:fit-content}.home-screen .concept .top-title .sub-title img{background-color:#fff}.home-screen .concept .content{width:-moz-fit-content;width:fit-content}.home-screen .concept .content .detail{color:#455157;line-height:36px;background-color:#fff;letter-spacing:4px}.home-screen .concept-image{display:flex;justify-content:flex-end;position:absolute;right:0;z-index:-1}.home-screen .concept-image img{max-width:90%}.home-screen .about{background-image:url(/assets/about_bg-89b363faf815f5ce96ad75d2b7cb8ce9935516d73f066067d18caedc410a9e98.png);background-size:cover;padding:220px 0 0 0;color:#fff;height:-moz-fit-content;height:fit-content;scroll-margin-top:-120px}.home-screen .about .top-title{width:-moz-fit-content;width:fit-content;padding:0 10%}.home-screen .about .top-title .title{display:flex;justify-content:center}.home-screen .about .top-title .decorator1{margin:30px 0}.home-screen .about .top-title .decorator1 img{max-width:calc(100vw / 5)}.home-screen .about .content{display:flex;flex-wrap:wrap}.home-screen .about .content .left-column{display:flex;align-items:flex-end;margin-top:30px}.home-screen .about .content .left-column img{max-width:calc(100vw / 4.5)}.home-screen .about .content .right-column{flex:1;padding-left:15%}.home-screen .about .content .right-column .item-row{display:flex;flex-wrap:wrap;margin:16px 0}.home-screen .about .content .right-column .item-row .item-title{width:250px}.home-screen .about .content .right-column .item-row .item-content{width:-moz-fit-content;width:fit-content;line-height:38px}.home-screen .works{padding:100px 0;text-align:center}.home-screen .works .content{margin-top:80px;padding:0 10%}.home-screen .works .content .overview{display:inline-block;margin-bottom:50px;border:1px solid #01121d;border-left:30px solid #01121d;text-align:left}.home-screen .works .content .overview p{margin-bottom:0;padding:5px 32px;text-align:center}.home-screen .works .content .detail p{padding:20px 0;border-bottom:1px solid #01121d}.home-screen .works .content .detail p:first-child{border-top:1px solid #01121d}.home-screen .service .service-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;height:calc(100vh - 100px);background-image:url(/assets/service_bg-6d56fe1b39ce236ef39f22edccd93ac8a43e425f607a4f55f603a56cad9362cb.png);background-size:cover}.home-screen .service .service-inner .title{margin-bottom:80px}.home-screen .service .service-inner .content .item-row{width:100%;display:flex;flex-wrap:wrap;margin-bottom:60px}.home-screen .service .service-inner .content .item-row .item-title{width:280px}.home-screen .policy{display:flex;flex-wrap:wrap;justify-content:space-between;padding:100px 0 100px 0;background-color:#01121d;color:#fff}.home-screen .policy .left-column{flex:1;display:flex;flex-direction:column;align-items:center;align-self:center}.home-screen .policy .left-column .top-title{display:flex;flex-direction:column;align-items:flex-end}.home-screen .policy .left-column .top-title .title{padding-right:50px}.home-screen .policy .left-column .content{width:-moz-fit-content;width:fit-content;text-align:right}.home-screen .policy .left-column .content p{line-height:68px}.home-screen .policy .left-column .content .policy-maker{margin-top:80px;margin-bottom:0}.home-screen .policy .right-column{display:flex;justify-content:flex-end}@media screen and (min-device-width: 768px) and (max-device-width: 1024px){.home-screen .hello .title{left:18%}.home-screen .about .top-title .decorator1 img{max-width:calc(100vw / 2.5)}.home-screen .about .content .right-column .item-row .item-title{width:100%}.home-screen .about .content .left-column img{max-width:calc(100vw / 2.5)}.home-screen .policy .right-column img{max-width:80%}.home-screen .concept-image img{max-width:70%}}@media (max-width: 767px){.home-screen section{scroll-margin-top:100px}.home-screen .hello{padding:60px 0 0 0}.home-screen .hello .title{left:8%}.home-screen .hello .scroll-box{position:static;display:flex;justify-content:center;align-items:flex-end}.home-screen .concept{padding:60px 0 60px 10%}.home-screen .concept .top-title .title img{max-width:70%}.home-screen .concept .top-title .sub-title img{max-width:80%}.home-screen .concept .content .lead{width:calc(100vw / 1.7)}.home-screen .about{scroll-margin-top:100px;padding:60px 0 0 0}.home-screen .about .top-title .decorator1 img{max-width:100%}.home-screen .about .content .right-column{order:1;padding-left:10%}.home-screen .about .content .right-column .item-row .item-title{width:100%}.home-screen .about .content .left-column{order:2}.home-screen .about .content .left-column img{max-width:80%}.home-screen .works .content{padding:0}.home-screen .works .content .overview p{padding:5px}.home-screen .service .service-inner{width:auto;max-height:100%}.home-screen .service .service-inner .content .item-row{margin-bottom:40px;text-align:center}.home-screen .service .service-inner .content .item-row .item-title,.home-screen .service .service-inner .content .item-row .item-content{width:100%}.home-screen .policy .left-column{padding:100px 0 0 0}.home-screen .policy .left-column .content{text-align:left}.home-screen .policy .right-column img{max-width:80%}.concept-image img{max-width:100%}}
