.makeshop-case{background:radial-gradient(circle at 90% 90%,rgba(29,107,174,.06),transparent 28%),#fff;color:#1c2733;font-family:BIZ UDPGothic,Noto Sans JP,sans-serif;padding:100px 20px}.makeshop-case__inner{margin:0 auto;max-width:1200px;width:100%}.makeshop-case__heading{margin-bottom:60px;text-align:center}.makeshop-case__label{align-items:center;color:#1870b8;display:flex;font-size:13px;font-weight:700;gap:18px;justify-content:center;letter-spacing:.2em;margin-bottom:18px}.makeshop-case__label:after,.makeshop-case__label:before{background:#aab6c1;content:"";height:1px;width:55px}.makeshop-case__heading h2{color:#182430;font-size:clamp(32px,4vw,50px);font-weight:700;letter-spacing:.04em;line-height:1.4;margin:0 0 18px}.makeshop-case__heading p{color:#6c7782;font-size:15px;line-height:1.8;margin:0}.makeshop-case__card{align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}.makeshop-case__visual{min-width:0;padding:0 60px 45px 0;position:relative}.makeshop-case__pc{background:#fff;border:7px solid #222a31;border-radius:16px;box-shadow:0 28px 60px rgba(27,43,59,.16),0 8px 20px rgba(27,43,59,.08);overflow:hidden;position:relative;width:100%}.makeshop-case__browser{align-items:center;background:#f1f3f5;display:flex;gap:6px;height:28px;padding:0 12px}.makeshop-case__browser span{background:#c0c7ce;border-radius:50%;display:block;height:7px;width:7px}.makeshop-case__pc img{display:block;height:auto;width:100%}.makeshop-case__sp{background:#fff;border:6px solid #222a31;border-radius:26px;bottom:0;box-shadow:0 20px 42px rgba(25,40,55,.22),0 5px 12px rgba(25,40,55,.08);min-width:150px;overflow:hidden;position:absolute;right:0;width:26%;z-index:2}.makeshop-case__sp:before{background:#222a31;border-radius:999px;content:"";height:5px;left:50%;position:absolute;top:7px;transform:translateX(-50%);width:34%;z-index:3}.makeshop-case__sp img{display:block;height:auto;width:100%}.makeshop-case__content{min-width:0;padding:10px 0}.makeshop-case__sub-label{align-items:center;color:#71808f;display:flex;font-size:12px;font-weight:700;gap:16px;letter-spacing:.16em;margin-bottom:25px}.makeshop-case__sub-label:after{background:#aab5bf;content:"";height:1px;width:75px}.makeshop-case__content h3{color:#182430;font-size:clamp(35px,4vw,52px);font-weight:700;letter-spacing:.04em;line-height:1.3;margin:0 0 12px}.makeshop-case__category{color:#333f49;font-size:16px;line-height:1.8;margin:0}.makeshop-case__divider{background:#b5c0c9;height:1px;margin:30px 0;width:55px}.makeshop-case__support{color:#1870b8;font-size:18px;font-weight:700;line-height:1.7;margin:0 0 15px}.makeshop-case__description{color:#48545f;font-size:15px;line-height:2;margin:0 0 26px}.makeshop-case__tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.makeshop-case__tags span{align-items:center;background:#eff3f6;border-radius:999px;color:#536270;display:inline-flex;font-size:13px;font-weight:500;padding:8px 15px}.makeshop-case__button{align-items:center;background:#103d60;border-radius:999px;box-shadow:0 12px 25px rgba(16,61,96,.16);color:#fff;display:flex;font-size:16px;font-weight:700;gap:15px;justify-content:center;line-height:1;padding:19px 30px;text-decoration:none;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease;width:min(100%,340px)}.makeshop-case__button:hover{background:#17679e;box-shadow:0 16px 32px rgba(16,61,96,.23);transform:translateY(-2px)}.makeshop-case__button-icon{font-size:18px;transition:transform .25s ease}.makeshop-case__button:hover
.makeshop-case__button-icon{transform:translate(2px,-2px)}@media screen and (max-width:960px){.makeshop-case{padding:80px 20px}.makeshop-case__card{gap:60px;grid-template-columns:1fr}.makeshop-case__visual{margin:0 auto;max-width:760px;width:100%}.makeshop-case__content{margin:0 auto;max-width:700px;width:100%}}@media screen and (max-width:600px){.makeshop-case{padding:60px 18px}.makeshop-case__heading{margin-bottom:40px}.makeshop-case__label{font-size:11px;gap:12px}.makeshop-case__label:after,.makeshop-case__label:before{width:35px}.makeshop-case__heading h2{font-size:30px}.makeshop-case__heading p{font-size:14px}.makeshop-case__visual{padding:0 35px 35px 0}.makeshop-case__pc{border-radius:11px;border-width:4px}.makeshop-case__browser{height:20px;padding:0 8px}.makeshop-case__browser span{height:5px;width:5px}.makeshop-case__sp{border-radius:18px;border-width:4px;min-width:95px;width:31%}.makeshop-case__sp:before{height:3px;top:5px}.makeshop-case__sub-label{margin-bottom:18px}.makeshop-case__content h3{font-size:34px}.makeshop-case__category{font-size:15px}.makeshop-case__divider{margin:25px 0}.makeshop-case__support{font-size:17px}.makeshop-case__description{font-size:14px;line-height:1.9}.makeshop-case__button{padding:18px 25px;width:100%}}