Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="cow">
<div class="cow-inner">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="695" height="504" viewBox="0 0 695 504" class="svg">
<defs>
<pattern id="img1" patternUnits="userSpaceOnUse" width="100" height="100">
<image xlink:href="https://greetings.c-brains.jp/2021_winter/img/svg_bg.jpg" x="0" y="0" width="640" height="427" />
</pattern>
</defs>
<g id="cow" transform="translate(366.62 252.022)">
<a href="DUMMY">
<g id="neck">
<path id="bg" class="cls-2 bg" d="M130.718,40.036c14.511,1.884,16.4,15.946,12.044,27.542s-19.59,67.7-24.523,79.727S101.116,164.411,90.378,160.5,77.9,147.741,79.93,131.36s14.946-61.463,22.2-74.944,14.076-18.41,28.587-16.38" fill="url(#img1)" transform="translate(-331.054 -234.245)"/>
<path id="_3" data-name="3" d="M108.848,93.948l-.58.29c-4.353,6.233-8.707,9.422-15.236,10.727a10.144,10.144,0,0,0-1.451-2.609A18.431,18.431,0,0,0,104.5,94.238L98.4,92.5a23.076,23.076,0,0,1-5.8,3.479A14.645,14.645,0,0,0,91,93.8a21.473,21.473,0,0,0,9-7.1l3.047,1.74a.726.726,0,0,1-.726.145l-1.741,1.884,5.95,1.74h.435Z" transform="translate(-325.727 -213.068)"/>
<path id="_2" data-name="2" d="M112.056,80.714a.436.436,0,0,1-.58.145c-3.483,5.653-7.691,8.408-13.06,8.987A9.708,9.708,0,0,0,97.4,87.817c4.934-.435,9-2.9,12.189-8.7ZM100.012,76.8a25.634,25.634,0,0,1,.29,4.784H98.126A25.2,25.2,0,0,0,97.98,76.8Zm5.224.58a28.1,28.1,0,0,1-.29,4.929h-2.322a28.382,28.382,0,0,0,.29-4.929Z" transform="translate(-322.84 -217.519)"/>
<path id="_1" data-name="1" d="M113.568,68.368l1.451,1.884h-.58a39.192,39.192,0,0,1-6.24,3.479l.29.29a.726.726,0,0,1-.58.145l-2.177,7.683-2.757-.725,1.741-6.378a41.1,41.1,0,0,1-7.255,1.595L96.3,73.877a32.965,32.965,0,0,0,13.64-4.059l-9.287-2.609.726-2.319,9.142,2.609a45.125,45.125,0,0,0-5.659-4.059l1.886-1.74a38.744,38.744,0,0,1,5.949,4.2l-1.886,1.739,2.467.725Zm-.726,12.466a40.016,40.016,0,0,0-4.5-5.363l2.177-1.3a39.442,39.442,0,0,1,4.643,5.219Z" transform="translate(-323.336 -224.307)"/>
</g>
</a>
<a href="DUMMY">
<g id="katarosu">
<path id="bg-2" data-name="bg" class="cls-4 bg" d="M54.295,147.313h0a114.964,114.964,0,0,1-21.274-2.208c-6.972-1.312-13.523-3.021-18.451-4.364-4.667-1.239-8.714-4.673-11.4-9.667A27.235,27.235,0,0,1,.136,121a24.967,24.967,0,0,1,1.082-10.416C3.479,103.9,10.256,81.3,16.235,61.363c4.324-14.42,8.408-28.037,9.943-32.821,2.109-6.572,6.343-12.21,9.523-15.782,3.92-4.4,8.5-8.149,12.243-10.021C52.478.475,63.959,0,72.792,0c4.484,0,7.768.129,7.8.131.191.068,4.733,1.685,10.3,4.113,5.2,2.265,12.335,5.7,16.833,9.223a26.473,26.473,0,0,1,8.833,11.941c1.564,4.14,2.481,9.109,3.066,16.616l.291.29c.525,6.691.035,14.743-1.541,25.341-1.429,9.607-3.6,20.258-5.9,31.238-11.316.591-23.064,7.061-33.081,18.218-8.316,9.262-14.491,20.85-15.732,29.52l-.013.091A70.746,70.746,0,0,1,54.295,147.313Z" fill="url(#img1)" transform="translate(-199.958 -200.572)"/>
<path id="_4" data-name="4" d="M168.007,98.915l-.435.435a35.214,35.214,0,0,1-4.063,7.248,87.464,87.464,0,0,1,7.255,6.668L168.3,115.44a68.748,68.748,0,0,0-6.675-6.668,35.687,35.687,0,0,1-7.691,6.668,14.213,14.213,0,0,0-2.032-2.029,28.133,28.133,0,0,0,11.754-12.756h-9.867V97.9h11.9Z" transform="translate(-298.255 -208.032)"/>
<path id="_3-2" data-name="3" d="M157.445,82.9l3.628.29c0,.29-.29.435-.726.58v17.685H157.3Z" transform="translate(-295.819 -214.776)"/>
<path id="_2-2" data-name="2" d="M168.627,71V85.641H165.87v-1.3H155.857v1.3H153.1V71Zm-2.757,2.609H155.857v8.263H165.87Z" transform="translate(-297.714 -220.126)"/>
<path id="_1-2" data-name="1" d="M169.729,63.863h-13.2c-.145,3.334-.726,7.973-3.047,10.872a10.014,10.014,0,0,0-2.177-1.45c2.467-3.044,2.612-7.393,2.612-10.292v-4.2h15.817Zm-17.7-8.263h19.3v2.319h-19.3Zm15.091,5.074H156.379v1.3h10.738Zm2.757,4.059v7.973c0,2.174-1.016,2.464-4.789,2.464a7.532,7.532,0,0,0-.726-2.029H166.1c1.161,0,1.161,0,1.161-.435v-.87h-7.836v3.334h-2.612V64.732Zm-2.612,1.884h-7.836v1.015h7.836Zm-7.836,3.624h7.836V69.226h-7.836Z" transform="translate(-298.526 -227.05)"/>
</g>
</a>
<a href="DUMMY">
<g id="ribu">
<path id="bg-3" data-name="bg" class="cls-5 bg" d="M62.586,147.885a146.427,146.427,0,0,1-26.856-2.762c.856-3.167,1.514-5.948,1.955-8.266,3.193-16.9,2.931-47.507-34.7-62.694C2,73.764.994,73.406,0,73.1,3.661,51.587,6.353,27.018,7.367,17.769v-.011c.084-.771.156-1.42.213-1.935a18.762,18.762,0,0,1,5.141-10.8A16.232,16.232,0,0,1,24.569,0a20.225,20.225,0,0,1,5.794.891C43.531,4.838,73.394,11.463,82.6,12.923a18.947,18.947,0,0,1,11.845,7.5A24.2,24.2,0,0,1,99.435,35.1c0,3.3.3,10.8.67,20.3.887,22.522,2.1,53.368.782,61.893-1.168,7.541-3.609,13.814-7.255,18.645-4.856,6.434-11.838,10.256-20.751,11.361A84.384,84.384,0,0,1,62.586,147.885Z" fill="url(#img1)" transform="translate(-75.867 -172.357)"/>
<path id="_5" data-name="5" d="M249.207,131.57l-.435.435a35.215,35.215,0,0,1-4.063,7.248,87.461,87.461,0,0,1,7.255,6.668L249.5,148.1a68.748,68.748,0,0,0-6.675-6.668,35.689,35.689,0,0,1-7.691,6.668,14.213,14.213,0,0,0-2.031-2.029,28.133,28.133,0,0,0,11.754-12.756h-9.867V130.7h11.9Z" transform="translate(-261.626 -193.286)"/>
<path id="_4-2" data-name="4" d="M238.645,115.6l3.628.29c0,.29-.29.435-.726.58V134.3H238.5Z" transform="translate(-259.191 -200.074)"/>
<path id="_3-3" data-name="3" d="M249.927,103.7v14.641H247.17v-1.16H237.157v1.3H234.4V103.7Zm-2.757,2.609H237.157v8.263H247.17Z" transform="translate(-261.04 -205.425)"/>
<path id="_2-3" data-name="2" d="M247.015,88.68a16.677,16.677,0,0,1,2.612,2.9l-.58.435,1.741.87-.435.435c-1.886,8.118-5.659,12.756-12.77,15.511L235.7,106.51c6.675-2.319,10.158-6.668,11.173-11.887H234.1V92.014h13.785l-2.032-2.464Zm4.789,3.334a17.109,17.109,0,0,0-2.467-2.9L250.5,88.1a15.806,15.806,0,0,1,2.612,2.9Z" transform="translate(-261.175 -212.438)"/>
<path id="_1-3" data-name="1" d="M235.4,86.687V75.96h3.483c0,.29-.145.435-.58.435V86.687Zm12.915-11.6c0,.29-.145.435-.58.435v6.813c0,4.639-1.451,8.843-7.691,11.452a12.326,12.326,0,0,0-2.032-2.029c5.8-2.174,6.965-5.8,6.965-9.422V74.8Z" transform="translate(-260.589 -218.418)"/>
</g>
</a>
<a href="DUMMY">
<g id="hire">
<path id="bg-4" data-name="bg" class="cls-6 bg" d="M330.7,115.172c-.435-19.859,8.271-28.557,34.826-32.326s46.87,6.233,47.451,23.193-17.994,32.761-39.76,34.21-42.082-5.363-42.517-25.078" fill="url(#img1)" transform="translate(-217.604 -215.157)"/>
<path id="_2-4" data-name="2" d="M361.047,109.641a18.427,18.427,0,0,0,11.028-8.118,17.268,17.268,0,0,0,2.032,2.029c-2.757,4.494-7.981,7.683-14.221,9.422a.87.87,0,0,1-.435.58L358,111.09l.29-.58V95h3.483c0,.29-.29.435-.726.58Z" transform="translate(-202.313 -208.346)"/>
<path id="_1-4" data-name="1" d="M355.058,109.976l4.789-.435a17.521,17.521,0,0,0,.145,2.754l-4.644.29h-4.934c-3.773,0-5.514-1.595-5.514-5.074V94.9h3.483c0,.29-.145.435-.726.435v6.523a62.281,62.281,0,0,0,9.432-4.059l1.886,2.609h-.726a76.817,76.817,0,0,1-10.593,3.914v2.9c0,1.74.871,2.464,2.757,2.464Z" transform="translate(-208.223 -208.391)"/>
</g>
</a>
<a href="DUMMY">
<g id="tan">
<path id="bg-5" data-name="bg" class="cls-7 bg" d="M11.981,107.761c-2.094-5.955,11.761-18.187,19.495-22.532a69.816,69.816,0,0,1,27.711-7.886c17.239-.8,26.745,2.736,33.511,12.071,4.028,5.472,11.6,32.511-12.889,24.786-9.667-3.058-31.739-4.506-38.989-4.185s-26.906,3.38-29-2.092" fill="url(#img1)" transform="translate(-361.468 -221.133)"/>
<path id="_2-5" data-name="2" d="M41.206,82.5a28.31,28.31,0,0,1,6.385,2.9L46.14,87.864a31.793,31.793,0,0,0-6.24-3.044ZM40.48,97.286c7.4-2.319,12.334-6.523,14.946-12.466l2.612,1.595A25.241,25.241,0,0,1,42.947,99.46a.725.725,0,0,1-.435.58Z" transform="translate(-350.778 -214.956)"/>
<path id="_1-5" data-name="1" d="M43.433,85.414l-.29.435A32.019,32.019,0,0,1,40.1,92.662l2.322,1.595-1.6,2.609-2.467-1.74a20.6,20.6,0,0,1-7.4,5.8A8.413,8.413,0,0,0,28.777,98.9a20.024,20.024,0,0,0,7.11-5.219l-3.628-1.884,1.451-2.174,3.773,1.74a18.112,18.112,0,0,0,2.032-4.2H33.565a24.794,24.794,0,0,1-4.643,5.508L26.6,90.922A19.86,19.86,0,0,0,33.275,81.5l3.483.725c-.145.29-.29.435-.726.29l-1.016,2.029h6.24Z" transform="translate(-356.777 -215.406)"/>
</g>
</a>
<a href="DUMMY">
<g id="nakabara">
<path id="bg-6" data-name="bg" class="cls-8 bg" d="M227.729,181.718c3.338-12.322,13.35-17.4,29.167-17.4s93.741-6.233,109.122-6.813,21.621,6.813,22.782,13.771-1.886,18.845-10.738,21.889-23.508,7.973-62.252,11.017-56.883,3.334-67.476,2.609-25.829-5.653-20.606-25.078" fill="url(#img1)" transform="translate(-264.527 -181.247)"/>
<path id="_3-4" data-name="3" d="M308.678,175.078l-.435.29c-2.032,6.668-5.224,9.857-11.9,11.742a10.873,10.873,0,0,0-1.6-2.174c5.514-1.3,9.142-4.349,10.158-8.118H291.7v-2.609h14.366l.29-.29Zm-2.467-3.914H293.732V168.7h12.479Z" transform="translate(-235.192 -176.201)"/>
<path id="_2-6" data-name="2" d="M284.871,172.284a.726.726,0,0,1-.58.435c-.871,5.074-2.612,10.582-5.079,13.771l-2.612-1.45c2.467-3.044,4.063-8.118,4.789-13.481Zm9,14.061a90.842,90.842,0,0,0-5.369-13.771l2.612-1.16a82.435,82.435,0,0,1,5.659,13.771Zm-1.886-18.12a16.092,16.092,0,0,1,2.322,3.044l-1.306.87a18.412,18.412,0,0,0-2.322-3.044Zm3.047-.725a20.586,20.586,0,0,1,2.322,3.044l-1.306,1.015a19.139,19.139,0,0,0-2.322-3.044Z" transform="translate(-242.004 -176.741)"/>
<path id="_1-6" data-name="1" d="M272.6,171.569h7.836v11.017h-2.757v-1.16H272.6v6.813h-2.757v-6.813h-4.934v1.16H262.3V171.569h7.546V167.8h3.337c0,.145-.145.29-.58.435Zm-7.546,7.248h4.934v-4.784h-4.934Zm7.691,0h5.079v-4.784h-5.079Z" transform="translate(-248.455 -176.606)"/>
</g>
</a>
<a href="DUMMY">
<g id="tail">
<path id="bg-7" data-name="bg" class="cls-9 bg" d="M443.295,58.516c-3.918-7.538-11.319-12.611-9.287-14.351s12.77-1.595,20.025.725c14.221,4.784,21.041,13.336,27.281,24.643,15.527,26.528,11.464,67.551,6.675,70.015-2.467,1.16-5.079-23.773-12.915-36.095A210.925,210.925,0,0,0,456.5,78.81a124.788,124.788,0,0,1-13.06-20.439" fill="url(#img1)" transform="translate(-171.154 -232.72)"/>
<g id="_3-5" data-name="3" class="cls-10" transform="translate(-159.195 -232.809)">
<path class="cls-23" d="M 493.871337890625 35.76176452636719 L 493.2991638183594 35.42553329467773 L 490.8323059082031 33.97594451904297 L 490.0785522460938 33.53300476074219 L 490.6525573730469 32.87356185913086 C 493.4289245605469 29.68399429321289 493.8116455078125 24.18096351623535 493.8116455078125 18.70926284790039 L 493.8116455078125 17.91762351989746 L 494.600341796875 17.98612403869629 L 497.9378967285156 18.27604293823242 L 498.7921752929688 18.35025405883789 L 498.5779113769531 19.1805534362793 C 498.4921569824219 19.51292991638184 498.2830810546875 19.78756523132324 498.00732421875 19.96062278747559 C 497.8278198242188 26.41003799438477 497.1056213378906 31.23852157592773 494.2573547363281 35.2219123840332 L 493.871337890625 35.76176452636719 Z M 502.5620422363281 35.51603317260742 L 501.9725952148438 34.84310531616211 L 499.9410705566406 32.52376174926758 L 499.5745239257813 32.10528182983398 L 499.8833312988281 31.64256286621094 L 500.0514526367188 31.39065933227539 L 500.0514526367188 16.10000419616699 L 500.0514526367188 15.37414360046387 L 500.7773132324219 15.37414360046387 L 504.1147766113281 15.37414360046387 L 504.8406372070313 15.37414360046387 L 504.8406372070313 16.10000419616699 C 504.8406372070313 16.55169296264648 504.6099853515625 16.9505558013916 504.2602233886719 17.18508720397949 L 504.2601623535156 28.90841674804688 C 506.3804016113281 27.22389793395996 507.8934936523438 24.83204650878906 508.485107421875 22.17546272277832 L 508.7018127441406 21.20235252380371 L 509.5613403320313 21.70743370056152 L 512.0281982421875 23.15702438354492 L 512.5215454101563 23.4468936920166 L 512.3548583984375 23.99425315856934 C 510.9687194824219 28.54686737060547 507.7197570800781 32.31706237792969 503.4260864257813 34.36504745483398 L 503.0990905761719 34.80062484741211 L 502.5620422363281 35.51603317260742 Z"/>
<path class="cls-26 border" d="M 500.7773132324219 16.10000610351563 L 500.7773132324219 31.61062622070313 L 500.4870910644531 32.04550552368164 L 502.5186157226563 34.36484527587891 L 502.9539184570313 33.78499603271484 C 507.1483459472656 31.84012603759766 510.3148498535156 28.20241546630859 511.6604919433594 23.78283500671387 L 509.193603515625 22.3332462310791 C 508.4566040039063 25.6426944732666 506.4168701171875 28.51635551452637 503.5343017578125 30.30599594116211 L 503.5343627929688 16.67983627319336 C 503.85498046875 16.67983627319336 504.1147766113281 16.42024612426758 504.1147766113281 16.10000610351563 L 500.7773132324219 16.10000610351563 M 494.5375061035156 18.70926666259766 C 494.5375061035156 24.36267471313477 494.1022033691406 30.01607513427734 491.2000427246094 33.35013580322266 L 493.6669006347656 34.79972457885742 C 496.5691223144531 30.74086570739746 497.1495056152344 25.66730499267578 497.294677734375 19.43405532836914 C 497.3008728027344 19.43425178527832 497.3070373535156 19.43434906005859 497.3132019042969 19.43434906005859 C 497.5771179199219 19.43434906005859 497.808837890625 19.25596618652344 497.8750915527344 18.99918556213379 L 494.5375061035156 18.70926666259766 M 500.7773132324219 14.64828491210938 L 504.1147766113281 14.64828491210938 C 504.9165344238281 14.64828491210938 505.5664978027344 15.29824447631836 505.5664978027344 16.10000610351563 C 505.5664978027344 16.65224075317383 505.3450012207031 17.15367889404297 504.986083984375 17.52023696899414 L 504.9860229492188 27.25861358642578 C 506.359130859375 25.80331802368164 507.3378295898438 23.98804092407227 507.776611328125 22.01768493652344 C 507.8775024414063 21.56459617614746 508.1889953613281 21.18708610534668 508.6146545410156 21.0019645690918 C 508.7998657226563 20.92142677307129 508.9970092773438 20.88153266906738 509.1935424804688 20.88152503967285 C 509.4487609863281 20.88151741027832 509.7030029296875 20.94876861572266 509.9290771484375 21.08162498474121 L 512.39599609375 22.53121566772461 C 512.974609375 22.87124443054199 513.2447509765625 23.5636157989502 513.0492553710938 24.20567512512207 C 511.6213073730469 28.89558601379395 508.2975463867188 32.78928375244141 503.9007263183594 34.94184112548828 L 503.6795959472656 35.23640441894531 C 503.4169311523438 35.58627319335938 503.010498046875 35.79904556274414 502.5733337402344 35.81553649902344 C 502.5550537109375 35.81622314453125 502.5367736816406 35.81656646728516 502.5185546875 35.81656646728516 C 502.1011047363281 35.81656646728516 501.7027893066406 35.6367073059082 501.4265747070313 35.32136535644531 L 499.3950500488281 33.00202560424805 C 498.9625244140625 32.50823593139648 498.9151916503906 31.78564453125 499.2796020507813 31.23964500427246 L 499.3255920410156 31.17070388793945 L 499.3255920410156 19.05857276916504 C 499.3214416503906 19.16010475158691 499.3066101074219 19.26176452636719 499.28076171875 19.36190605163574 C 499.1841735839844 19.73616981506348 498.9871215820313 20.06340599060059 498.7229919433594 20.31768989562988 C 498.5233459472656 26.73665428161621 497.7521667480469 31.58221817016602 494.8477783203125 35.64410400390625 C 494.5660705566406 36.03810882568359 494.1204833984375 36.2515754699707 493.6658630371094 36.2515754699707 C 493.4151611328125 36.2515754699707 493.1617431640625 36.18668365478516 492.9314270019531 36.05134582519531 L 490.4645385742188 34.60175323486328 C 490.09228515625 34.38300323486328 489.8367309570313 34.00990295410156 489.7672729492188 33.58376312255859 C 489.69775390625 33.15762329101563 489.8215942382813 32.72266387939453 490.1050415039063 32.39699554443359 C 492.7316589355469 29.3795051574707 493.0857849121094 23.7844352722168 493.0857849121094 18.70926666259766 C 493.0857849121094 18.30240631103516 493.2565307617188 17.91421508789063 493.556396484375 17.63925552368164 C 493.8252258300781 17.39276504516602 494.1757507324219 17.25754547119141 494.5374450683594 17.25754547119141 C 494.5792236328125 17.25754547119141 494.6211547851563 17.25934982299805 494.6631469726563 17.26299667358398 L 498.000732421875 17.55291366577148 C 498.426025390625 17.58986663818359 498.8135375976563 17.8121452331543 499.0601501464844 18.16064453125 C 499.2236938476563 18.39179611206055 499.3142700195313 18.66291046142578 499.3255920410156 18.93991470336914 L 499.3255920410156 16.10000610351563 C 499.3255920410156 15.29824447631836 499.9755554199219 14.64828491210938 500.7773132324219 14.64828491210938 Z"/>
</g>
<g id="_2-7" data-name="2" class="cls-10" transform="translate(-165.465 -230.516)">
<path class="cls-23" d="M 476.7752990722656 25.6368465423584 L 476.7200317382813 24.42210578918457 L 476.5748901367188 21.23300552368164 L 476.5403747558594 20.47414588928223 L 477.3000183105469 20.47414588928223 L 495.4386901855469 20.47414588928223 L 496.16455078125 20.47414588928223 L 496.16455078125 21.20000648498535 L 496.16455078125 23.95422554016113 L 496.16455078125 24.68008613586426 L 495.4386901855469 24.68008613586426 L 478.3715515136719 24.68008613586426 L 477.8182983398438 25.01169586181641 L 476.7752990722656 25.6368465423584 Z"/>
<path class="cls-26 border" d="M 477.3000183105469 21.20000648498535 L 477.4451293945313 24.38910484313965 L 478.1706848144531 23.95422554016113 L 495.4386901855469 23.95422554016113 L 495.4386901855469 21.20000648498535 L 477.3000183105469 21.20000648498535 M 477.3000183105469 19.7482852935791 L 495.4386901855469 19.7482852935791 C 496.2404479980469 19.7482852935791 496.8904113769531 20.39824485778809 496.8904113769531 21.20000648498535 L 496.8904113769531 23.95422554016113 C 496.8904113769531 24.75598526000977 496.2404479980469 25.40594482421875 495.4386901855469 25.40594482421875 L 478.5724182128906 25.40594482421875 L 478.1914672851563 25.63428497314453 C 477.9621276855469 25.77174377441406 477.7037658691406 25.84082221984863 477.4450988769531 25.84082221984863 C 477.2092895507813 25.84082221984863 476.9732055664063 25.78344917297363 476.7584838867188 25.66816520690918 C 476.3081665039063 25.42641639709473 476.0181579589844 24.96567535400391 475.9949035644531 24.4550952911377 L 475.8497924804688 21.26599502563477 C 475.831787109375 20.86993598937988 475.9765319824219 20.48373603820801 476.2504272460938 20.19708633422852 C 476.5243225097656 19.91044616699219 476.9035339355469 19.7482852935791 477.3000183105469 19.7482852935791 Z"/>
</g>
<g id="_1-7" data-name="1" class="cls-10" transform="translate(-171.735 -232.719)">
<path class="cls-23" d="M 467.4933166503906 35.57039260864258 L 467.1331481933594 35.25857162475586 L 464.9565124511719 33.37411117553711 L 464.1340637207031 32.66207122802734 L 465.1072692871094 32.17598342895508 C 468.7571716308594 30.35291481018066 469.8968505859375 28.39913177490234 470.3919982910156 25.57845115661621 L 463.4000854492188 25.57845115661621 L 462.6742248535156 25.57845115661621 L 462.6742248535156 24.85259246826172 L 462.6742248535156 22.38828277587891 L 462.6742248535156 21.66242218017578 L 463.4000854492188 21.66242218017578 L 480.9582824707031 21.66242218017578 L 481.6841430664063 21.66242218017578 L 481.6841430664063 22.38828277587891 L 481.6841430664063 24.99755096435547 L 481.6841430664063 25.72341156005859 L 480.9582824707031 25.72341156005859 L 474.8934936523438 25.72341156005859 C 474.8681030273438 25.74405860900879 474.8419189453125 25.7637825012207 474.8150939941406 25.782470703125 C 474.5693054199219 27.7506217956543 473.8480529785156 29.64101982116699 472.7162475585938 31.2741527557373 C 471.502197265625 33.02598190307617 469.8446044921875 34.44023132324219 467.9226989746094 35.364013671875 L 467.4933166503906 35.57039260864258 Z M 479.5075073242188 19.6351318359375 L 478.7816467285156 19.6351318359375 L 465.4315490722656 19.6351318359375 L 464.7056884765625 19.6351318359375 L 464.7056884765625 18.90927124023438 L 464.7056884765625 16.30000114440918 L 464.7056884765625 15.57414150238037 L 465.4315490722656 15.57414150238037 L 478.7816467285156 15.57414150238037 L 479.5075073242188 15.57414150238037 L 479.5075073242188 16.30000114440918 L 479.5075073242188 18.90927124023438 L 479.5075073242188 19.6351318359375 Z"/>
<path class="cls-26 border" d="M 465.4315490722656 16.30000305175781 L 465.4315490722656 18.90927124023438 L 478.7816467285156 18.90927124023438 L 478.7816467285156 16.30000305175781 L 465.4315490722656 16.30000305175781 M 463.4000854492188 22.38828277587891 L 463.4000854492188 24.85259246826172 L 471.2359619140625 24.85259246826172 C 470.8006896972656 28.18664169311523 469.784912109375 30.65094184875488 465.4316101074219 32.82534027099609 L 467.6082458496094 34.70980072021484 C 471.2947692871094 32.93785095214844 473.7755126953125 29.35825157165527 474.1381530761719 25.28747177124023 C 474.3210754394531 25.26536178588867 474.482666015625 25.15776252746582 474.573486328125 24.99755096435547 L 480.9582824707031 24.99755096435547 L 480.9582824707031 22.38828277587891 L 463.4000854492188 22.38828277587891 M 465.4315490722656 14.84828186035156 L 478.7816467285156 14.84828186035156 C 479.5834045410156 14.84828186035156 480.2333679199219 15.49824142456055 480.2333679199219 16.30000305175781 L 480.2333679199219 18.90927124023438 C 480.2333679199219 19.71103096008301 479.5834045410156 20.36099243164063 478.7816467285156 20.36099243164063 L 465.4315490722656 20.36099243164063 C 464.6297912597656 20.36099243164063 463.9798278808594 19.71103096008301 463.9798278808594 18.90927124023438 L 463.9798278808594 16.30000305175781 C 463.9798278808594 15.49824142456055 464.6297912597656 14.84828186035156 465.4315490722656 14.84828186035156 Z M 463.4000854492188 20.93656158447266 L 480.9582824707031 20.93656158447266 C 481.7600402832031 20.93656158447266 482.4100036621094 21.58652114868164 482.4100036621094 22.38828277587891 L 482.4100036621094 24.99755096435547 C 482.4100036621094 25.79931259155273 481.7600402832031 26.44927215576172 480.9582824707031 26.44927215576172 L 475.4501342773438 26.44927215576172 C 475.1298522949219 28.32501029968262 474.4002990722656 30.11846160888672 473.3128356933594 31.68760108947754 C 472.0273132324219 33.54257965087891 470.2721557617188 35.04008102416992 468.2371520996094 36.01822280883789 C 468.0368957519531 36.11447525024414 467.822021484375 36.16153717041016 467.6085205078125 36.16153717041016 C 467.2662048339844 36.16153717041016 466.9273986816406 36.0405387878418 466.6580505371094 35.80733108520508 L 464.4813842773438 33.92287445068359 C 464.1145935058594 33.60531234741211 463.9306640625 33.12548065185547 463.9912414550781 32.64410400390625 C 464.0518188476563 32.1627197265625 464.348876953125 31.74342155456543 464.7829284667969 31.5266227722168 C 467.8002319335938 30.01953125 468.9544982910156 28.4793701171875 469.4985961914063 26.30431175231934 L 463.4000854492188 26.30431175231934 C 462.5983276367188 26.30431175231934 461.9483642578125 25.65435218811035 461.9483642578125 24.85259246826172 L 461.9483642578125 22.38828277587891 C 461.9483642578125 21.58652114868164 462.5983276367188 20.93656158447266 463.4000854492188 20.93656158447266 Z"/>
</g>
<line id="b1" class="cls-12" y1="31.52" x2="20.777" transform="translate(296.809 -193.402)"/>
<path id="b2" class="cls-11" d="M0,39.856,20.94,8.272" transform="translate(296.809 -201.738)"/>
</g>
</a>
<a href="DUMMY">
<g id="sotobara">
<path id="bg-8" data-name="bg" class="cls-13 bg" d="M249.836,201.6c7.4-.725,34.681-.145,62.542-2.9,30.473-2.9,61.526-9.132,67.041-10,10.738-1.595,16.833,2.9,18.429,13.191s1.886,17.4-11.9,23.773-40.631,13.191-64.864,16.38-57.318,4.494-79.81-.58c-7.11-2.609-13.93-12.611-12.189-21.309S234.309,203.048,249.836,201.6Z" fill="url(#img1)" transform="translate(-263.561 -167.352)"/>
<path id="_3-6" data-name="3" d="M311.978,211.678l-.435.29c-2.032,6.668-5.224,9.857-11.9,11.742a10.729,10.729,0,0,0-1.6-2.174c5.514-1.3,9.142-4.349,10.158-8.118H295v-2.609h14.656Zm-2.467-3.914H297.032V205.3h12.479Z" transform="translate(-233.704 -159.746)"/>
<path id="_2-8" data-name="2" d="M288.171,208.929a.726.726,0,0,1-.58.435c-.871,5.074-2.612,10.582-5.079,13.771l-2.612-1.45c2.467-3.044,4.063-8.118,4.789-13.481Zm9,14.061a90.407,90.407,0,0,0-5.369-13.771l2.612-1.16a82.435,82.435,0,0,1,5.659,13.771Zm-1.886-18.265a16.09,16.09,0,0,1,2.322,3.044l-1.306.87a18.414,18.414,0,0,0-2.322-3.044Zm3.047-.725a20.728,20.728,0,0,1,2.322,3.044l-1.306,1.015a19.28,19.28,0,0,0-2.322-3.044Z" transform="translate(-240.515 -160.331)"/>
<path id="_1-8" data-name="1" d="M281.4,204.59c0,.145-.145.29-.58.435v9.422a19.739,19.739,0,0,0,4.644,2.9,11.308,11.308,0,0,0-1.887,2.319l-2.757-1.739v6.958H278.06v-9.422a23.622,23.622,0,0,1-2.757-3.624c-1.451,6.233-4.063,10.582-7.836,12.9a9.285,9.285,0,0,0-2.031-1.884,13.922,13.922,0,0,0,5.369-5.509l-2.757-2.174,1.451-1.884,2.467,1.739a25.63,25.63,0,0,0,1.306-4.929h-3.192a17.825,17.825,0,0,1-3.338,5.943L265,214.157c1.886-2.029,3.337-5.943,3.918-9.857l3.047.725c0,.145-.29.29-.58.29l-.58,2.319h3.918l1.741.725-.29.435v.87l.58-.29a15.951,15.951,0,0,0,1.741,2.464v-7.393Z" transform="translate(-247.236 -160.196)"/>
</g>
</a>
<a href="DUMMY">
<g id="sirloin">
<path id="bg-9" data-name="bg" class="cls-14 bg" d="M30.956,129.383c-2.7,0-4.8-.063-6.248-.187-6.388-.547-11.194-1.987-14.693-4.4a15.443,15.443,0,0,1-5.1-5.81,20.707,20.707,0,0,1-1.973-9.356c0-7.1-.741-24.468-1.457-41.267C.659,49.007-.194,28.995.039,23.812v-.145a19.608,19.608,0,0,1,6.639-13.21,22.845,22.845,0,0,1,6.707-4.3A20.716,20.716,0,0,1,21.37,4.532c10.911,0,42.5-1.592,57.028-3.769A57.059,57.059,0,0,1,87.331,0c7.791,0,13.8,2.039,17.381,5.9a13.02,13.02,0,0,1,3.433,10.087c-.11,1.469-.118,4.445-.025,8.846-13.285,2.411-21.946,6.24-27.258,12.048-5.179,5.664-7.48,13.6-7.241,24.96.2,9.364,3.878,16.616,10.936,21.553,6.244,4.368,15.107,6.93,26.341,7.614.3,6.7.439,10.248.439,11.519,0,6.688-4.429,11.742-8.144,14.8a40.509,40.509,0,0,1-16.524,7.955c-4.352.96-13.731,1.994-25.733,2.838C49.872,128.9,38.385,129.383,30.956,129.383Z" fill="url(#img1)" transform="translate(34.267 -161.341)"/>
<path id="_5-2" data-name="5" d="M303.806,129.1a28.313,28.313,0,0,1,6.385,2.9l-1.451,2.464a31.793,31.793,0,0,0-6.24-3.044Zm-.726,14.786c7.4-2.319,12.334-6.523,14.946-12.466l2.612,1.595a25.1,25.1,0,0,1-15.091,13.046.725.725,0,0,1-.435.58Z" transform="translate(-230.321 -194.005)"/>
<path id="_4-3" data-name="4" d="M320.084,116.029l-.726.29a58.167,58.167,0,0,1-5.95,4.929l.726.29a.726.726,0,0,1-.58.435V133.28h-2.9V122.987a64.007,64.007,0,0,1-7.255,4.059,10.15,10.15,0,0,0-1.6-2.174A49.337,49.337,0,0,0,317.327,114Z" transform="translate(-230.636 -200.794)"/>
<path id="_3-7" data-name="3" d="M318.527,102.4v14.641H315.77v-1.3H305.757v1.3H303V102.4Zm-2.757,2.609H305.757v8.263H315.77Z" transform="translate(-230.095 -206.009)"/>
<path id="_2-9" data-name="2" d="M307.345,87.4l3.628.29c0,.29-.29.435-.726.58V106.1H307.2Z" transform="translate(-228.2 -212.753)"/>
<path id="_1-9" data-name="1" d="M320.809,80.148h-4.063v1.015a11.016,11.016,0,0,1-6.82,11.017L307.895,90.3c4.934-2.174,6.095-5.508,6.095-9.132V80.148H308.33v4.929h-2.757V80.148H301.8V77.539h3.773V73.19h3.338a.725.725,0,0,1-.58.58v3.624h5.659V72.9h3.483c0,.29-.29.435-.726.435v3.914h4.063Z" transform="translate(-230.636 -219.272)"/>
</g>
</a>
<a href="DUMMY">
<g id="ramp">
<path id="bg-10" data-name="bg" class="cls-15 bg" d="M18.418,137.515h0c-.813-.2-1.6-.424-2.351-.67a21.875,21.875,0,0,1-7.831-4.371A18.209,18.209,0,0,1,3.4,125.383a27.641,27.641,0,0,1-1.655-9.943c0-1.977-.029-4.738-.088-8.442.862-.01,1.782-.03,2.737-.061a51.522,51.522,0,0,0,17.957-3.82A47.36,47.36,0,0,0,36.6,94.067a42.744,42.744,0,0,0,5.34-5.963,38.272,38.272,0,0,0,3.939-6.64,31.848,31.848,0,0,0,3.048-14.476A23.96,23.96,0,0,0,45.6,55.442a27.821,27.821,0,0,0-8.531-8.831,42.155,42.155,0,0,0-12.844-5.645A63.672,63.672,0,0,0,7.966,38.98c-2.495,0-5.076.126-7.672.373-.048-4.195-.049-7.045,0-8.715H0c.233-5.822,1.375-9.9,3.592-12.829A13.075,13.075,0,0,1,8.2,14a22.238,22.238,0,0,1,7.033-2.066C26.775,10.292,74.689,3.056,84.889,1.357A31.839,31.839,0,0,1,93.651,0a18.943,18.943,0,0,1,9.007,2.1,17.191,17.191,0,0,1,5.9,5.239,23.565,23.565,0,0,1,3.935,9.9,18.628,18.628,0,0,1-.327,8.325,110.1,110.1,0,0,1-10.058,20.966c-3.9,6.468-8.2,12.546-11.995,17.908l-.008.011-.01.014C85.971,70.3,82.073,75.8,79.52,80.65c-3.047,5.781-5.244,12.265-7.368,18.536l0,.01,0,.005c-.662,1.953-1.287,3.8-1.941,5.636a40.168,40.168,0,0,0-5.143-.332,42.681,42.681,0,0,0-23.936,7.566v.165c-13.488,9.073-19.794,18.754-22.709,25.278Z" fill="url(#img1)" transform="translate(151.119 -177.156)"/>
<path id="_3-8" data-name="3" d="M397.1,95.524h13.785l2.467,1.74-.435.29c-1.886,8.118-5.659,12.032-12.334,14.641a13.768,13.768,0,0,0-1.741-2.319c5.949-2.174,9.577-5.943,10.738-11.6H397.1ZM413.788,91.9a2.319,2.319,0,1,1-2.322,2.319,2.321,2.321,0,0,1,2.322-2.319m1.451,2.319a1.45,1.45,0,0,0-1.451-1.45,1.522,1.522,0,1,0,0,3.044,1.45,1.45,0,0,0,1.451-1.595" transform="translate(-187.647 -210.73)"/>
<path id="_2-10" data-name="2" d="M398.206,79.8a28.311,28.311,0,0,1,6.385,2.9l-1.451,2.464a31.789,31.789,0,0,0-6.24-3.044Zm-.726,14.786c7.4-2.319,12.334-6.523,14.946-12.466l2.612,1.595A25.1,25.1,0,0,1,399.947,96.76a.725.725,0,0,1-.435.58Z" transform="translate(-187.737 -216.17)"/>
<path id="_1-10" data-name="1" d="M413.878,71.678l-.435.29c-2.031,6.668-5.224,9.857-11.9,11.742a10.726,10.726,0,0,0-1.6-2.174c5.514-1.3,9.142-4.349,10.158-8.118H396.9V70.808h14.656Zm-2.467-3.914H398.932V65.3h12.479Z" transform="translate(-187.737 -222.689)"/>
</g>
</a>
<a href="DUMMY">
<g id="sotomomo">
<path id="bg-11" data-name="bg" class="cls-16 bg" d="M4.4,214.1a4.075,4.075,0,0,1-3.754-1.687c-1.511-2.438-.372-7.51,3.386-15.075,1.18-2.451,2.8-5.166,4.677-8.309,3.763-6.3,8.445-14.147,11.285-23.147.818-2.6,1.6-5.345,2.4-8.4,4.832,6.379,10.983,12.9,19.989,12.9a21.817,21.817,0,0,0,7.078-1.26c7.99-2.749,12.776-10.549,15.385-16.608A58.8,58.8,0,0,0,68.63,139.9a196.754,196.754,0,0,0,2-20.556c.454-10.385.125-24.678-4.025-33.8-3.437-7.557-10.223-14.117-18.619-18a197.218,197.218,0,0,1,8.722-21.251l-.29-.29C63.062,32.463,69.4,21.864,72.8,16.17l.025-.042q.463-.775.857-1.435a76.8,76.8,0,0,1,6.3-9.277C82.957,1.822,85.557,0,87.716,0a3.719,3.719,0,0,1,.625.052c2.214.379,4.417,2.708,6.548,6.922a66.341,66.341,0,0,1,4.045,10.618c5.821,20.352,11.318,39.574,5.514,67.116-3.4,16.131-11.462,32.68-18.575,47.281C80.9,142.2,76.2,151.844,73.976,159.652c-.781,2.74-1.469,5.452-2.135,8.074-1.946,7.664-3.783,14.9-7.434,20.79-4.06,6.549-9.918,10.735-18.437,13.175-10.1,2.724-27.72,7.608-32.214,9.713C9.842,213.195,6.694,214.1,4.4,214.1Z" fill="url(#img1)" transform="translate(184.234 -136.422)"/>
<path id="_3-9" data-name="3" d="M439.207,141.843v3.914c0,.87.29,1.45,1.741,1.45h6.24v2.609h-6.675c-3.192,0-4.208-1.45-4.208-3.914v-3.914h-5.8v-2.464h5.8v-4.059h-4.353V133h14.076v2.464h-6.965v4.059h9v2.464Z" transform="translate(-172.581 -192.252)"/>
<path id="_2-11" data-name="2" d="M439.207,128.043v3.914c0,.87.29,1.45,1.741,1.45h6.24v2.609h-6.675c-3.192,0-4.208-1.45-4.208-3.914v-3.914h-5.8v-2.464h5.8v-4.059h-4.353V119.2h14.076v2.464h-6.965v4.059h9v2.464Z" transform="translate(-172.581 -198.456)"/>
<path id="_1-11" data-name="1" d="M446.2,103.59c0,.145-.145.29-.58.435v9.422a19.736,19.736,0,0,0,4.643,2.9,11.453,11.453,0,0,0-1.886,2.319l-2.757-1.74v6.958H442.86v-9.422a23.623,23.623,0,0,1-2.757-3.624c-1.451,6.233-4.063,10.582-7.836,12.9a9.283,9.283,0,0,0-2.032-1.885,13.923,13.923,0,0,0,5.369-5.508l-2.757-2.174,1.451-1.884,2.467,1.74a25.494,25.494,0,0,0,1.306-4.929h-3.192a17.825,17.825,0,0,1-3.337,5.943l-1.741-1.884c1.886-2.029,3.337-5.943,3.918-9.857l3.047.725c0,.145-.29.29-.581.29l-.58,2.319h3.918l1.741.725-.29.435v.87l.58-.29a15.8,15.8,0,0,0,1.741,2.464v-7.393Z" transform="translate(-172.896 -205.604)"/>
</g>
</a>
<a href="DUMMY">
<g id="uchimomo">
<path id="bg-12" data-name="bg" class="cls-17 bg" d="M394.691,134.089c-21.476,14.641-25.394,33.486-20.751,42.038,9.142,17.105,27.281,25.078,32.94,33.775s14.076,17.975,26.12,12.032,14.946-27.542,14.946-27.542,3.483-35.8-2.467-47.836-29.312-27.107-50.788-12.611" fill="url(#img1)" transform="translate(-198.879 -194.5)"/>
<path id="_3-10" data-name="3" d="M408.807,178.287V182.2c0,.87.29,1.45,1.741,1.45h6.24v2.609h-6.675c-3.192,0-4.208-1.45-4.208-3.914v-3.914h-5.8v-2.464h5.8v-4.2h-4.353V169.3h14.076v2.464h-6.965v4.059h9v2.464Z" transform="translate(-191.246 -179.893)"/>
<path id="_2-12" data-name="2" d="M408.807,164.488V168.4c0,.87.29,1.45,1.741,1.45h6.24v2.319h-6.675c-3.192,0-4.208-1.45-4.208-3.914v-3.914h-5.8v-2.319h5.8v-4.059h-4.353V155.5h14.076v2.464h-6.965v4.059h9v2.464Z" transform="translate(-191.246 -186.098)"/>
<path id="_1-12" data-name="1" d="M418.239,143.324V157.24c0,2.609-1.016,3.044-5.514,3.044a8.545,8.545,0,0,0-.871-2.609h2.177c1.306,0,1.451,0,1.451-.435V145.933h-5.369a18.691,18.691,0,0,1-.29,2.174,56.426,56.426,0,0,1,5.514,5.508l-2.177,1.74a39.143,39.143,0,0,0-4.063-4.639,11.311,11.311,0,0,1-4.789,5.219l-1.6-1.74v6.233H400.1V143.324h7.4V139.7h3.337c0,.29-.145.435-.58.435v3.044Zm-15.382,2.609v7.828a8.552,8.552,0,0,0,4.789-7.828Z" transform="translate(-191.246 -193.201)"/>
</g>
</a>
<a href="DUMMY">
<g id="shintama">
<path id="bg-13" data-name="bg" class="cls-18 bg" d="M379.589,165.014c4.063,6.523,13.64,17.975,18.284,27.252s5.659,29.137-1.6,37.834-29.022,11.452-34.826.87-14.076-27.542-15.672-43.2-.435-31.311,10.883-35.66,19.009,6.378,22.927,12.9" fill="url(#img1)" transform="translate(-211.057 -184.112)"/>
<path id="_4-4" data-name="4" d="M378.623,194.825a.58.58,0,0,1-.29.435,35.5,35.5,0,0,1-4.934,9.567l4.353,2.029-1.6,2.609a39.058,39.058,0,0,0-10.738-4.349l1.161-2.319,4.353,1.16a28.985,28.985,0,0,0,3.628-6.668L362.226,201.2l-.725-2.319,14.511-4.494.29-.29Z" transform="translate(-204.706 -163.782)"/>
<path id="_3-11" data-name="3" d="M372.705,183.415a.725.725,0,0,1-.145.435,29.832,29.832,0,0,1-.725,6.958l2.612.725-.726,2.754-2.757-.87a19.278,19.278,0,0,1-4.934,7.248,7.984,7.984,0,0,0-2.467-1.3,18.7,18.7,0,0,0,4.934-6.668l-3.773-.58.726-2.319,3.918.435a16.8,16.8,0,0,0,.58-4.349l-5.369,1.74a23.181,23.181,0,0,1-2.612,6.233l-2.467-.87a18.541,18.541,0,0,0,3.192-10.292l3.337-.29c0,.29-.145.435-.58.58a17.949,17.949,0,0,1-.29,2.029l5.224-1.595.435-.29Z" transform="translate(-205.608 -169.042)"/>
<path id="_2-13" data-name="2" d="M355.335,173.029a26.289,26.289,0,0,1,6.53.725l-.58,2.609a29.628,29.628,0,0,0-6.385-.87Zm3.483,13.336c5.949-4.059,9.142-9.277,9.722-15.366l2.757.725a23.479,23.479,0,0,1-9.722,15.945.724.724,0,0,1-.145.58Z" transform="translate(-207.683 -174.167)"/>
<path id="_1-13" data-name="1" d="M351.935,165.243a29.054,29.054,0,0,1,5.514.29L357.014,168a30.219,30.219,0,0,0-5.514-.29Zm.871-5.508a31.229,31.229,0,0,1,5.659.29l-.58,2.464a28.032,28.032,0,0,0-5.514-.58Zm2.612,14.351c5.369-3.769,8.707-8.263,9.577-14.786l2.612.87a22.611,22.611,0,0,1-9.432,15.076.435.435,0,0,1-.145.58Z" transform="translate(-209.217 -179.427)"/>
</g>
</a>
<a href="DUMMY">
<g id="katabara">
<path id="bg-14" data-name="bg" class="cls-19 bg" d="M83.476,152.317h0A97,97,0,0,1,59.71,142.179,68.463,68.463,0,0,1,40.352,125.26,153.125,153.125,0,0,1,28,105.831a248.83,248.83,0,0,1-10.8-22.609C10.792,67.934,5.847,52.3,3.64,40.315c-.224-1.213-.481-2.526-.753-3.915l0-.014-.031-.159A141.777,141.777,0,0,1,.086,17.754C-.317,10.591.7,5.785,3.2,3.06A8.634,8.634,0,0,1,7.455.716,25.677,25.677,0,0,1,14.092,0c7.951,0,19.5,2.133,31.629,4.509C51.545,5.65,59.01,6.577,66.914,7.558l.034,0,.623.077,2.342.292c.653,14.964,4.249,38.15,7.151,54.967,3.381,19.587,6.822,36.4,7.832,40.65,2.6,10.939,9.915,14.987,15.893,15.127,2.82.066,6.766.3,10.945.554l.053,0c5.556.334,11.3.679,15.218.679,7.6,0,13.3-6.268,16.072-17.649,1.588-6.8,6.062-21.236,13.3-42.907a129.345,129.345,0,0,1,5.079,23.236,110.923,110.923,0,0,1,.791,20.489,105.415,105.415,0,0,1-2.6,14.586,70.371,70.371,0,0,1-4.066,11.68,50.544,50.544,0,0,1-5.307,9.088,41.9,41.9,0,0,1-4.857,5.489c-2.243-10.773-8.207-17.83-15.953-18.878a136.336,136.336,0,0,0-30.552.341,17.208,17.208,0,0,0-10.8,6.391c-3.456,4.308-5.121,10.23-4.816,17.126.046,1.123.108,2.27.185,3.41Z" fill="url(#img1)" transform="translate(-206.443 -51.44)"/>
<path id="_3-12" data-name="3" d="M154.378,199.178l-.435.29c-1.886,6.668-5.224,9.857-11.9,11.742a10.875,10.875,0,0,0-1.6-2.174c5.514-1.3,9.142-4.349,10.158-8.118H137.4v-2.609h14.366l.29-.29Zm-2.467-3.914H139.432V192.8h12.479Z" transform="translate(-304.796 -165.366)"/>
<path id="_2-14" data-name="2" d="M144.571,182.529a.725.725,0,0,1-.58.435c-.871,5.074-2.612,10.582-5.079,13.771l-2.612-1.45c2.467-3.044,4.063-8.118,4.789-13.481Zm9,14.061a90.832,90.832,0,0,0-5.369-13.771l2.612-1.16a82.435,82.435,0,0,1,5.659,13.771Zm-1.741-18.265a16.091,16.091,0,0,1,2.322,3.044l-1.306.87a18.41,18.41,0,0,0-2.322-3.044Zm3.047-.725a20.588,20.588,0,0,1,2.322,3.044l-1.306,1.015a19.138,19.138,0,0,0-2.322-3.044Z" transform="translate(-305.292 -172.2)"/>
<path id="_1-14" data-name="1" d="M154.529,172.163h-13.2c-.145,3.334-.726,7.973-3.047,10.872a9.867,9.867,0,0,0-2.177-1.45c2.467-3.044,2.612-7.393,2.612-10.292v-4.2h15.817Zm-17.7-8.263h19.3v2.319h-19.3Zm15.091,5.074H141.179v1.3h10.738Zm2.757,4.059v7.973c0,2.174-1.016,2.464-4.789,2.464a7.532,7.532,0,0,0-.726-2.029H150.9c1.161,0,1.161,0,1.161-.435v-.87h-7.836v3.334h-2.467V173.032Zm-2.612,1.884h-7.836v1.015h7.836Zm-7.836,3.624h7.836v-1.015h-7.836Z" transform="translate(-305.383 -178.359)"/>
</g>
</a>
<a href="DUMMY">
<g id="sune2">
<path id="bg-15" data-name="bg" class="cls-20 bg" d="M392.244,234.62c9.142-1.739,31.634-6.378,38.164-9.422s14.076-.58,15.962,6.523c5.95,20,4.934,33.92,2.612,42.183s-3.337,19.135-12.044,22.9-18.139-4.349-26.41-12.032-17.848-19.859-21.041-29.427-6.24-18.845,2.9-20.584" fill="url(#img1)" transform="translate(-192.513 -151.376)"/>
<path id="_2-15" data-name="2" d="M421.391,252.694l1.886,1.45-.58.29a39.163,39.163,0,0,1-5.079,5.073h.435a.725.725,0,0,1-.58.435V268.2h-2.757v-6.668a41.083,41.083,0,0,1-6.675,3.479l-1.741-2.174a32.943,32.943,0,0,0,12.044-7.538h-9.577v-2.464H418.2a45.161,45.161,0,0,0-6.53-2.464l1.306-2.174a38.631,38.631,0,0,1,6.82,2.319l-1.306,2.174h2.9Zm2.757,12.177a40.2,40.2,0,0,0-5.659-3.914l1.741-1.884a39.324,39.324,0,0,1,5.95,3.769Z" transform="translate(-178.497 -146.459)"/>
<path id="_1-15" data-name="1" d="M422.707,236.27l-.435.435a35.211,35.211,0,0,1-4.063,7.248,87.473,87.473,0,0,1,7.256,6.668L423,252.8a68.9,68.9,0,0,0-6.675-6.668,35.687,35.687,0,0,1-7.691,6.668,14.068,14.068,0,0,0-2.032-2.029,28.133,28.133,0,0,0,11.754-12.756h-9.867V235.4h11.9Z" transform="translate(-178.362 -152.214)"/>
</g>
</a>
<a href="DUMMY">
<g id="sune">
<path id="bg-16" data-name="bg" class="cls-21 bg" d="M211.179,227.584c7.546,1.015,14.221,8.987,14.511,24.208.145,11.307-5.514,42.618-9.432,53.345S194.637,316.3,188.4,306.3s-15.672-33.775-16.688-58.418c-.58-13.046,7.11-19.135,13.35-20a117.08,117.08,0,0,1,26.12-.29" fill="url(#img1)" transform="translate(-290.333 -148.996)"/>
<path id="_2-16" data-name="2" d="M198.891,258.149l1.886,1.45-.58.29a39.021,39.021,0,0,1-5.079,5.074h.435a.726.726,0,0,1-.58.435v7.973h-2.757V266.7a41.081,41.081,0,0,1-6.675,3.479l-1.741-2.174a32.945,32.945,0,0,0,12.044-7.538h-9.577v-2.029H195.7a45.148,45.148,0,0,0-6.53-2.464l1.306-2.174a38.624,38.624,0,0,1,6.82,2.319l-1.306,2.174H198.6Zm2.757,12.177a40.338,40.338,0,0,0-5.659-3.914l1.741-1.884a39.326,39.326,0,0,1,5.949,3.769Z" transform="translate(-279.865 -140.941)"/>
<path id="_1-16" data-name="1" d="M200.207,241.77l-.435.435a35.217,35.217,0,0,1-4.063,7.248,87.482,87.482,0,0,1,7.255,6.668L200.5,258.3a68.9,68.9,0,0,0-6.675-6.668,35.687,35.687,0,0,1-7.691,6.668,14.216,14.216,0,0,0-2.032-2.029,28.133,28.133,0,0,0,11.754-12.756h-9.867V240.9h11.9Z" transform="translate(-279.73 -146.741)"/>
</g>
</a>
<a href="DUMMY">
<g id="arm">
<path id="bg-17" data-name="bg" class="cls-22 bg" d="M218.451,110.944c-28.006-12.032-53.69,24.208-56.157,42.473s10.883,89.875,13.06,99.587,8.271,14.061,14.076,14.206,17.123,1.16,23.217,1.16,11.319-6.088,13.35-14.931c2.777-12.611,16.977-51.885,22.992-74.967.811-3.112,1.514-6.149,1.967-8.674,3.483-19.424,1.741-44.068-32.5-58.853" fill="url(#img1)" transform="translate(-293.703 -205.243)"/>
<path id="_5-3" data-name="5" d="M183.445,188.3a14.086,14.086,0,0,0,20.315,0h.145v2.029a14.958,14.958,0,0,1-20.606,0V188.3Z" transform="translate(-284.091 -167.389)"/>
<path id="_4-5" data-name="4" d="M201.629,182.563h-13.2c-.145,3.334-.726,7.973-3.047,10.872a10.014,10.014,0,0,0-2.177-1.45c2.467-3.044,2.612-7.393,2.612-10.292v-4.2h15.817Zm-17.7-8.263h19.3v2.319h-19.3Zm15.091,5.074H188.279v1.3h10.738Zm2.757,4.059v7.973c0,2.174-1.016,2.464-4.789,2.464a7.532,7.532,0,0,0-.726-2.029H198c1.161,0,1.161,0,1.161-.435v-.87h-7.836v3.334h-2.612V183.432Zm-2.612,1.884h-7.836v1.015h7.836Zm-7.836,3.624h7.836v-1.015h-7.836Z" transform="translate(-284.136 -173.684)"/>
<path id="_3-13" data-name="3" d="M203.76,175.005a14.086,14.086,0,0,0-20.315,0H183.3v-2.029a14.958,14.958,0,0,1,20.606,0v2.029Z" transform="translate(-284.091 -176.128)"/>
<path id="_2-17" data-name="2" d="M184.5,161.882v-2.609h17.123v2.609h-6.095a.435.435,0,0,1-.435.29,12.322,12.322,0,0,1-6.53,9.422l-2.177-1.74a9.568,9.568,0,0,0,5.8-8.118Zm15.091-6.088-1.016-1.74v2.029h-11.9v-2.609H198.14l-.726-.87,1.306-.87a17.109,17.109,0,0,1,2.322,3.044Zm3.047-.58a16.817,16.817,0,0,0-2.322-3.044l1.161-.87a18.7,18.7,0,0,1,2.467,3.044Z" transform="translate(-283.55 -184.024)"/>
<path id="_1-17" data-name="1" d="M191.52,137.8H195a.725.725,0,0,1-.726.58v3.044h4.934l2.322,1.015-.435.29c-1.306,7.828-4.353,12.032-11.173,14.5a17.246,17.246,0,0,0-1.886-2.319c6.095-2.029,8.852-5.508,9.577-10.582h-10.3v4.639H184.7v-7.248h6.53Z" transform="translate(-283.459 -190.094)"/>
</g>
</a>
</g>
</svg>
</div>
</div>
              
            
!

CSS

              
                .cow {
  display: block;
  position: relative;
  order: 3;
  width: 695px;
  height: 504px;
}

.cow:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 695px;
  height: 504px;
  background: url(https://greetings.c-brains.jp/2021_winter/img/ph_cow.png) no-repeat 50% 50%;
  background-size: contain;
}

.cow-inner {
  display: block;
  position: relative;
  height: 100%;
}

.cow-inner svg {
  width: 100%;
  height: 100%;
}

.cow-inner a {
  outline: none;
  cursor: pointer;
  max-width: 100%;
  height: auto;
  transition: fill-opacity ease-in-out 0.5s;
}

.cow-inner a:hover {
  fill-opacity: 0.7;
}

.cow-inner #cow .border {
  fill: #fff;
}

.cow-inner #cow #b1 {
  stroke: #fff;
  stroke-width: 4.36;
  stroke-linecap: round;
}

.cow-inner #cow #b2 {
  stroke: #000;
  stroke-width: 1.45;
  stroke-linecap: round;
}
              
            
!

JS

              
                
              
            
!
999px

Console