*{box-sizing:border-box;line-height:1.7;position:relative}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Roboto,YuGothic,"Yu Gothic Medium","Yu Gothic",sans-serif;color:#222;font-size:16px;font-weight:400;width:100%}.btn,.text-bold,strong{font-weight:700}p{margin:0}h1,h2,h3,h4{margin:0;line-height:1.3}.btn,.container,.grid img{margin:auto}img{width:auto;height:auto;max-width:100%;line-height:0;vertical-align:bottom}table{border-collapse:collapse;width:100%;border-bottom:2px solid #999;border-right:2px solid #999}table td,table th{border-top:2px solid #999;border-left:2px solid #999;padding:10px}table th{background:#0544D0;color:#fff}table td{background:#fff;color:#111}.btn,.text-white{color:#fff}input[type=email],input[type=tel],input[type=text],textarea{width:100%;font-size:20px;padding:.7em;min-height:60px;border:0;box-shadow:0 5px 15px rgba(0,0,0,.1)}.box,.btn{border-radius:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;line-height:1;transition:.3s;background:#F1BC47;height:70px;box-shadow:0 3px 5px rgba(0,0,0,.3);font-size:20px;min-width:200px;padding:10px 50px}.btn:hover{transition:.3s;transform:translateY(-2px);box-shadow:0 3px 7px rgba(0,0,0,.4)}.btn.btn-cta{background:#0544D0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-yel{color:#F1BC47}.text-200{font-size:200px}.text-100{font-size:100px}.text-50{font-size:50px}.text-30{font-size:30px}.text-20{font-size:20px}.box{background:#fff;padding:50px}.box.drop{border:3px solid #111;padding:160px 40px;box-shadow:20px 20px 0 #111}.container{width:100%;max-width:calc(1200px + 4em);padding:0 2em}.container.w-800{max-width:800px}.flex{display:flex}.grid{display:grid}.grid.grid-2{padding:0;grid-template:auto/1fr 1fr}.grid.grid-3{padding:0;grid-template:auto/1fr 1fr 1fr}.cc{justify-content:center;align-items:center}.ac{align-items:center}.gap-100{gap:100px}.gap-50{gap:50px}.gap-30{gap:30px}.gap-20{gap:20px}section{padding:150px 0;content-visibility:auto;contain-intrinsic-size:1000px}.cta::before,.flow .box::after,.flow .box::before,.hero::before{content:""}header{justify-content:space-between;align-items:center;padding:30px 30px 30px 50px;position:fixed;width:100%;top:0;z-index:5}.case .answer img,.case .question img,.cta::before,.emphasis img,.flow .box::after,.flow .box::before,.hero::before,.what{position:absolute}footer{background:#111;color:#fff;padding:100px 50px}.logo{flex:1 0 0%}.hero{background:url(../img/bg.svg) center/cover,linear-gradient(225deg,#f2be32 0,#eba32f 100%);display:flex;justify-content:center;align-items:flex-end;max-height:850px;height:90vh;padding:0}.hero::before{bottom:0;left:0;width:100%;height:240px;background:url(../img/ground1.svg) center top/cover no-repeat}.emphasis{padding:200px 50px 150px;background:url(../img/gadgets.svg) center bottom 20px/1100px no-repeat}.emphasis img.one{top:-20px;left:40px}.emphasis img.two{bottom:-30px;left:20px}.emphasis img.three{top:50px;right:-20px}.emphasis .flex{justify-content:center}.emphasis .box{max-width:400px;max-height:600px;flex:1 0 0%}.emphasis .box:nth-child(1){margin-top:100px}.emphasis .box:nth-child(2){margin-top:50px}.what{top:0;left:5vw}.reason{padding:250px 0;background:url(../img/cloud1.svg) left bottom/700px no-repeat}.case{padding:300px 0;margin-top:-120px;background:url(../img/cloud2.svg) right top/45vw no-repeat,url(../img/cloud3.svg) left bottom 600px/52vw no-repeat,url(../img/bg1.svg) center top 40px/100% no-repeat}.case .box{padding:100px 50px;max-width:500px}.case .question{justify-self:end;background:url(../img/q.svg) left 40px top 30px no-repeat,#fff}.case .question img{bottom:-30px;left:-70px}.case .answer{background:url(../img/a.svg) right 40px top 30px no-repeat,#fff}.case .answer img{bottom:-30px;right:-100px}.case h3{margin-bottom:70px}.case p{margin-top:30px}.lets{margin:-100px 0 0 auto;display:block}.flow{background:url(../img/process.svg) center/1200px no-repeat}.flow .box{box-shadow:0 5px 15px rgba(0,0,0,.1);background:rgba(255,255,255,.95)}.flow .box::before{width:40px;height:40px;border:5px solid #F1BC47;border-radius:100%;top:30px;left:-80px;background:#fff;z-index:2}.flow .box::after{width:5px;top:50px;bottom:-50px;left:-57.5px;background:#F1BC47}.cta{background:url(../img/cta.svg) center/cover,linear-gradient(225deg,#f2be32 0,#eba32f 100%)}.cta::before{bottom:0;left:0;width:100%;height:43px;background:url(../img/ground2.svg) center top/cover no-repeat}label{margin-bottom:-15px}.copy{margin-top:100px;color:#555;font-size:12px}.sp{display:none}@media (max-width:800px){.box,.btn{border-radius:20px 0}.emphasis,.reason{background-size:contain}h2 br:not(.break),h3 br:not(.break),h4 br:not(.break){display:none}.text-50{font-size:26px}.text-30{font-size:24px}.btn,.text-20{font-size:18px}.container{padding:0 5vw}.flex:not(.row){display:grid;gap:10px}.grid.grid-2,.grid.grid-3{grid-template:auto/1fr}.gap-20,.gap-30,.gap-50{gap:5vw}.emphasis .flex,.gap-100{gap:50px}.btn{height:50px;padding:10px 30px;min-width:auto}.box{padding:5vw}header{padding:20px}.logo img{height:30px}.hero{height:150vw}.hero::before{height:22vw}.hero .text-50{font-size:40px}.what{width:90vw}.sp{display:block}.emphasis{padding:150px 5vw 5vw;background-position:top 200px left -30px}.emphasis h2{margin-bottom:220px}.emphasis img.three,.emphasis img.two{top:-20px;left:40px;bottom:auto;right:auto}.emphasis .box{margin:0!important}.emphasis .box.drop{padding:160px 5vw 50px;box-shadow:10px 10px 0 #111}.reason{background-position:top left -30px;padding-bottom:0}.reason h2{margin-bottom:70px}.case{padding:180px 0;margin-top:0;background:url(../img/cloud2.svg) right top/65vw no-repeat,url(../img/cloud3.svg) left bottom 150px/90vw no-repeat,url(../img/bg1.svg) center top 70px/100% no-repeat,url(../img/bg1.svg) center bottom 70px/100% no-repeat}.case::before{content:"";position:absolute;top:300px;bottom:550px;width:100%;background:#FDF5E4}.case .box{background-size:20% 42%;padding:50px 30px 30px}.case .box p{font-size:16px}.case .question{background-position:top left 5px;margin-right:30px;justify-self:start}.case .question img{height:150px;left:-20px}.case .answer{background-position:top -10px right 10px;margin-left:30px;justify-self:end}.case .answer img{height:150px;right:-50px}.case h3{margin-bottom:50px}.flow{padding-top:60px;background-size:120vw}.flow .box{margin-left:30px;padding:30px 5vw}.flow .box::before{width:20px;height:20px;top:20px;left:-40px}.flow .box::after{top:50px;bottom:-540px;left:-27.5px}.cta .w-800{padding:0}.cta::before{height:2.1vw}}