@charset "UTF-8";@keyframes borderScale{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hp_tac[data-astro-cid-rszp2ydc]{text-align:center!important}.hp_noneSp[data-astro-cid-rszp2ydc]{display:none!important}@media screen and (min-width:960px){.hp_noneSp[data-astro-cid-rszp2ydc]{display:block!important}}.hp_noneSpFlex[data-astro-cid-rszp2ydc]{display:none!important}@media screen and (min-width:960px){.hp_noneSpFlex[data-astro-cid-rszp2ydc]{display:flex!important}}.hp_noneSpInline[data-astro-cid-rszp2ydc]{display:none!important}@media screen and (min-width:960px){.hp_noneSpInline[data-astro-cid-rszp2ydc]{display:inline!important}}@media screen and (min-width:960px){.hp_nonePc[data-astro-cid-rszp2ydc]{display:none!important}}.hp_block[data-astro-cid-rszp2ydc]{display:block!important}.hp_hidden[data-astro-cid-rszp2ydc]{display:none}.clip-path-tool[data-astro-cid-rszp2ydc]{min-height:100vh;background:#e7dfd126;padding-block:8rem}@media screen and (min-width:960px){.clip-path-tool[data-astro-cid-rszp2ydc]{padding-block:6rem 10rem;padding-inline:4rem}}.clip-path-tool__head[data-astro-cid-rszp2ydc]{font-family:RocknRoll One,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.06em;line-height:1.3;color:#fafafa;text-shadow:0 0 .8rem #fafafa,0 0 7rem #F6B40A,0 0 3rem #F6B40A;font-size:2.4rem;line-height:1.5;text-align:center;margin-bottom:4rem}@media screen and (min-width:960px){.clip-path-tool__head[data-astro-cid-rszp2ydc]{font-size:5rem;margin-bottom:6rem}}.clip-path-tool__container[data-astro-cid-rszp2ydc]{margin-inline:auto;width:86.6666666667%;max-width:780px}@media screen and (min-width:960px){.clip-path-tool__container[data-astro-cid-rszp2ydc]{width:110rem;max-width:none}}.clip-path-tool__container[data-astro-cid-rszp2ydc]{display:grid;grid-template-columns:1fr;gap:4rem;max-width:120rem;box-sizing:border-box}@media screen and (min-width:960px){.clip-path-tool__container[data-astro-cid-rszp2ydc]{grid-template-columns:60rem 1fr;gap:6rem}}.clip-path-tool__left[data-astro-cid-rszp2ydc]{display:flex;flex-direction:column;gap:3rem;width:100%;box-sizing:border-box;min-width:0}.clip-path-tool__editor[data-astro-cid-rszp2ydc]{background:#150e048f;border-radius:2rem;padding:3rem;backdrop-filter:blur(10px);border:1px solid rgba(250,250,250,.2);width:100%;box-sizing:border-box;min-width:0}.clip-path-tool__canvas[data-astro-cid-rszp2ydc]{width:100%;height:30rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:3rem;position:relative;overflow:hidden}.clip-path-tool__svg[data-astro-cid-rszp2ydc]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;touch-action:none}.clip-path-tool__shapeWrap[data-astro-cid-rszp2ydc]{box-shadow:0 0 1rem #f6b40a,0 0 .5rem #f6b40a;width:24rem;height:24rem;border:.1rem solid #271A06}.clip-path-tool__shape[data-astro-cid-rszp2ydc]{width:100%;height:100%;background:linear-gradient(45deg,#f6b40a,#f9ebc6);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,0% 100%,100% 100%);transition:clip-path .3s ease;position:relative;user-select:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.clip-path-tool__preview-img[data-astro-cid-rszp2ydc]{width:100%;height:100%;object-fit:cover}.clip-path-tool__preview-text[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.2rem;letter-spacing:0em;line-height:1.4;color:#fafafa;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-path-tool__controls[data-astro-cid-rszp2ydc]{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.clip-path-tool__control-group[data-astro-cid-rszp2ydc]{display:flex;flex-direction:column;gap:1rem}.clip-path-tool__label[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:0em;line-height:1.4;color:#fafafa}.clip-path-tool__select[data-astro-cid-rszp2ydc]{background:#fafafa1a;border:1px solid rgba(250,250,250,.3);border-radius:.8rem;padding:1rem 1.5rem;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:1.4rem;letter-spacing:0em;line-height:1.4;color:#fafafa}.clip-path-tool__select[data-astro-cid-rszp2ydc]:focus{outline:none;border-color:#f6b40a;box-shadow:0 0 0 2px #f6b40a4d}.clip-path-tool__select[data-astro-cid-rszp2ydc] option[data-astro-cid-rszp2ydc]{background:#271a06;color:#fafafa}.clip-path-tool__range[data-astro-cid-rszp2ydc]{width:100%;height:.6rem;background:#fafafa33;border-radius:1rem;outline:none;-webkit-appearance:none}.clip-path-tool__range[data-astro-cid-rszp2ydc]::-webkit-slider-thumb{-webkit-appearance:none;width:2rem;height:2rem;background:#f6b40a;border-radius:50%;cursor:pointer;box-shadow:0 0 1rem #f6b40a80}.clip-path-tool__range[data-astro-cid-rszp2ydc]::-moz-range-thumb{width:2rem;height:2rem;background:#f6b40a;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 1rem #f6b40a80}.clip-path-tool__range-value[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:1.2rem;letter-spacing:0em;line-height:1.4;color:#f6b40a;text-align:center}.clip-path-tool__reset-btn[data-astro-cid-rszp2ydc]{text-align:center;background:#e7dfd126;border:1px solid rgba(250,250,250,.3);border-radius:.8rem;padding:1rem 2rem;font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:0em;line-height:1.4;color:#fafafa;cursor:pointer;transition:all .3s ease}.clip-path-tool__reset-btn[data-astro-cid-rszp2ydc]:hover{background:#f6b40a33;border-color:#f6b40a}.clip-path-tool__code[data-astro-cid-rszp2ydc]{background:#000c;border-radius:1rem;padding:2rem;border:1px solid rgba(250,250,250,.2)}.clip-path-tool__code-header[data-astro-cid-rszp2ydc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.clip-path-tool__code-title[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:0em;line-height:1.4;color:#fafafa;margin:0}.clip-path-tool__copy-btn[data-astro-cid-rszp2ydc]{background:#f6b40a;color:#000;border:none;border-radius:.5rem;padding:.8rem 1.5rem;font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.2rem;letter-spacing:0em;line-height:1.4;font-weight:700;cursor:pointer;transition:all .3s}.clip-path-tool__copy-btn[data-astro-cid-rszp2ydc]:hover{box-shadow:0 0 1rem #f6b40a,0 0 1rem #f6b40a;color:#fafafa}.clip-path-tool__code-block[data-astro-cid-rszp2ydc]{scrollbar-width:thin;scrollbar-color:#F6B40A #fafafa;background:#e7dfd126;border-radius:.5rem;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:1.4rem;letter-spacing:0em;line-height:1.4;color:#fafafa;margin:0;overflow-x:auto;font-family:Courier New,monospace;height:6rem;padding-inline:1rem;display:flex;align-items:center;width:100%;box-sizing:border-box;word-break:break-all}@media screen and (max-width:599px){.clip-path-tool__code-block[data-astro-cid-rszp2ydc]{font-size:1.3rem;padding-inline:.8rem}}.clip-path-tool__right[data-astro-cid-rszp2ydc]{display:flex;flex-direction:column;gap:3rem}.clip-path-tool__presets[data-astro-cid-rszp2ydc]{background:#150e048f;border-radius:1rem;padding:2rem;backdrop-filter:blur(10px);border:1px solid rgba(250,250,250,.2)}.clip-path-tool__presets-title[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:0em;line-height:1.4;color:#fafafa;margin:0 0 2rem}.clip-path-tool__presets-grid[data-astro-cid-rszp2ydc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1.5rem}.clip-path-tool__preset[data-astro-cid-rszp2ydc]{background:transparent;border:1px solid rgba(250,250,250,.3);border-radius:.8rem;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.clip-path-tool__preset[data-astro-cid-rszp2ydc]:hover{border-color:#f6b40a;background:#f6b40a1a;transform:scale(1.03)}.clip-path-tool__preset-shape[data-astro-cid-rszp2ydc]{width:3rem;height:3rem;background:#f6b40a}.clip-path-tool__preset-shape--triangle[data-astro-cid-rszp2ydc]{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.clip-path-tool__preset-shape--square[data-astro-cid-rszp2ydc]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.clip-path-tool__preset-shape--pentagon[data-astro-cid-rszp2ydc]{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.clip-path-tool__preset-shape--hexagon[data-astro-cid-rszp2ydc]{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.clip-path-tool__preset-shape--heptagon[data-astro-cid-rszp2ydc]{clip-path:polygon(50% 0%,85% 20%,100% 60%,85% 100%,15% 100%,0% 60%,15% 20%)}.clip-path-tool__preset-shape--octagon[data-astro-cid-rszp2ydc]{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.clip-path-tool__preset-shape--star[data-astro-cid-rszp2ydc]{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.clip-path-tool__preset-shape--arrow[data-astro-cid-rszp2ydc]{clip-path:polygon(0 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0 80%)}.clip-path-tool__preset-label[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:1.2rem;letter-spacing:0em;line-height:1.4;color:#fafafa;text-align:center}.clip-path-tool__info[data-astro-cid-rszp2ydc]{background:#150e048f;border-radius:1rem;padding:2rem;backdrop-filter:blur(10px);border:1px solid rgba(250,250,250,.2)}.clip-path-tool__info-title[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:0em;line-height:1.4;color:#fafafa;margin:0 0 2rem}.clip-path-tool__info-list[data-astro-cid-rszp2ydc]{list-style:none;padding:0;margin:0}.clip-path-tool__info-item[data-astro-cid-rszp2ydc]{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:1.4rem;letter-spacing:0em;line-height:1.4;color:#fafafa;position:relative;padding:.5rem 0 .5rem 2rem}.clip-path-tool__info-item[data-astro-cid-rszp2ydc]:before{content:"•";color:#f6b40a;position:absolute;left:0;font-weight:700}