:root{--fz14: .875rem ;--fz16: 1rem ;--fz18: 1.125rem ;--fz20: 1.25rem ;--fz24: 1.5rem ;--fz28: 1.75rem ;--fz32: 2rem ;--fz40: 2.5rem ;--fz60: 3.75rem ;font-family:Zen Kaku Gothic New,sans-serif;line-height:1.8;font-weight:500;color:#231815;letter-spacing:.08em}body{background-image:linear-gradient(140deg,#f7fafb 28%,#c2d9e1);background-attachment:fixed;overflow-x:hidden;font-size:var(--fz18);margin:0}@media (max-width: 768px){body{font-size:var(--fz16)}}img{width:100%}p{margin:0}h1,h2,h3,h4{margin:0;line-height:1.4}ul,li,dl{padding:0;margin:0}li{list-style:none}.main{padding:0 20px;max-width:1020px;margin:auto}@media (max-width: 768px){.main{padding:0 24px}}.title{display:flex;justify-content:center;align-items:center;padding:100px 0 40px}@media (max-width: 768px){.title{padding:60px 0 40px}}.title h1{width:200px}@media (max-width: 768px){.title h1{width:160px}}.read .read-title{font-size:var(--fz60);font-weight:700;letter-spacing:.02em;line-height:1.45;margin-bottom:60px}@media (max-width: 768px){.read .read-title{font-size:var(--fz32);margin-bottom:40px}}.read .read-title span{color:#00aad6}.read .read-text{font-weight:700;font-size:var(--fz20)}@media (max-width: 768px){.read .read-text{font-size:var(--fz18)}}.section{margin-top:120px}@media (max-width: 768px){.section{margin-top:80px}}.section h2{font-size:var(--fz40);font-weight:700;display:flex;align-items:center;text-wrap:nowrap;margin-bottom:60px;width:100vw;margin-right:calc(50% - 50vw)}.section h2:after{content:"";width:100%;height:10px;background:#f7fafb;opacity:.5;border-radius:5px 0 0 5px;margin-left:60px;box-shadow:inset 5px 5px 4px #d2d5d580}@media (max-width: 768px){.section h2{font-size:var(--fz28);width:auto;margin-bottom:20px;margin-right:0}.section h2:after{content:none}}.section h3{font-size:var(--fz32);font-weight:400;display:flex;align-items:center;margin-bottom:40px}.section h3:before{content:"";width:30px;height:8px;background:#00aad6;border-radius:4px;margin-right:20px;box-shadow:inset -3px -3px 3px #ffffff4d,inset 3px 3px 3px #0000004d}@media (max-width: 768px){.section h3{font-size:var(--fz24);margin-bottom:30px}.section h3:before{width:24px;height:6px;border-radius:3px;margin-right:14px}}.feature .feature-text{margin-bottom:60px}@media (max-width: 768px){.feature .feature-text{margin-bottom:40px}}.feature .feature-image{display:flex;justify-content:center;align-items:center;margin-bottom:80px}@media (max-width: 768px){.feature .feature-image{flex-direction:column}}.feature .feature-image .feature-image-three{position:relative;margin:74px 62px 0}.feature .feature-image .feature-image-three:before{content:"";position:relative;z-index:-2;display:block;width:250px;height:250px;border-radius:50%;box-shadow:inset 0 0 0 11px #f7fafb4d,inset 5px 5px 4px #d2d5d580,inset -5px -5px 4px #ffffff80}@media (max-width: 768px){.feature .feature-image .feature-image-three{margin:62px 0 0}.feature .feature-image .feature-image-three:before{width:220px;height:220px}}.feature .feature-image .feature-image-add{display:flex;justify-content:center;align-items:center;position:relative;margin:0 60px}@media (max-width: 768px){.feature .feature-image .feature-image-add{margin:50px 0}}.feature .feature-image .feature-image-add:before{content:"";position:absolute;width:40px;height:10px;background:#00aad6;border-radius:5px}.feature .feature-image .feature-image-add:after{content:"";position:absolute;height:40px;width:10px;background:#00aad6;border-radius:5px}.feature .feature-image .feature-image-item{border-radius:50%;background:#f7fafbcc;width:150px;height:150px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:10px 10px 20px #d2d5d54d,-10px -10px 20px #ffffff4d}@media (max-width: 768px){.feature .feature-image .feature-image-item{width:130px;height:130px}}.feature .feature-image .feature-image-item .feature-image-item-image{height:50px;margin-bottom:10px}@media (max-width: 768px){.feature .feature-image .feature-image-item .feature-image-item-image{height:40px;margin-bottom:5px}}.feature .feature-image .feature-image-item .feature-image-item-image img{height:100%;fill:#00aad6}.feature .feature-image .feature-image-item span{font-size:var(--fz16);font-weight:700}@media (max-width: 768px){.feature .feature-image .feature-image-item span{font-size:var(--fz14)}}.feature .feature-image .feature-image-item.users{position:absolute;top:0;left:50%;transform:translate3d(-50%,-50%,0)}.feature .feature-image .feature-image-item.client{position:absolute;bottom:0;left:0;transform:translate3d(-40%,-5%,0)}.feature .feature-image .feature-image-item.developer{position:absolute;bottom:0;right:0;transform:translate3d(40%,-5%,0)}.card-list{display:flex}@media (max-width: 768px){.card-list{flex-direction:column}}.card-list li{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:calc((100% - 60px) / 3);padding:30px 30px 40px;border-radius:20px;margin-right:30px;background:#f7fafb80;box-shadow:10px 10px 20px #d2d5d54d,-10px -10px 20px #fffc}@media (max-width: 768px){.card-list li{width:auto;margin-right:0;margin-bottom:30px}}.card-list li:last-of-type{margin-right:0}@media (max-width: 768px){.card-list li:last-of-type{margin-bottom:0}}.card-list li h4{font-size:var(--fz24);font-weight:700;margin:0 auto 30px}@media (max-width: 768px){.card-list li h4{margin-bottom:20px}}.card-list li h4.text-left{margin-left:0}.card-list li .price{margin:30px 0 0 auto;font-weight:700}@media (max-width: 768px){.card-list li .price{margin-top:20px}}.card-list li .price span{font-size:var(--fz40);font-family:Sen,sans-serif;color:#00aad6;margin-right:10px;line-height:1}@media (max-width: 768px){.card-list li .price span{font-size:var(--fz32)}}.card-list.two-column li{width:calc((100% - 60px)/2);margin-right:60px;padding:40px}@media (max-width: 768px){.card-list.two-column li{width:auto;margin-right:0;margin-bottom:30px;padding:30px}}.card-list.two-column li:last-of-type{margin-right:0}@media (max-width: 768px){.card-list.two-column li:last-of-type{margin-bottom:0}}.language .language-list{display:flex;flex-wrap:wrap;margin-bottom:60px}@media (max-width: 768px){.language .language-list{margin-bottom:20px}}.language .language-list li{display:flex;align-items:center;margin-right:40px;font-family:Sen,sans-serif;font-size:var(--fz24)}@media (max-width: 768px){.language .language-list li{font-size:var(--fz18)}}.language .language-list li:before{content:"";width:8px;height:8px;border-radius:50%;background:#00aad6;box-shadow:inset -3px -3px 3px #ffffff4d,inset 3px 3px 3px #0000004d;margin-right:14px}.language .language-list li:last-of-type{margin-right:0}.estimation .estimation-section{margin-top:60px}@media (max-width: 768px){.estimation .estimation-section{margin-top:30px}}.estimation .estimation-detail{display:flex;margin-bottom:10px}@media (max-width: 768px){.estimation .estimation-detail{margin-bottom:5px}}.about{padding:140px 20px 150px;background-image:linear-gradient(180deg,#00aad600,#00aad64d)}@media (max-width: 768px){.about{padding:80px 24px}}.about .about-inner{margin:auto;max-width:900px}.about h2{text-align:center;font-size:var(--fz40);margin-bottom:60px}@media (max-width: 768px){.about h2{font-size:var(--fz28);margin-bottom:40px}}.about .about-detail-item{display:flex;margin-bottom:40px}@media (max-width: 768px){.about .about-detail-item{flex-direction:column;margin-bottom:20px}}.about .about-detail-item:last-of-type{margin-bottom:0}.about .about-detail-item dt{font-weight:700;width:100px}@media (max-width: 768px){.about .about-detail-item dt{width:auto;margin-bottom:5px}}@media (max-width: 768px){.about .about-detail-item dd{margin:0}}.about .about-policy{margin-top:60px;font-size:var(--fz16)}@media (max-width: 768px){.about .about-policy{margin-top:40px;font-size:var(--fz14)}}.footer{padding:40px 20px 50px;background:#00aad64d}@media (max-width: 768px){.footer{padding:30px 24px 40px}}.footer .footer-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 40px;font-size:var(--fz16)}@media (max-width: 768px){.footer .footer-list{font-size:var(--fz14);gap:8px 24px}}.footer .footer-list a{color:#231815;text-decoration:none;border-bottom:1px solid rgba(35,24,21,.3)}.footer .footer-list a:hover{color:#0080a3;border-bottom-color:#0080a3}.footer .copyright{margin-top:30px;text-align:center;font-family:Sen,sans-serif;font-size:var(--fz14)}@media (max-width: 768px){.footer .copyright{margin-top:20px}}