PageSourceSearch

https://www.oz-design.jp/

html oz-design.jp collected 2026-10-08 00:46:53 UTC 430,212 bytes, 50 lines download raw bytes

1<!DOCTYPE html><html><head><meta charset="utf-8">
2<meta name="viewport" content="width=device-width, initial-scale=1">
3<title>株式会社オズ</title>
4<style>/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:""}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-teal-400:oklch(77.7% .152 181.912);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--aspect-video:16/9;--default-transition-duration:.4s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-site-black-100:#1e1e1e;--color-site-yellow-100:#fdd000;--color-site-yellow-200:#fffb00;--color-site-gray-100:#f2f2f2;--color-site-gray-150:#e2e2e2;--color-site-gray-200:#dedede;--color-site-gray-300:#8e8e8e;--color-site-red-100:#e90113;--color-site-blue-100:#027dfc;--text-site-h1:2.25rem;--text-site-h1--font-weight:800;--text-site-h1--line-height:1.8;--text-site-h1--letter-spacing:0;--text-site-h2:1.75rem;--text-site-h2--font-weight:800;--text-site-h2--line-height:1.8;--text-site-h2--letter-spacing:0;--text-site-h3:1.5rem;--text-site-h3--font-weight:800;--text-site-h3--line-height:1.8;--text-site-h3--letter-spacing:0;--text-site-h4:1.25rem;--text-site-h4--font-weight:800;--text-site-h4--line-height:1.8;--text-site-h4--letter-spacing:0;--text-site-h5:1.125rem;--text-site-h5--font-weight:800;--text-site-h5--line-height:1.8;--text-site-h5--letter-spacing:0;--text-site-h6:1rem;--text-site-h6--font-weight:700;--text-site-h6--line-height:1.8;--text-site-h6--letter-spacing:0;--text-site-body:.875rem;--text-site-body--font-weight:600;--text-site-body--line-height:2;--text-site-body--letter-spacing:0;--text-site-body-tight:.875rem;--text-site-body-tight--font-weight:600;--text-site-body-tight--line-height:1.5;--text-site-body-tight--letter-spacing:0;--text-site-form:.875rem;--text-site-form--line-height:1.5;--text-site-form--letter-spacing:0;--text-site-annotation:.75rem;--text-site-annotation--font-weight:600;--text-site-annotation--line-height:1.5;--text-site-annotation--letter-spacing:0;--text-site-tag:.625rem;--text-site-tag--font-weight:800;--text-site-tag--line-height:1;--text-site-tag--letter-spacing:0;--text-site-caution:.75rem;--text-site-caution--font-weight:600;--text-site-caution--line-height:1.5;--text-site-caution--letter-spacing:0;--text-site-en-3xl:8.75rem;--text-site-en-3xl--font-weight:500;
4--text-site-en-3xl--line-height:1;--text-site-en-3xl--letter-spacing:0;--text-site-en-2xl:4.375rem;--text-site-en-2xl--font-weight:500;--text-site-en-2xl--line-height:1;--text-site-en-2xl--letter-spacing:0;--text-site-en-xl:3rem;--text-site-en-xl--font-weight:500;--text-site-en-xl--line-height:1;--text-site-en-xl--letter-spacing:0;--text-site-en-ll:2.375rem;--text-site-en-ll--font-weight:500;--text-site-en-ll--line-height:1;--text-site-en-ll--letter-spacing:0;--text-site-en-l:1.75rem;--text-site-en-l--font-weight:500;--text-site-en-l--line-height:1;--text-site-en-l--letter-spacing:0;--text-site-en-m:1.25rem;--text-site-en-m--font-weight:500;--text-site-en-m--line-height:1;--text-site-en-m--letter-spacing:0;--text-site-en-s:.875rem;--text-site-en-s--font-weight:500;--text-site-en-s--line-height:1;--text-site-en-s--letter-spacing:0;--text-site-en-xs:.75rem;--text-site-en-xs--font-weight:500;--text-site-en-xs--line-height:1;--text-site-en-xs--letter-spacing:0;--text-site-en-intro:.75rem;--text-site-en-intro--font-weight:500;--text-site-en-intro--line-height:1.8;--text-site-en-intro--letter-spacing:0;--text-site-recruit:14.3125rem;--text-site-recruit--font-weight:600;--text-site-recruit--line-height:1;--text-site-recruit--letter-spacing:0;--text-site-type:2.625rem;--text-site-type--font-weight:800;--text-site-type--line-height:1.8;--text-site-type--letter-spacing:0;--font-display:"TsukuGoPro-B-HelveticaNowTextMedium","Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--ease-bounce:linear(0,.00003,.00013,.00029 .18%,.00055 .25%,.00084,.0012,.00161 .43%,.00217 .5%,.00272,.00332,.00399 .68%,.00483 .75%,.00562 .81%,.00662 .88%,.00753 .94%,.00866 1.01%,.0097 1.07%,.01097 1.14%,.01212 1.2%,.01353 1.27%,.0148 1.33%,.01634 1.4%,.01772 1.46%,.0194 1.53%,.02089 1.59%,.0227,.02457,.02651 1.8%,.03028 1.93%,.0346 2.07%,.03884 2.2%,.04364,.04868,.05396,.05947 2.76%,.06562 2.91%,.07158 3.05%,.0782,.08506,.09214,.09944,.10695,.11467 3.95%,.12312,.13179,.14066 4.43%,.14745 4.55%,.15493 4.68%,.17024,.18602 5.201%,.20285 5.471%,.22075 5.751%,.23972 6.041%,.25976 6.341%,.28086 6.651%,.29882 6.911%,.31841 7.191%,.33893 7.481%,.36179 7.801%,.40583 8.411%,.49024 9.571%,.52576 10.061%,.56171 10.561%,.59369 11.011%,.61197 11.271%,.6294 11.521%,.64597,.66237 12.001%,.67793,.69332,.70852 12.691%,.72289 12.911%,.739,.75486,.77047 13.661%,.78521,.79971,.81395,.82792,.84164,.85508 15.102%,.8677 15.332%,.88059 15.572%,.89267,.9045,.91605,.92733,.93834 16.722%,.94953 16.962%,.95997,.97014,.98003,.98963,.99896,1.008,1.01676,1.02525,1.03345,1.04138 19.262%,1.0454,1.04935 19.502%,1.05291 19.612%,1.05671 19.732%,1.06013 19.842%,1.0638 19.962%,1.06709 20.072%,1.07061,1.07405,1.07743 20.432%,1.08045 20.542%,1.08368,1.08684,1.08993 20.902%,1.0927 21.012%,1.09565,1.09853,1.10134,1.10408,1.10674,1.10934,1.11187,1.11433,1.11673,1.11905,1.12131,1.1235,1.12563,1.12769 22.692%,1.12984 22.822%,1.13177,1.13363,1.13543 23.182%,1.1373 23.312%,1.13897 23.432%,1.14071 23.562%,1.14224 23.682%,1.14384 23.812%,1.14526 23.932%,1.14672 24.062%,1.14801 24.182%,1.14934 24.312%,1.15089,1.15234,1.15368,1.15493,1.15609,1.15715,1.15811 25.433%,1.15856 25.513%,1.15904 25.603%,1.15944,1.15982,1.16017 25.843%,1.16055 25.933%,1.16086 26.013%,1.16118 26.103%,1.16144 26.183%,1.16172 26.273%,1.16194 26.353%,1.16216 26.443%,1.16233 26.523%,1.16251 26.613%,1.16264 26.693%,1.16277 26.783%,1.16286 26.863%,1.16294 26.953%,1.16299 27.033%,1.16302,1.16303,1.16302 27.303%,1.16299 27.383%,1.16293,1.16285,1.16275,1.16263,1.16248,1.16231,1.16213,1.16192,1.16169,1.16144 28.283%,1.16113 28.383%,1.16084 28.473%,1.16049 28.573%,1.15977,1.15896,1.15807,1.1571 29.333%,1.156,1.15482,1.15356 29.933%,1.1525,1.15139,1.15024 30.413%,1.14897,1.14765,1.14629,1.14488 31.093%,1.14335,1.14176,1.14014,1.13847 31.813%,1.13667,1.13483,1.13295 32.383%,1.13093,1.12887 32.783%,1.12698 32.963%,1.12496 33.153%,1.12084 33.533%,1.11628 33.943%,1.1114 34.373%,1.10655 34.793%,1.10117 35.254%,1.0955 35.734%,1.07914 37.114%,1.07396 37.554%,1.06941 37.944%,1.06422 38.394%,1.05945 38.814%,1.05487 39.224%,1.05059 39.614%,1.048 39.854%,1.04554,1.04312 40.314%,1.04083,1.03858,1.03636,1.03417 41.194%,1.03211 41.404%,1.02999 41.624%,1.028,1.02604,1.02412,1.02223,1.02038,1.01856,1.01677 43.094%,1.0147 43.344%,1.01276,1.01086,1.00901 44.064%,1.00714 44.314%,1.0054,1.0037,1.00206,1.00046,.99891,.99742 45.755%,.99591 46.005%,.99451,.99317,.99187 46.725%,.99057 46.975%,.98937 47.215%,.98818 47.465%,.98708 47.705%,.98599 47.955%,.98499 48.195%,.98399,.98305,.98215,.98131,.98051,.97976 49.695%,.97903,.97835,.97772,.97713,.9766 50.995%,.97596 51.335%,.97539,.9749,.97448 52.385%,.97413,.97385,.97364 53.465%,.9735 53.835%,.97343 54.215% 54.595%,.9735,.97363 55.376%,.97384,.97411 56.196%,.97445 56.616%,.97488 57.056%,.97524,.97565 57.736%,.9761,.9766 58.456%,.97713 58.826%,.97773 59.216%,.97837 59.616%,.97907 60.036%,.98038 60.786%,.98194 61.636%,.98357 62.496%,.98701 64.276%,.9885 65.057%,.99004 65.877%,.99139 66.617%,.99288 67.467%,.99423 68.277%,.99546 69.057%,.9966 69.827%,.99722,.99781,.99838,.99891,.99943 72.027%,.9999,1.00035 72.887%,1.00078 73.327%,1.00117 73.757%,1.00155,1.0019,1.00223,1.00252 75.518%,1.0028,1.00306 76.418%,1.00329 76.878%,1.00363 77.668%,1.0039 78.468%,1.0041 79.288%,1.00424 80.128%,1.00432 80.988%,1.00433 81.888%,1.00428 82.828%,1.00417 83.808%,1.00404 84.578%,1.00388 85.389%,1.00368 86.249%,1.00343 87.189%,1.00293 88.889%,1.00156 93.309%,1.00119 94.569%,1.00087 95.74%,1.0006 96.83%,1.00036 97.9%,1.00015,.99996)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}
4code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color-scheme:light dark}html{scrollbar-gutter:stable;word-break:auto-phrase}body{background-color:var(--color-white);color:var(--color-site-black-100);font-family:var(--font-display);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}:focus-visible{--tw-outline-style:none;outline-style:none}:where(:root){overflow-wrap:anywhere;text-spacing-trim:trim-start;line-break:strict}:where(h1,h2,h3,h4,h5,h6){font-kerning:normal;text-wrap:pretty}:where(h1,h2,h3,h4,h5,h6):lang(ja){font-feature-settings:"palt";word-break:auto-phrase}:where(p){-webkit-hyphens:auto;hyphens:auto}:where(p):lang(ja){font-kerning:none}:where(p):lang(en){font-kerning:normal;text-wrap:pretty}:where(pre){text-spacing-trim:space-all}:where([id],:focus){scroll-margin-top:calc(var(--spacing)*20)}@media not all and (min-width:40rem){:where([id],:focus){scroll-margin-top:calc(var(--spacing)*10)}}}@layer components{.site-contents{margin-inline:auto;max-width:calc(var(--spacing)*280)}@media not all and (min-width:40rem){.site-contents{margin-inline:calc(var(--spacing)*5)}}.recruit-contents{margin-inline:auto;max-width:calc(var(--spacing)*300)}@media not all and (min-width:40rem){.recruit-contents{margin-inline:calc(var(--spacing)*5)}}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-5{inset:calc(var(--spacing)*5)}.-top-4{top:calc(var(--spacing)*-4)}.-top-6{top:calc(var(--spacing)*-6)}.-top-8{top:calc(var(--spacing)*-8)}.-top-18{top:calc(var(--spacing)*-18)}.-top-25{top:calc(var(--spacing)*-25)}.-top-60{top:calc(var(--spacing)*-60)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-10{top:calc(var(--spacing)*10)}.top-12{top:calc(var(--spacing)*12)}.top-17{top:calc(var(--spacing)*17)}.top-20{top:calc(var(--spacing)*20)}.top-41{top:calc(var(--spacing)*41)}.top-72{top:calc(var(--spacing)*72)}.top-\[-1\%\]{top:-1%}.top-\[-6\%\]{top:-6%}.top-\[-22\%\]{top:-22%}.top-\[4\%\]{top:4%}.top-\[43\%\]{top:43%}.top-\[350px\]{top:350px}.top-\[358px\]{top:358px}.-right-2\.5{right:calc(var(--spacing)*-2.5)}.-right-13{right:calc(var(--spacing)*-13)}.-right-39{right:calc(var(--spacing)*-39)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.right-6{right:calc(var(--spacing)*6)}.right-12{right:calc(var(--spacing)*12)}.right-15{right:calc(var(--spacing)*15)}.right-\[1\%\]{right:1%}.right-\[2\%\]{right:2%}.right-\[4\%\]{right:4%}.right-\[calc\(50vw\+29\.5rem\)\]{right:calc(50vw + 29.5rem)}.-bottom-9{bottom:calc(var(--spacing)*-9)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.-bottom-25{bottom:calc(var(--spacing)*-25)}.-bottom-90{bottom:calc(var(--spacing)*-90)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-5{bottom:calc(var(--spacing)*5)}.bottom-5\.5{bottom:calc(var(--spacing)*5.5)}.bottom-5\.75{bottom:calc(var(--spacing)*5.75)}.bottom-7\.5{bottom:calc(var(--spacing)*7.5)}.bottom-10{bottom:calc(var(--spacing)*10)}.bottom-15{bottom:calc(var(--spacing)*15)}.bottom-\[4\%\]{bottom:4%}
4.bottom-\[6\%\]{bottom:6%}.-left-4\.5{left:calc(var(--spacing)*-4.5)}.-left-37{left:calc(var(--spacing)*-37)}.left-0{left:calc(var(--spacing)*0)}.left-1\.5{left:calc(var(--spacing)*1.5)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-3\.5{left:calc(var(--spacing)*3.5)}.left-4{left:calc(var(--spacing)*4)}.left-7\.5{left:calc(var(--spacing)*7.5)}.left-8{left:calc(var(--spacing)*8)}.left-\[-3\%\]{left:-3%}.left-\[-7\%\]{left:-7%}.left-\[38\%\]{left:38%}.left-\[calc\(50vw\+20rem\)\]{left:calc(50vw + 20rem)}.left-\[calc\(50vw\+31\.5rem\)\]{left:calc(50vw + 31.5rem)}.left-\[calc\(50vw-10\.5rem\)\]{left:calc(50vw - 10.5rem)}.left-\[calc\(50vw-13rem\)\]{left:calc(50vw - 13rem)}.left-\[calc\(50vw-17\.25rem\)\]{left:calc(50vw - 17.25rem)}.left-\[calc\(50vw-48rem\)\]{left:calc(50vw - 48rem)}.left-\[calc\(50vw-50\.625rem\)\]{left:calc(50vw - 50.625rem)}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-0{z-index:0}.z-2{z-index:2}.z-3{z-index:3}.z-10{z-index:10}.z-15{z-index:15}.z-20{z-index:20}.z-40{z-index:40}.z-49{z-index:49}.z-50{z-index:50}.z-99{z-index:99}.order-1{order:1}.order-2{order:2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2\.5{margin-inline:calc(var(--spacing)*2.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-5\.5{margin-inline:calc(var(--spacing)*5.5)}.mx-9{margin-inline:calc(var(--spacing)*9)}.mx-11\.5{margin-inline:calc(var(--spacing)*11.5)}.mx-\[2px\]{margin-inline:2px}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.me-\[2\.25rem\]{margin-inline-end:2.25rem}.-mt-22{margin-top:calc(var(--spacing)*-22)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-1\.25{margin-top:calc(var(--spacing)*1.25)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-3\.5{margin-top:calc(var(--spacing)*3.5)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7\.5{margin-top:calc(var(--spacing)*7.5)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-8\.5{margin-top:calc(var(--spacing)*8.5)}.mt-8\.25{margin-top:calc(var(--spacing)*8.25)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-11{margin-top:calc(var(--spacing)*11)}.mt-11\.5{margin-top:calc(var(--spacing)*11.5)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-12\.5{margin-top:calc(var(--spacing)*12.5)}.mt-12\.25{margin-top:calc(var(--spacing)*12.25)}.mt-13{margin-top:calc(var(--spacing)*13)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-15{margin-top:calc(var(--spacing)*15)}.mt-17\.5{margin-top:calc(var(--spacing)*17.5)}.mt-19\.5{margin-top:calc(var(--spacing)*19.5)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-22\.5{margin-top:calc(var(--spacing)*22.5)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-25{margin-top:calc(var(--spacing)*25)}.mt-30{margin-top:calc(var(--spacing)*30)}.mt-32\.5{margin-top:calc(var(--spacing)*32.5)}.mt-35{margin-top:calc(var(--spacing)*35)}.mt-36{margin-top:calc(var(--spacing)*36)}.mt-45{margin-top:calc(var(--spacing)*45)}.mt-58{margin-top:calc(var(--spacing)*58)}.mt-62\.5{margin-top:calc(var(--spacing)*62.5)}.mt-64{margin-top:calc(var(--spacing)*64)}.mt-80{margin-top:calc(var(--spacing)*80)}.mt-120{margin-top:calc(var(--spacing)*120)}.mt-\[60px\]{margin-top:60px}.mt-\[100px\]{margin-top:100px}.mt-\[113px\]{margin-top:113px}.mt-\[155\%\]{margin-top:155%}.-mb-\[18px\]{margin-bottom:-18px}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-\[150px\]{margin-bottom:150px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-\[20\%\]{margin-left:20%}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}
4.\[display\:list-item\]{display:list-item}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.aspect-\[93\/74\]{aspect-ratio:93/74}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\[80px\]{height:80px;width:80px}.h-0{height:calc(var(--spacing)*0)}.h-0\.25{height:calc(var(--spacing)*.25)}.h-1{height:calc(var(--spacing)*1)}.h-1\.75{height:calc(var(--spacing)*1.75)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-9{height:calc(var(--spacing)*9)}.h-10\.75{height:calc(var(--spacing)*10.75)}.h-11\.5{height:calc(var(--spacing)*11.5)}.h-17\.5{height:calc(var(--spacing)*17.5)}.h-22\.5{height:calc(var(--spacing)*22.5)}.h-28{height:calc(var(--spacing)*28)}.h-32\.5{height:calc(var(--spacing)*32.5)}.h-33{height:calc(var(--spacing)*33)}.h-36{height:calc(var(--spacing)*36)}.h-38{height:calc(var(--spacing)*38)}.h-40\.5{height:calc(var(--spacing)*40.5)}.h-42\.5{height:calc(var(--spacing)*42.5)}.h-58{height:calc(var(--spacing)*58)}.h-80{height:calc(var(--spacing)*80)}.h-94{height:calc(var(--spacing)*94)}.h-180{height:calc(var(--spacing)*180)}.h-\[7px\]{height:7px}.h-\[22px\]{height:22px}.h-\[40px\]{height:40px}.h-\[60px\]{height:60px}.h-\[65dvh\]{height:65dvh}.h-\[70dvh\]{height:70dvh}.h-\[75dvh\]{height:75dvh}.h-\[77dvh\]{height:77dvh}.h-\[80vh\]{height:80vh}.h-\[100vh\]{height:100vh}.h-\[155px\]{height:155px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-lvh{height:100lvh}.h-screen{height:100vh}.max-h-52{max-height:calc(var(--spacing)*52)}.max-h-150{max-height:calc(var(--spacing)*150)}.max-h-500{max-height:calc(var(--spacing)*500)}.max-h-\[25dvh\]{max-height:25dvh}.max-h-\[470px\]{max-height:470px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.\!w-37\.5{width:calc(var(--spacing)*37.5)!important}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-1\.75{width:calc(var(--spacing)*1.75)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-9{width:calc(var(--spacing)*9)}.w-10\.75{width:calc(var(--spacing)*10.75)}.w-12{width:calc(var(--spacing)*12)}.w-17\.5{width:calc(var(--spacing)*17.5)}.w-20{width:calc(var(--spacing)*20)}.w-28{width:calc(var(--spacing)*28)}.w-37{width:calc(var(--spacing)*37)}.w-64{width:calc(var(--spacing)*64)}.w-67\.5{width:calc(var(--spacing)*67.5)}.w-70{width:calc(var(--spacing)*70)}.w-78{width:calc(var(--spacing)*78)}.w-78\.5{width:calc(var(--spacing)*78.5)}.w-92\.5{width:calc(var(--spacing)*92.5)}.w-97\.5{width:calc(var(--spacing)*97.5)}.w-98\.75{width:calc(var(--spacing)*98.75)}.w-99{width:calc(var(--spacing)*99)}.w-102\.5{width:calc(var(--spacing)*102.5)}.w-108{width:calc(var(--spacing)*108)}.w-110{width:calc(var(--spacing)*110)}.w-112\.75{width:calc(var(--spacing)*112.75)}.w-113{width:calc(var(--spacing)*113)}.w-114\.5{width:calc(var(--spacing)*114.5)}.w-141{width:calc(var(--spacing)*141)}.w-150{width:calc(var(--spacing)*150)}.w-170{width:calc(var(--spacing)*170)}.w-210{width:calc(var(--spacing)*210)}.w-\[7px\]{width:7px}.w-\[22px\]{width:22px}.w-\[40px\]{width:40px}.w-\[45px\]{width:45px}.w-\[60px\]{width:60px}.w-\[70px\]{width:70px}.w-\[75px\]{width:75px}.w-\[76px\]{width:76px}.w-\[80\%\]{width:80%}.w-\[81\.56\%\]{width:81.56%}.w-\[82\.19\%\]{width:82.19%}.w-\[83\.44\%\]{width:83.44%}.w-\[84\.06\%\]{width:84.06%}.w-\[95px\]{width:95px}.w-auto{width:auto}.w-dvw{width:100dvw}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-91{max-width:calc(var(--spacing)*91)}.max-w-115\.75{max-width:calc(var(--spacing)*115.75)}.max-w-136{max-width:calc(var(--spacing)*136)}.max-w-160{max-width:calc(var(--spacing)*160)}.max-w-165{max-width:calc(var(--spacing)*165)}.max-w-200{max-width:calc(var(--spacing)*200)}.max-w-208{max-width:calc(var(--spacing)*208)}.max-w-270{max-width:calc(var(--spacing)*270)}.max-w-300{max-width:calc(var(--spacing)*300)}.max-w-\[30vw\]{max-width:30vw}.max-w-\[70dvw\]{max-width:70dvw}.max-w-\[100\%\]{max-width:100%}.max-w-\[335px\]{max-width:335px}.max-w-\[350px\]{max-width:350px}.max-w-\[500px\]{max-width:500px}.max-w-\[520px\]{max-width:520px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-center{transform-origin:50%}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-32{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-32{--tw-translate-x:calc(var(--spacing)*-32)}.-translate-x-64{--tw-translate-x:calc(var(--spacing)*-64)}.-translate-x-64,.-translate-x-96{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-96{--tw-translate-x:calc(var(--spacing)*-96)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0)}.translate-x-0,.translate-x-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0)}.translate-y-0,.translate-y-4{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4)}.translate-y-\[-7px\]{--tw-translate-y:-7px;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%}.scale-100,.scale-95{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%}.scale-110,.scale-x-0{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%}.-rotate-4{rotate:-4deg}.-rotate-5{rotate:-5deg}.-rotate-15{rotate:-15deg}.-rotate-18{rotate:-18deg}.-rotate-45{rotate:-45deg}.rotate-3{rotate:3deg}.rotate-5{rotate:5deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[auto_0\.8125rem\]{grid-template-columns:auto .8125rem}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}
4.gap-2\.75{gap:calc(var(--spacing)*2.75)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-4\.5{gap:calc(var(--spacing)*4.5)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-7\.5{gap:calc(var(--spacing)*7.5)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[10px\]{gap:10px}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1.5*var(--tw-space-y-reverse))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2.5*var(--tw-space-y-reverse))}.gap-x-1{-moz-column-gap:calc(var(--spacing)*1);column-gap:calc(var(--spacing)*1)}.gap-x-1\.5{-moz-column-gap:calc(var(--spacing)*1.5);column-gap:calc(var(--spacing)*1.5)}.gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-5{-moz-column-gap:calc(var(--spacing)*5);column-gap:calc(var(--spacing)*5)}.gap-x-6{-moz-column-gap:calc(var(--spacing)*6);column-gap:calc(var(--spacing)*6)}.gap-x-9\.5{-moz-column-gap:calc(var(--spacing)*9.5);column-gap:calc(var(--spacing)*9.5)}.gap-x-10{-moz-column-gap:calc(var(--spacing)*10);column-gap:calc(var(--spacing)*10)}.gap-x-19\.5{-moz-column-gap:calc(var(--spacing)*19.5);column-gap:calc(var(--spacing)*19.5)}.gap-x-22\.5{-moz-column-gap:calc(var(--spacing)*22.5);column-gap:calc(var(--spacing)*22.5)}.gap-x-\[80px\]{-moz-column-gap:80px;column-gap:80px}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse))}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-3\.5{row-gap:calc(var(--spacing)*3.5)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-7{row-gap:calc(var(--spacing)*7)}.gap-y-7\.5{row-gap:calc(var(--spacing)*7.5)}.gap-y-15{row-gap:calc(var(--spacing)*15)}.gap-y-44{row-gap:calc(var(--spacing)*44)}.gap-y-\[10px\]{row-gap:10px}.gap-y-\[30px\]{row-gap:30px}.gap-y-\[42px\]{row-gap:42px}.gap-y-\[60px\]{row-gap:60px}.gap-y-\[100px\]{row-gap:100px}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.\!overflow-visible{overflow:visible!important}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e+38px}.rounded-md{border-radius:var(--radius-md)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-\[40px\]{border-bottom-right-radius:40px;border-top-right-radius:40px}.rounded-tr-none{border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\(--color-site-gray-100\){border-color:var(--color-site-gray-100)}.border-\[\#1e1e1e\]{border-color:#1e1e1e}.border-black{border-color:var(--color-black)}.border-site-black-100{border-color:var(--color-site-black-100)}.border-site-gray-100{border-color:var(--color-site-gray-100)}.border-site-gray-150{border-color:var(--color-site-gray-150)}.border-site-gray-200{border-color:var(--color-site-gray-200)}.border-white{border-color:var(--color-white)}.bg-\[\#0DAE51\]{background-color:#0dae51}.bg-\[\#1e1e1e\]{background-color:#1e1e1e}.bg-\[\#027DFC\]{background-color:#027dfc}.bg-\[\#A2B7FF\]{background-color:#a2b7ff}.bg-\[\#FD7049\]{background-color:#fd7049}.bg-\[\#f2f2f2\]{background-color:#f2f2f2}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-site-black-100{background-color:var(--color-site-black-100)}.bg-site-black-100\/60{background-color:#1e1e1e99}@supports (color:color-mix(in lab,red,red)){.bg-site-black-100\/60{background-color:color-mix(in oklab,var(--color-site-black-100)60%,transparent)}}.bg-site-blue-100{background-color:var(--color-site-blue-100)}.bg-site-gray-100{background-color:var(--color-site-gray-100)}.bg-site-gray-200{background-color:var(--color-site-gray-200)}.bg-site-yellow-100{background-color:var(--color-site-yellow-100)}.bg-site-yellow-200{background-color:var(--color-site-yellow-200)}.bg-teal-400{background-color:var(--color-teal-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(transparent_60\%\,_\#fffb00_0\%\)\]{background-image:linear-gradient(#0000 60%,#fffb00 0)}.bg-\[linear-gradient\(transparent_70\%\,_\#fffb00_0\%\)\]{background-image:linear-gradient(#0000 70%,#fffb00 0)}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
4(--tw-gradient-to-position))}.from-50\%{--tw-gradient-from-position:50%}.to-site-black-100{--tw-gradient-to:var(--color-site-black-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-site-gray-150{--tw-gradient-to:var(--color-site-gray-150);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-50\%{--tw-gradient-to-position:50%}.bg-size-\[100\%_200\%\]{background-size:100% 200%}.bg-clip-padding{background-clip:padding-box}.bg-position-\[0_0\]{background-position:0 0}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.fill-site-black-100{fill:var(--color-site-black-100)}.fill-white{fill:var(--color-white)}.stroke-white{stroke:var(--color-white)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[45\%_center\]{-o-object-position:45% center;object-position:45% center}.object-\[90\%_center\]{-o-object-position:90% center;object-position:90% center}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-12{padding:calc(var(--spacing)*12)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-1\.25{padding-inline:calc(var(--spacing)*1.25)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-5\.5{padding-inline:calc(var(--spacing)*5.5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-6\.75{padding-inline:calc(var(--spacing)*6.75)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-22\.5{padding-inline:calc(var(--spacing)*22.5)}.px-30{padding-inline:calc(var(--spacing)*30)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-1\.25{padding-block:calc(var(--spacing)*1.25)}.py-1\.75{padding-block:calc(var(--spacing)*1.75)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-7\.5{padding-block:calc(var(--spacing)*7.5)}.py-20{padding-block:calc(var(--spacing)*20)}.py-45{padding-block:calc(var(--spacing)*45)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-13\.5{padding-top:calc(var(--spacing)*13.5)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-16\.5{padding-top:calc(var(--spacing)*16.5)}.pt-19{padding-top:calc(var(--spacing)*19)}.pt-22\.5{padding-top:calc(var(--spacing)*22.5)}.pt-23{padding-top:calc(var(--spacing)*23)}.pt-28\.5{padding-top:calc(var(--spacing)*28.5)}.pt-30{padding-top:calc(var(--spacing)*30)}.pt-30\.5{padding-top:calc(var(--spacing)*30.5)}.pt-65{padding-top:calc(var(--spacing)*65)}.pt-75{padding-top:calc(var(--spacing)*75)}.pt-\[3dvh\]{padding-top:3dvh}.pt-\[5dvh\]{padding-top:5dvh}.pt-\[10dvh\]{padding-top:10dvh}.pt-\[12dvh\]{padding-top:12dvh}.pt-\[15dvh\]{padding-top:15dvh}.pt-\[23dvh\]{padding-top:23dvh}.pt-\[25dvh\]{padding-top:25dvh}.pt-\[90px\]{padding-top:90px}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-3\.75{padding-right:calc(var(--spacing)*3.75)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-13{padding-right:calc(var(--spacing)*13)}.pr-15{padding-right:calc(var(--spacing)*15)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-11{padding-bottom:calc(var(--spacing)*11)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-14{padding-bottom:calc(var(--spacing)*14)}
4.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-18{padding-bottom:calc(var(--spacing)*18)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-27\.5{padding-bottom:calc(var(--spacing)*27.5)}.pb-30{padding-bottom:calc(var(--spacing)*30)}.pb-52\.75{padding-bottom:calc(var(--spacing)*52.75)}.pl-1\.75{padding-left:calc(var(--spacing)*1.75)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3\.25{padding-left:calc(var(--spacing)*3.25)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-12{padding-left:calc(var(--spacing)*12)}.pl-14{padding-left:calc(var(--spacing)*14)}.pl-15{padding-left:calc(var(--spacing)*15)}.pl-20{padding-left:calc(var(--spacing)*20)}.pl-25{padding-left:calc(var(--spacing)*25)}.pl-\[1em\]{padding-left:1em}.pl-\[4\.06\%\]{padding-left:4.06%}.pl-\[5\.31\%\]{padding-left:5.31%}.pl-\[5\.94\%\]{padding-left:5.94%}.pl-\[60px\]{padding-left:60px}.text-center{text-align:center}.text-justify{text-align:justify}.text-right{text-align:right}.-indent-\[1em\]{text-indent:-1em}.font-\[\'Helvetica_Neue\'\]{font-family:Helvetica Neue}.font-display{font-family:var(--font-display)}.text-site-annotation{font-size:var(--text-site-annotation);font-weight:var(--tw-font-weight,var(--text-site-annotation--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-annotation--letter-spacing));line-height:var(--tw-leading,var(--text-site-annotation--line-height))}.text-site-body{font-size:var(--text-site-body);font-weight:var(--tw-font-weight,var(--text-site-body--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-body--letter-spacing));line-height:var(--tw-leading,var(--text-site-body--line-height))}.text-site-body-tight{font-size:var(--text-site-body-tight);font-weight:var(--tw-font-weight,var(--text-site-body-tight--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-body-tight--letter-spacing));line-height:var(--tw-leading,var(--text-site-body-tight--line-height))}.text-site-caution{font-size:var(--text-site-caution);font-weight:var(--tw-font-weight,var(--text-site-caution--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-caution--letter-spacing));line-height:var(--tw-leading,var(--text-site-caution--line-height))}.text-site-en-2xl{font-size:var(--text-site-en-2xl);font-weight:var(--tw-font-weight,var(--text-site-en-2xl--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-2xl--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-2xl--line-height))}.text-site-en-3xl{font-size:var(--text-site-en-3xl);font-weight:var(--tw-font-weight,var(--text-site-en-3xl--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-3xl--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-3xl--line-height))}.text-site-en-intro{font-size:var(--text-site-en-intro);font-weight:var(--tw-font-weight,var(--text-site-en-intro--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-intro--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-intro--line-height))}.text-site-en-l{font-size:var(--text-site-en-l);font-weight:var(--tw-font-weight,var(--text-site-en-l--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-l--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-l--line-height))}.text-site-en-m{font-size:var(--text-site-en-m);font-weight:var(--tw-font-weight,var(--text-site-en-m--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-m--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-m--line-height))}.text-site-en-s{font-size:var(--text-site-en-s);font-weight:var(--tw-font-weight,var(--text-site-en-s--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-s--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-s--line-height))}.text-site-en-xl{font-size:var(--text-site-en-xl);font-weight:var(--tw-font-weight,var(--text-site-en-xl--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-xl--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-xl--line-height))}.text-site-en-xs{font-size:var(--text-site-en-xs);font-weight:var(--tw-font-weight,var(--text-site-en-xs--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-xs--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-xs--line-height))}.text-site-h1{font-size:var(--text-site-h1);font-weight:var(--tw-font-weight,var(--text-site-h1--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h1--letter-spacing));line-height:var(--tw-leading,var(--text-site-h1--line-height))}.text-site-h2{font-size:var(--text-site-h2);font-weight:var(--tw-font-weight,var(--text-site-h2--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h2--letter-spacing));line-height:var(--tw-leading,var(--text-site-h2--line-height))}.text-site-h3{font-size:var(--text-site-h3);font-weight:var(--tw-font-weight,var(--text-site-h3--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h3--letter-spacing));line-height:var(--tw-leading,var(--text-site-h3--line-height))}.text-site-h4{font-size:var(--text-site-h4);font-weight:var(--tw-font-weight,var(--text-site-h4--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h4--letter-spacing));line-height:var(--tw-leading,var(--text-site-h4--line-height))}.text-site-h5{font-size:var(--text-site-h5);font-weight:var(--tw-font-weight,var(--text-site-h5--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h5--letter-spacing));line-height:var(--tw-leading,var(--text-site-h5--line-height))}.text-site-h6{font-size:var(--text-site-h6);font-weight:var(--tw-font-weight,var(--text-site-h6--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h6--letter-spacing));line-height:var(--tw-leading,var(--text-site-h6--line-height))}.text-site-recruit{font-size:var(--text-site-recruit);font-weight:var(--tw-font-weight,var(--text-site-recruit--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-recruit--letter-spacing));line-height:var(--tw-leading,var(--text-site-recruit--line-height))}.text-site-tag{font-size:var(--text-site-tag);font-weight:var(--tw-font-weight,var(--text-site-tag--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-tag--letter-spacing));line-height:var(--tw-leading,var(--text-site-tag--line-height))}.text-site-type{font-size:var(--text-site-type);font-weight:var(--tw-font-weight,var(--text-site-type--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-type--letter-spacing));line-height:var(--tw-leading,var(--text-site-type--line-height))}.text-site-form{font-size:var(--text-site-form);letter-spacing:var(--tw-tracking,var(--text-site-form--letter-spacing));line-height:var(--tw-leading,var(--text-site-form--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);
4line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[4\.87rem\]{font-size:4.87rem}.text-\[10px\]{font-size:10px}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[2\.4\]{--tw-leading:2.4;line-height:2.4}.leading-\[2\]{--tw-leading:2;line-height:2}.leading-\[240\%\]{--tw-leading:240%;line-height:240%}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1e1e1e\]{color:#1e1e1e}.text-\[\#E2E2E2\]{color:#e2e2e2}.text-site-black-100{color:var(--color-site-black-100)}.text-site-blue-100{color:var(--color-site-blue-100)}.text-site-gray-150{color:var(--color-site-gray-150)}.text-site-gray-300{color:var(--color-site-gray-300)}.text-site-red-100{color:var(--color-site-red-100)}.text-site-yellow-100{color:var(--color-site-yellow-100)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.mix-blend-difference{mix-blend-mode:difference}
4.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring-0,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[opacity\,background-color\,color\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-800{--tw-duration:.8s;transition-duration:.8s}.duration-\[300ms\]{--tw-duration:.3s;transition-duration:.3s}.duration-\[var\(--default-transition-duration\)\]{--tw-duration:var(--default-transition-duration);transition-duration:var(--default-transition-duration)}.ease-bounce{--tw-ease:var(--ease-bounce);transition-timing-function:var(--ease-bounce)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.text-shadow-contact{text-shadow:0 3em 0 var(--tw-text-shadow-color,var(--color-site-black-100)),0 0 var(--tw-text-shadow-color,0 var(--color-site-black-100))}.text-shadow-contact-header{text-shadow:0 3em 0 var(--tw-text-shadow-color,var(--color-site-gray-150)),0 0 var(--tw-text-shadow-color,0 var(--color-site-gray-150))}.text-shadow-footer{text-shadow:0 3em 0 var(--tw-text-shadow-color,var(--color-site-black-100)),0 0 var(--tw-text-shadow-color,0 var(--color-site-black-100))}.text-shadow-header{text-shadow:0 1.5em 0 var(--tw-text-shadow-color,var(--color-site-gray-150)),0 0 var(--tw-text-shadow-color,0 var(--color-site-gray-150))}.text-shadow-link{text-shadow:0 1.5em 0 var(--tw-text-shadow-color,var(--color-site-black-100)),0 0 var(--tw-text-shadow-color,0 var(--color-site-black-100))}@media (hover:hover){.group-hover\:-right-5\.5:is(:where(.group):hover *){right:calc(var(--spacing)*-5.5)}.group-hover\:right-3\.5:is(:where(.group):hover *){right:calc(var(--spacing)*3.5)}.group-hover\:mr-3\.25:is(:where(.group):hover *){margin-right:calc(var(--spacing)*3.25)}.group-hover\:translate-x-2\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*2.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-x-200:is(:where(.group):hover *){--tw-scale-x:200%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-site-gray-150:is(:where(.group):hover *){background-color:var(--color-site-gray-150)}.group-hover\:pr-0:is(:where(.group):hover *){padding-right:calc(var(--spacing)*0)}.group-hover\:pr-9\.75:is(:where(.group):hover *){padding-right:calc(var(--spacing)*9.75)}.group-hover\:text-site-black-100:is(:where(.group):hover *){color:var(--color-site-black-100)}.group-hover\:text-white\/80:is(:where(.group):hover *){color:#fffc}@supports (color:color-mix(in lab,red,red)){.group-hover\:text-white\/80:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-white)80%,transparent)}}.group-hover\:duration-\[1000ms\]:is(:where(.group):hover *){--tw-duration:1s;transition-duration:1s}.group-hover\/btn\:text-white:is(:where(.group\/btn):hover *){color:var(--color-white)}}.group-data-active\:right-3\.5:is(:where(.group)[data-active] *){right:calc(var(--spacing)*3.5)}.group-data-active\:bg-site-gray-150:is(:where(.group)[data-active] *){background-color:var(--color-site-gray-150)}.placeholder\:ps-px::-moz-placeholder{padding-inline-start:1px}.placeholder\:ps-px::placeholder{padding-inline-start:1px}.placeholder\:text-site-gray-200::-moz-placeholder{color:var(--color-site-gray-200)}.placeholder\:text-site-gray-200::placeholder{color:var(--color-site-gray-200)}.placeholder\:text-site-gray-300::-moz-placeholder{color:var(--color-site-gray-300)}.placeholder\:text-site-gray-300::placeholder{color:var(--color-site-gray-300)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:-z-1:before{content:var(--tw-content);z-index:-1}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:origin-left:before{content:var(--tw-content);transform-origin:0}.before\:scale-x-0:before{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.before\:bg-site-black-100:before{background-color:var(--color-site-black-100);content:var(--tw-content)}.before\:text-site-yellow-200:before{color:var(--color-site-yellow-200);content:var(--tw-content)}.before\:transition-all:before{content:var(--tw-content);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.before\:content-\[\'※\'\]:before{--tw-content:"※";content:var(--tw-content)}.before\:content-\[\'●\'\]:before{--tw-content:"●";content:var(--tw-content)}.focus-within\:border-site-black-100:focus-within{border-color:var(--color-site-black-100)}@media (hover:hover){.hover\:bg-\[\#1e1e1e\]:hover{background-color:#1e1e1e}.hover\:bg-site-black-100:hover{background-color:var(--color-site-black-100)}.hover\:bg-position-\[0_100\%\]:hover{background-position:0 100%}.hover\:text-site-gray-200:hover{color:var(--color-site-gray-200)}.hover\:text-site-yellow-100\/85:hover{color:#fdd000d9}@supports (color:color-mix(in lab,red,red)){.hover\:text-site-yellow-100\/85:hover{color:color-mix(in oklab,var(--color-site-yellow-100)85%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-100:hover{opacity:1}.hover\:text-shadow-contact-header-hover:hover{text-shadow:0 0 0 var(--tw-text-shadow-color,var(--color-site-black-100)),0 -3em 0 var(--color-site-black-100)}.hover\:text-shadow-contact-hover:hover{text-shadow:0 0 0 var(--tw-text-shadow-color,var(--color-white)),0 -3em var(--tw-text-shadow-color,0 var(--color-white))}.hover\:text-shadow-footer-hover:hover{text-shadow:0 0 0 var(--tw-text-shadow-color,var(--color-site-black-100)),0 -3em var(--tw-text-shadow-color,0 var(--color-site-black-100))}.hover\:text-shadow-header-hover:hover{text-shadow:0 0 0 var(--tw-text-shadow-color,var(--color-site-gray-150)),0 -1.5em var(--tw-text-shadow-color,0 var(--color-site-gray-150))}.hover\:text-shadow-link-hover:hover{text-shadow:0 0 0 var(--tw-text-shadow-color,var(--color-site-black-100)),0 -1.5em var(--tw-text-shadow-color,0 var(--color-site-black-100))}.hover\:before\:scale-x-100:hover:before{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:border-site-yellow-100:focus{border-color:var(--color-site-yellow-100)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-site-gray-300:disabled{color:var(--color-site-gray-300)}.disabled\:opacity-50:disabled{opacity:.5}.data-active\:text-white[data-active]{color:var(--color-white)}.data-active\:before\:scale-x-100[data-active]:before{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media not all and (min-width:64rem){.max-lg\:right-\[calc\(4\%\+30px\)\]{right:calc(4% + 30px)}.max-lg\:mr-\[-30px\]{margin-right:-30px}.max-lg\:w-\[calc\(50vw\+140px\)\]{width:calc(50vw + 140px)}.max-lg\:w-\[calc\(50vw-50px\)\]{width:calc(50vw - 50px)}.max-lg\:w-\[calc\(75vw\+30px\)\]{width:calc(75vw + 30px)}}@media not all and (min-width:48rem){.max-md\:top-65{top:calc(var(--spacing)*65)}.max-md\:mx-\[1\.25rem\]{margin-inline:1.25rem}.max-md\:flex{display:flex}.max-md\:hidden{display:none}.max-md\:flex-col{flex-direction:column}.max-md\:text-site-en-l{font-size:var(--text-site-en-l);font-weight:var(--tw-font-weight,var(--text-site-en-l--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-l--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-l--line-height))}}@media not all and (min-width:40rem){.max-sm\:pointer-events-none{pointer-events:none}.max-sm\:absolute{position:absolute}.max-sm\:relative{position:relative}.max-sm\:sticky{position:sticky}.max-sm\:-top-4{top:calc(var(--spacing)*-4)}.max-sm\:-top-4\.25{top:calc(var(--spacing)*-4.25)}.max-sm\:-top-5{top:calc(var(--spacing)*-5)}.max-sm\:-top-14{top:calc(var(--spacing)*-14)}.max-sm\:-top-20{top:calc(var(--spacing)*-20)}.max-sm\:-top-22{top:calc(var(--spacing)*-22)}.max-sm\:-top-30{top:calc(var(--spacing)*-30)}.max-sm\:top-4\.5{top:calc(var(--spacing)*4.5)}.max-sm\:top-8{top:calc(var(--spacing)*8)}.max-sm\:top-30{top:calc(var(--spacing)*30)}.max-sm\:top-35{top:calc(var(--spacing)*35)}.max-sm\:top-40{top:calc(var(--spacing)*40)}.max-sm\:top-58\.5{top:calc(var(--spacing)*58.5)}.max-sm\:top-65{top:calc(var(--spacing)*65)}.max-sm\:top-85{top:calc(var(--spacing)*85)}.max-sm\:top-91\.75{top:calc(var(--spacing)*91.75)}.max-sm\:top-\[-4\%\]{top:-4%}.max-sm\:top-\[-18\%\]{top:-18%}.max-sm\:top-\[1\%\]{top:1%}.max-sm\:top-\[calc\(100\%\+20px\)\]{top:calc(100% + 20px)}.max-sm\:-right-1{right:calc(var(--spacing)*-1)}.max-sm\:-right-5{right:calc(var(--spacing)*-5)}.max-sm\:-right-8{right:calc(var(--spacing)*-8)}.max-sm\:-right-12{right:calc(var(--spacing)*-12)}.max-sm\:right-0{right:calc(var(--spacing)*0)}.max-sm\:right-\[10\%\]{right:10%}.max-sm\:right-\[calc\(50vw\+5\.6rem\)\]{right:calc(50vw + 5.6rem)}.max-sm\:-bottom-5{bottom:calc(var(--spacing)*-5)}.max-sm\:-bottom-8{bottom:calc(var(--spacing)*-8)}.max-sm\:-bottom-37\.5{bottom:calc(var(--spacing)*-37.5)}.max-sm\:bottom-0{bottom:calc(var(--spacing)*0)}.max-sm\:bottom-2{bottom:calc(var(--spacing)*2)}.max-sm\:bottom-5{bottom:calc(var(--spacing)*5)}.max-sm\:bottom-20{bottom:calc(var(--spacing)*20)}.max-sm\:bottom-\[-4\%\]{bottom:-4%}.max-sm\:-left-10{left:calc(var(--spacing)*-10)}.max-sm\:-left-15{left:calc(var(--spacing)*-15)}.max-sm\:left-0{left:calc(var(--spacing)*0)}.max-sm\:left-4{left:calc(var(--spacing)*4)}.max-sm\:left-7{left:calc(var(--spacing)*7)}.max-sm\:left-\[-20\%\]{left:-20%}.max-sm\:left-\[37\%\]{left:37%}.max-sm\:left-\[47\%\]{left:47%}.max-sm\:left-\[calc\(50vw\+2rem\)\]{left:calc(50vw + 2rem)}.max-sm\:left-\[calc\(50vw\+4\.5rem\)\]{left:calc(50vw + 4.5rem)}.max-sm\:left-\[calc\(50vw-5rem\)\]{left:calc(50vw - 5rem)}.max-sm\:left-\[calc\(50vw-6rem\)\]{left:calc(50vw - 6rem)}.max-sm\:left-\[calc\(50vw-10rem\)\]{left:calc(50vw - 10rem)}.max-sm\:left-\[calc\(50vw-15rem\)\]{left:calc(50vw - 15rem)}.max-sm\:z-10{z-index:10}.max-sm\:z-20{z-index:20}.max-sm\:order-1{order:1}.max-sm\:order-2{order:2}.max-sm\:-mx-5{margin-inline:calc(var(--spacing)*-5)}.max-sm\:mx-4{margin-inline:calc(var(--spacing)*4)}.max-sm\:mx-5{margin-inline:calc(var(--spacing)*5)}.max-sm\:mx-7\.5{margin-inline:calc(var(--spacing)*7.5)}.max-sm\:mx-9{margin-inline:calc(var(--spacing)*9)}.max-sm\:mx-10{margin-inline:calc(var(--spacing)*10)}.max-sm\:mx-auto{margin-inline:auto}.max-sm\:mt-0{margin-top:calc(var(--spacing)*0)}.max-sm\:mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.max-sm\:mt-4{margin-top:calc(var(--spacing)*4)}.max-sm\:mt-5{margin-top:calc(var(--spacing)*5)}.max-sm\:mt-7\.5{margin-top:calc(var(--spacing)*7.5)}.max-sm\:mt-8{margin-top:calc(var(--spacing)*8)}.max-sm\:mt-10{margin-top:calc(var(--spacing)*10)}.max-sm\:mt-12\.5{margin-top:calc(var(--spacing)*12.5)}.max-sm\:mt-13{margin-top:calc(var(--spacing)*13)}.max-sm\:mt-15{margin-top:calc(var(--spacing)*15)}.max-sm\:mt-16{margin-top:calc(var(--spacing)*16)}.max-sm\:mt-20{margin-top:calc(var(--spacing)*20)}.max-sm\:mt-22\.5{margin-top:calc(var(--spacing)*22.5)}.max-sm\:mt-45{margin-top:calc(var(--spacing)*45)}.max-sm\:mt-\[74px\]{margin-top:74px}
4.max-sm\:-mr-7{margin-right:calc(var(--spacing)*-7)}.max-sm\:mr-0{margin-right:calc(var(--spacing)*0)}.max-sm\:mr-5{margin-right:calc(var(--spacing)*5)}.max-sm\:mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.max-sm\:ml-15{margin-left:calc(var(--spacing)*15)}.max-sm\:ml-auto{margin-left:auto}.max-sm\:hidden{display:none}.max-sm\:h-5\.5{height:calc(var(--spacing)*5.5)}.max-sm\:h-8{height:calc(var(--spacing)*8)}.max-sm\:h-14\.5{height:calc(var(--spacing)*14.5)}.max-sm\:h-21\.5{height:calc(var(--spacing)*21.5)}.max-sm\:h-30\.5{height:calc(var(--spacing)*30.5)}.max-sm\:h-58\.5{height:calc(var(--spacing)*58.5)}.max-sm\:h-100{height:calc(var(--spacing)*100)}.max-sm\:h-\[60vh\]{height:60vh}.max-sm\:max-h-\[500px\]{max-height:500px}.max-sm\:w-7\.5{width:calc(var(--spacing)*7.5)}.max-sm\:w-9{width:calc(var(--spacing)*9)}.max-sm\:w-21\.5{width:calc(var(--spacing)*21.5)}.max-sm\:w-40{width:calc(var(--spacing)*40)}.max-sm\:w-42{width:calc(var(--spacing)*42)}.max-sm\:w-42\.5{width:calc(var(--spacing)*42.5)}.max-sm\:w-45{width:calc(var(--spacing)*45)}.max-sm\:w-50{width:calc(var(--spacing)*50)}.max-sm\:w-50\.5{width:calc(var(--spacing)*50.5)}.max-sm\:w-53\.5{width:calc(var(--spacing)*53.5)}.max-sm\:w-55{width:calc(var(--spacing)*55)}.max-sm\:w-56\.5{width:calc(var(--spacing)*56.5)}.max-sm\:w-62\.75{width:calc(var(--spacing)*62.75)}.max-sm\:w-70{width:calc(var(--spacing)*70)}.max-sm\:w-80{width:calc(var(--spacing)*80)}.max-sm\:w-90{width:calc(var(--spacing)*90)}.max-sm\:w-\[100vw\]{width:100vw}.max-sm\:w-\[calc\(50vw\+30px\)\]{width:calc(50vw + 30px)}.max-sm\:w-\[calc\(50vw\+110px\)\]{width:calc(50vw + 110px)}.max-sm\:w-\[calc\(100\%\+2\.5rem\)\]{width:calc(100% + 2.5rem)}.max-sm\:w-\[calc\(100vw-2\.25rem\)\]{width:calc(100vw - 2.25rem)}.max-sm\:w-\[calc\(100vw-3\.5rem\)\]{width:calc(100vw - 3.5rem)}.max-sm\:w-\[calc\(100vw-8rem\)\]{width:calc(100vw - 8rem)}.max-sm\:w-\[calc\(100vw-30px\)\]{width:calc(100vw - 30px)}.max-sm\:w-fit{width:-moz-fit-content;width:fit-content}.max-sm\:max-w-\[70vw\]{max-width:70vw}.max-sm\:max-w-full{max-width:100%}.max-sm\:max-w-none{max-width:none}.max-sm\:-rotate-4{rotate:-4deg}.max-sm\:-rotate-9{rotate:-9deg}.max-sm\:-rotate-10{rotate:-10deg}.max-sm\:-rotate-18{rotate:-18deg}.max-sm\:-rotate-24{rotate:-24deg}.max-sm\:-rotate-120{rotate:-120deg}.max-sm\:rotate-1{rotate:1deg}.max-sm\:rotate-15{rotate:15deg}.max-sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.max-sm\:grid-cols-\[repeat\(2\,7rem\)\]{grid-template-columns:repeat(2,7rem)}.max-sm\:flex-col{flex-direction:column}.max-sm\:items-start{align-items:flex-start}.max-sm\:justify-items-center{justify-items:center}.max-sm\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.max-sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.max-sm\:gap-2\.25{gap:calc(var(--spacing)*2.25)}.max-sm\:gap-4{gap:calc(var(--spacing)*4)}.max-sm\:gap-x-5{-moz-column-gap:calc(var(--spacing)*5);column-gap:calc(var(--spacing)*5)}.max-sm\:gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.max-sm\:gap-y-2{row-gap:calc(var(--spacing)*2)}.max-sm\:gap-y-3{row-gap:calc(var(--spacing)*3)}.max-sm\:gap-y-5{row-gap:calc(var(--spacing)*5)}.max-sm\:gap-y-8{row-gap:calc(var(--spacing)*8)}.max-sm\:gap-y-10{row-gap:calc(var(--spacing)*10)}.max-sm\:overflow-hidden{overflow:hidden}.max-sm\:rounded-lg{border-radius:var(--radius-lg)}.max-sm\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.max-sm\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-sm\:bg-site-gray-150{background-color:var(--color-site-gray-150)}.max-sm\:px-1\.25{padding-inline:calc(var(--spacing)*1.25)}.max-sm\:px-2{padding-inline:calc(var(--spacing)*2)}.max-sm\:px-4{padding-inline:calc(var(--spacing)*4)}.max-sm\:px-5{padding-inline:calc(var(--spacing)*5)}.max-sm\:px-7\.5{padding-inline:calc(var(--spacing)*7.5)}.max-sm\:py-2{padding-block:calc(var(--spacing)*2)}.max-sm\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.max-sm\:py-5{padding-block:calc(var(--spacing)*5)}.max-sm\:py-10{padding-block:calc(var(--spacing)*10)}.max-sm\:py-20{padding-block:calc(var(--spacing)*20)}.max-sm\:py-30{padding-block:calc(var(--spacing)*30)}.max-sm\:py-40{padding-block:calc(var(--spacing)*40)}.max-sm\:pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.max-sm\:pt-7{padding-top:calc(var(--spacing)*7)}.max-sm\:pt-7\.5{padding-top:calc(var(--spacing)*7.5)}.max-sm\:pt-12\.5{padding-top:calc(var(--spacing)*12.5)}.max-sm\:pt-14{padding-top:calc(var(--spacing)*14)}
4.max-sm\:pt-15{padding-top:calc(var(--spacing)*15)}.max-sm\:pt-20{padding-top:calc(var(--spacing)*20)}.max-sm\:pt-21\.25{padding-top:calc(var(--spacing)*21.25)}.max-sm\:pt-22{padding-top:calc(var(--spacing)*22)}.max-sm\:pt-43\.75{padding-top:calc(var(--spacing)*43.75)}.max-sm\:pt-\[106px\]{padding-top:106px}.max-sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.max-sm\:pb-10{padding-bottom:calc(var(--spacing)*10)}.max-sm\:pb-17\.5{padding-bottom:calc(var(--spacing)*17.5)}.max-sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.max-sm\:pb-40\.25{padding-bottom:calc(var(--spacing)*40.25)}.max-sm\:pb-\[190px\]{padding-bottom:190px}.max-sm\:pl-4{padding-left:calc(var(--spacing)*4)}.max-sm\:text-center{text-align:center}.max-sm\:text-left{text-align:left}.max-sm\:text-right{text-align:right}.max-sm\:text-site-annotation{font-size:var(--text-site-annotation);font-weight:var(--tw-font-weight,var(--text-site-annotation--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-annotation--letter-spacing));line-height:var(--tw-leading,var(--text-site-annotation--line-height))}.max-sm\:text-site-en-ll{font-size:var(--text-site-en-ll);font-weight:var(--tw-font-weight,var(--text-site-en-ll--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-ll--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-ll--line-height))}.max-sm\:text-site-h2{font-size:var(--text-site-h2);font-weight:var(--tw-font-weight,var(--text-site-h2--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h2--letter-spacing));line-height:var(--tw-leading,var(--text-site-h2--line-height))}.max-sm\:text-site-h3{font-size:var(--text-site-h3);font-weight:var(--tw-font-weight,var(--text-site-h3--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h3--letter-spacing));line-height:var(--tw-leading,var(--text-site-h3--line-height))}.max-sm\:text-site-h5{font-size:var(--text-site-h5);font-weight:var(--tw-font-weight,var(--text-site-h5--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-h5--letter-spacing));line-height:var(--tw-leading,var(--text-site-h5--line-height))}.max-sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.max-sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.max-sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.max-sm\:text-\[3\.625rem\]{font-size:3.625rem}.max-sm\:text-\[10px\]{font-size:10px}}@media (min-width:40rem){.sm\:relative{position:relative}.sm\:sticky{position:sticky}.sm\:-top-13\.5{top:calc(var(--spacing)*-13.5)}.sm\:-top-47\.5{top:calc(var(--spacing)*-47.5)}.sm\:top-1\/2{top:50%}.sm\:top-13{top:calc(var(--spacing)*13)}.sm\:top-14{top:calc(var(--spacing)*14)}.sm\:top-17{top:calc(var(--spacing)*17)}.sm\:top-17\.5{top:calc(var(--spacing)*17.5)}.sm\:top-20{top:calc(var(--spacing)*20)}.sm\:top-22\.5{top:calc(var(--spacing)*22.5)}.sm\:top-\[calc\(100dvh-144px\)\]{top:calc(100dvh - 144px)}.sm\:right-10{right:calc(var(--spacing)*10)}.sm\:right-15{right:calc(var(--spacing)*15)}.sm\:right-20{right:calc(var(--spacing)*20)}.sm\:-bottom-14{bottom:calc(var(--spacing)*-14)}.sm\:-bottom-24{bottom:calc(var(--spacing)*-24)}.sm\:bottom-8{bottom:calc(var(--spacing)*8)}.sm\:bottom-10{bottom:calc(var(--spacing)*10)}.sm\:bottom-21\.75{bottom:calc(var(--spacing)*21.75)}.sm\:bottom-28{bottom:calc(var(--spacing)*28)}.sm\:bottom-70{bottom:calc(var(--spacing)*70)}.sm\:-left-15{left:calc(var(--spacing)*-15)}.sm\:left-1\/2{left:50%}.sm\:left-1\/3{left:33.3333%}.sm\:left-10{left:calc(var(--spacing)*10)}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-2{margin-top:calc(var(--spacing)*2)}.sm\:mt-14{margin-top:calc(var(--spacing)*14)}.sm\:mt-22{margin-top:calc(var(--spacing)*22)}.sm\:mb-1{margin-bottom:calc(var(--spacing)*1)}.sm\:mb-30{margin-bottom:calc(var(--spacing)*30)}.sm\:ml-3{margin-left:calc(var(--spacing)*3)}.sm\:ml-7\.5{margin-left:calc(var(--spacing)*7.5)}.sm\:ml-\[19\.5\%\]{margin-left:19.5%}.sm\:ml-\[53\.1\%\]{margin-left:53.1%}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-7\.25{height:calc(var(--spacing)*7.25)}.sm\:h-9{height:calc(var(--spacing)*9)}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:h-10\.5{height:calc(var(--spacing)*10.5)}.sm\:h-67{height:calc(var(--spacing)*67)}.sm\:h-180{height:calc(var(--spacing)*180)}.sm\:min-h-\[800px\]{min-height:800px}.sm\:w-full{width:100%}.sm\:max-w-160{max-width:calc(var(--spacing)*160)}.sm\:-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1\.875rem_auto\]{grid-template-columns:1.875rem auto}.sm\:grid-cols-\[1fr_20rem\]{grid-template-columns:1fr 20rem}.sm\:grid-cols-\[1fr_23\.75rem\]{grid-template-columns:1fr 23.75rem}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[5rem_1fr\]{grid-template-columns:5rem 1fr}.sm\:grid-cols-\[9\.375rem_1fr\]{grid-template-columns:9.375rem 1fr}.sm\:grid-cols-\[13\.125rem_1fr\]{grid-template-columns:13.125rem 1fr}.sm\:grid-cols-\[18\.75rem_1fr\]{grid-template-columns:18.75rem 1fr}.sm\:grid-cols-\[20\.8\%_66\%\]{grid-template-columns:20.8% 66%}.sm\:grid-cols-\[repeat\(2\,auto\)\]{grid-template-columns:repeat(2,auto)}.sm\:grid-cols-\[repeat\(auto-fill\,34rem\)\]{grid-template-columns:repeat(auto-fill,34rem)}.sm\:grid-rows-\[auto_auto_1fr\]{grid-template-rows:auto auto 1fr}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:gap-9\.5{gap:calc(var(--spacing)*9.5)}.sm\:gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.sm\:gap-x-3\.25{-moz-column-gap:calc(var(--spacing)*3.25);column-gap:calc(var(--spacing)*3.25)}.sm\:gap-x-8{-moz-column-gap:calc(var(--spacing)*8);column-gap:calc(var(--spacing)*8)}.sm\:gap-x-10{-moz-column-gap:calc(var(--spacing)*10);column-gap:calc(var(--spacing)*10)}.sm\:gap-x-17{-moz-column-gap:calc(var(--spacing)*17);column-gap:calc(var(--spacing)*17)}.sm\:gap-x-\[13\.2\%\]{-moz-column-gap:13.2%;column-gap:13.2%}.sm\:gap-y-2\.5{row-gap:calc(var(--spacing)*2.5)}.sm\:gap-y-3{row-gap:calc(var(--spacing)*3)}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sm\:pt-42\.5{padding-top:calc(var(--spacing)*42.5)}.sm\:pl-5{padding-left:calc(var(--spacing)*5)}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-site-gray-100{color:var(--color-site-gray-100)}.sm\:mix-blend-difference{mix-blend-mode:difference}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:sticky{position:sticky}.md\:inset-auto{inset:auto}.md\:top-1\/2{top:50%}.md\:top-5{top:calc(var(--spacing)*5)}.md\:top-115{top:calc(var(--spacing)*115)}.md\:top-\[90px\]{top:90px}.md\:top-auto{top:auto}.md\:right-0{right:calc(var(--spacing)*0)}.md\:right-5{right:calc(var(--spacing)*5)}.md\:right-7\.5{right:calc(var(--spacing)*7.5)}.md\:-bottom-20{bottom:calc(var(--spacing)*-20)}.md\:bottom-5{bottom:calc(var(--spacing)*5)}.md\:bottom-6{bottom:calc(var(--spacing)*6)}.md\:bottom-7\.5{bottom:calc(var(--spacing)*7.5)}.md\:left-4{left:calc(var(--spacing)*4)}.md\:left-6{left:calc(var(--spacing)*6)}.md\:left-7\.5{left:calc(var(--spacing)*7.5)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-3\.5{margin-top:calc(var(--spacing)*3.5)}.md\:mt-4{margin-top:calc(var(--spacing)*4)}.md\:mt-36{margin-top:calc(var(--spacing)*36)}.md\:mt-\[80px\]{margin-top:80px}.md\:mt-\[90px\]{margin-top:90px}.md\:mt-\[120px\]{margin-top:120px}.md\:mt-\[150px\]{margin-top:150px}.md\:-mr-20{margin-right:calc(var(--spacing)*-20)}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:size-\[120px\]{height:120px;width:120px}.md\:h-6{height:calc(var(--spacing)*6)}.md\:h-\[47px\]{height:47px}.md\:h-\[90px\]{height:90px}.md\:h-\[100vh\]{height:100vh}.md\:h-\[309px\]{height:309px}.md\:h-\[320px\]{height:320px}.md\:h-\[470px\]{height:470px}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:min-h-\[800px\]{min-height:800px}.md\:w-1\/2{width:50%}.md\:w-\[45\%\]{width:45%}.md\:w-\[60\%\]{width:60%}.md\:w-\[70\%\]{width:70%}.md\:w-\[70px\]{width:70px}.md\:w-\[71px\]{width:71px}.md\:w-\[87px\]{width:87px}.md\:w-\[90px\]{width:90px}.md\:w-\[93px\]{width:93px}.md\:w-\[126px\]{width:126px}.md\:w-\[158px\]{width:158px}.md\:w-\[580px\]{width:580px}.md\:w-\[640px\]{width:640px}.md\:w-auto{width:auto}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:w-full{width:100%}.md\:max-w-\[320px\]{max-width:320px}.md\:max-w-\[520px\]{max-width:520px}.md\:max-w-\[600px\]{max-width:600px}.md\:max-w-lg{max-width:var(--container-lg)}.md\:max-w-md{max-width:var(--container-md)}.md\:max-w-none{max-width:none}.md\:max-w-sm{max-width:var(--container-sm)}.md\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0)}.md\:-translate-y-1\/2,.md\:translate-x-0{translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:-translate-y-1\/2{--tw-translate-y:-50%}.md\:translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}
4.md\:justify-end{justify-content:flex-end}.md\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-10{gap:calc(var(--spacing)*10)}.md\:gap-20{gap:calc(var(--spacing)*20)}.md\:gap-\[5px\]{gap:5px}.md\:gap-\[74px\]{gap:74px}.md\:gap-x-5{-moz-column-gap:calc(var(--spacing)*5);column-gap:calc(var(--spacing)*5)}.md\:gap-x-10{-moz-column-gap:calc(var(--spacing)*10);column-gap:calc(var(--spacing)*10)}.md\:gap-y-4{row-gap:calc(var(--spacing)*4)}.md\:gap-y-6{row-gap:calc(var(--spacing)*6)}.md\:gap-y-20{row-gap:calc(var(--spacing)*20)}.md\:gap-y-\[20px\]{row-gap:20px}.md\:gap-y-\[80px\]{row-gap:80px}.md\:gap-y-\[100px\]{row-gap:100px}.md\:self-end{align-self:flex-end}.md\:overflow-visible{overflow:visible}.md\:rounded-r-\[40px\]{border-bottom-right-radius:40px;border-top-right-radius:40px}.md\:object-cover{-o-object-fit:cover;object-fit:cover}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-7\.5{padding-inline:calc(var(--spacing)*7.5)}.md\:px-32{padding-inline:calc(var(--spacing)*32)}.md\:py-3{padding-block:calc(var(--spacing)*3)}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pt-7\.5{padding-top:calc(var(--spacing)*7.5)}.md\:pr-\[5vw\]{padding-right:5vw}.md\:pb-5{padding-bottom:calc(var(--spacing)*5)}.md\:pb-\[66px\]{padding-bottom:66px}.md\:pl-0{padding-left:calc(var(--spacing)*0)}.md\:pl-\[100px\]{padding-left:100px}.md\:text-site-en-m{font-size:var(--text-site-en-m);font-weight:var(--tw-font-weight,var(--text-site-en-m--font-weight));letter-spacing:var(--tw-tracking,var(--text-site-en-m--letter-spacing));line-height:var(--tw-leading,var(--text-site-en-m--line-height))}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:w-\[450px\]{width:450px}.lg\:w-\[610px\]{width:610px}.lg\:w-\[660px\]{width:660px}.lg\:max-w-\[420px\]{max-width:420px}.lg\:gap-48{gap:calc(var(--spacing)*48)}.lg\:pr-\[10vw\]{padding-right:10vw}}@media (min-width:80rem){.xl\:pr-\[15vw\]{padding-right:15vw}}@media (prefers-color-scheme:dark){.dark\:text-\[\#FFFFFF\]{color:#fff}}.\[\&_img\]\:absolute img{position:absolute}.\[\&_img\]\:top-0 img{top:calc(var(--spacing)*0)}.\[\&_img\]\:left-0 img{left:calc(var(--spacing)*0)}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:origin-center img{transform-origin:50%}.\[\&_img\]\:transition-all img{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.\[\&_img\]\:duration-700 img{--tw-duration:.7s;transition-duration:.7s}@media (hover:hover){.group-hover\:\[\&_img\]\:scale-115:is(:where(.group):hover *) img{--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:\[\&_img\]\:-rotate-4:is(:where(.group):hover *) img{rotate:-4deg}}.\[\&_path\]\:transition-colors path{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.group-hover\:\[\&_path\]\:stroke-site-black-100:is(:where(.group):hover *) path{stroke:var(--color-site-black-100)}}.group-data-active\:\[\&_path\]\:stroke-site-black-100:is(:where(.group)[data-active] *) path{stroke:var(--color-site-black-100)}.peer-checked\:\[\&_span\]\:opacity-100:is(:where(.peer):checked~*) span{opacity:1}.\[\&_svg\]\:absolute svg{position:absolute}.\[\&_svg\]\:z-10 svg{z-index:10}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:w-\[21\%\] svg{width:21%}.\[\&_svg\]\:text-white svg{color:var(--color-white)}.\[\&_svg\]\:mix-blend-difference svg{mix-blend-mode:difference}.\[\&_svg\]\:transition-all svg{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}@media (hover:hover){.group-hover\:\[\&_svg\]\:opacity-80:is(:where(.group):hover *) svg{opacity:.8}}@media not all and (min-width:40rem){.\[\&_svg\]\:max-sm\:w-\[25\%\] svg{width:25%}}.\[\&\.is-view\]\:opacity-100.is-view{opacity:1}.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:calc(var(--spacing)*1.5)}.\[\&\:\:marker\]\:mr-1::marker{margin-right:calc(var(--spacing)*1)}.is-view .\[\.is-view_\&\]\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}::view-transition-old(*){--tw-duration:1s;transition-delay:1s;transition-duration:1s}::view-transition-new(*){--tw-duration:1s;transition-delay:1s;transition-duration:1s}.select-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' fill='none' viewBox='0 0 11 8'%3E%3Cpath stroke='%231E1E1E' stroke-miterlimit='10' stroke-width='2' d='M10 1 5.5 6 1 1'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:11px 8px;cursor:pointer;padding-right:2rem}.animate-slideUp{animation:slideUp .5s ease-out forwards}.animate-slideFromRight{animation:slideFromRight .6s ease-out forwards}.animate-bounceIn{animation:bounceIn .7s cubic-bezier(.68,-.55,.265,1.55) forwards}.mask-gradient{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}}@media (max-width:640px){:root{--text-site-h1:1.75rem;--text-site-h2:1.25rem;--text-site-h3:1.125rem;--text-site-h4:1.125rem;--text-site-h5:.875rem;--text-site-h6:.875rem;--text-site-body:.875rem;--text-site-body-tight:.875rem;--text-site-form:1rem;--text-site-annotation:.75rem;--text-site-tag:.5625rem;--text-site-caution:.625rem;--text-site-en-3xl:4.125rem;--text-site-en-2xl:2.25rem;--text-site-en-xl:2rem;--text-site-en-ll:1.5rem;--text-site-en-l:1.25rem;--text-site-en-m:1.25rem;--text-site-en-s:.75rem;--text-site-en-xs:.625rem;--text-site-recruit:7.5rem;--text-site-job:1.5rem;--text-site-type:1.5rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)rotate(6deg)}50%{opacity:1;transform:scale(1.05)rotate(-2deg)}70%{transform:scale(.9)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}
4@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}</style>
5<style>.fade-enter-active[data-v-ae344e7a],.fade-leave-active[data-v-ae344e7a]{transition:opacity .75s ease}.fade-enter-from[data-v-ae344e7a],.fade-leave-to[data-v-ae344e7a]{opacity:0}.banner-enter-active[data-v-ae344e7a],.banner-leave-active[data-v-ae344e7a]{transition:opacity .5s ease}.banner-enter-from[data-v-ae344e7a],.banner-leave-to[data-v-ae344e7a]{opacity:0}@media (min-width:768px){.banner-enter-active[data-v-ae344e7a],.banner-leave-active[data-v-ae344e7a]{transform-origin:bottom left;transition:opacity .5s ease,transform .5s ease}.banner-leave-to[data-v-ae344e7a]{--tw-scale-x:.5;--tw-scale-y:.5}}.small-btn-enter-active[data-v-ae344e7a]{transition:opacity .75s ease}.small-btn-enter-from[data-v-ae344e7a]{opacity:0}@media (min-width:768px){.small-btn-enter-active[data-v-ae344e7a]{transform-origin:bottom left;transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.small-btn-enter-from[data-v-ae344e7a]{transform:scaleX(7.1) scaleY(6)}.small-btn-enter-active span[data-v-ae344e7a]{animation:worksTextIn-ae344e7a .3s ease .35s both}}@keyframes worksTextIn-ae344e7a{0%{opacity:0}to{opacity:1}}</style>
6<style>.serviceBlocksSVG[data-state]{display:none}.serviceBlocksSVG g{cursor:pointer}</style>
7<style>.splide__slide.is-clone [style*=view-transition-name],.splide__slide[aria-hidden=true] [style*=view-transition-name]{view-transition-name:none!important}</style>
8<link rel="stylesheet" href="/_nuxt/index.DaHSTpY7.css" crossorigin>
9<link rel="stylesheet" href="/_nuxt/service.BNT5PZmq.css" crossorigin>
10<link rel="stylesheet" href="/_nuxt/useCachedTransition.YXo9pf7T.css" crossorigin>
11<link rel="stylesheet" href="/_nuxt/splide.D7wrQ6zr.css" crossorigin>
12<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DBL6Xk11.js">
13<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BhgRT-c2.js">
14<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ZJOVnpbB.js">
15<link rel="modulepreload" as="script" crossorigin href="/_nuxt/r3ZFJIyc.js">
16<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C2JgOyTo.js">
17<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DlAUqK2U.js">
18<link rel="modulepreload" as="script" crossorigin href="/_nuxt/fS0pw8sz.js">
19<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DexLwpZD.js">
20<link rel="modulepreload" as="script" crossorigin href="/_nuxt/B8rDM0u1.js">
21<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CH_iu5NA.js">
22<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C4gmGO9R.js">
23<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Ci2YCQV5.js">
24<link rel="modulepreload" as="script" crossorigin href="/_nuxt/B6VV7gm9.js">
25<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bv3OVTVU.js">
26<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DU6GrVrq.js">
27<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CE1oNYd3.js">
28<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bs8xX3JT.js">
29<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CI9XGEnc.js">
30<link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/38f8ee16-ab6c-4613-94af-6f504425164f.json">
31<script src="https://webfont.fontplus.jp/accessor/script/fontplus.js?xdLFbhYItag%3D&box=PnOuLqSCCdU%3D&aa=1&ab=1" defer></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript">
vendor: 327 bytes, lines 32-36
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
33new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
34j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
35'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
36})(window,document,'script','dataLayer','
36GTM-5TW94THD
vendor: 3 bytes, line 36
36');
36</script>
36
37<meta name="description" content="株式会社オズは、グラフィックデザイン、Webサイトデザイン・開発、サーバ開発、AIを用いたアプリケーション・動画制作、企画・販促プランニング、コピーライティングなどの専門チームで構成された、札幌の広告デザイン会社です。">
38<meta property="og:title" content="株式会社オズ">
39<meta name="og:description" content="株式会社オズは、グラフィックデザイン、Webサイトデザイン・開発、サーバ開発、AIを用いたアプリケーション・動画制作、企画・販促プランニング、コピーライティングなどの専門チームで構成された、札幌の広告デザイン会社です。">
40<meta property="og:image" content="https://www.oz-design.jp/images/ogpimg.png">
41<meta name="twitter:card" content="summary_large_image">
42<link rel="canonical" href="https://www.oz-design.jp/">
43<meta property="og:site_name" content="株式会社オズ">
44<meta name="robots" content="index, follow">
45<meta property="og:type" content="website">
46<meta property="og:url" content="https://www.oz-design.jp/">
47<meta property="og:image:width" content="1200">
48<meta property="og:image:height" content="630">
49<script type="module" src="/_nuxt/DBL6Xk11.js" crossorigin></script>
49</head><body  style="overflow:auto">
vendor: 67 bytes, line 49
49<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
49GTM-5TW94THD
vendor: 82 bytes, line 49
49" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
49<!--teleport start anchor--><button class="fixed md:bottom-6 bottom-5.5 right-5 md:right-0 z-99 bg-site-black-100 text-white md:px-4 md:py-3 h-[40px] w-[40px] md:w-auto md:h-[47px] rounded-full md:rounded-r-[40px] shadow-lg transition-all duration-300 ease-out flex items-center gap-1 md:gap-1.5 max-w-xs group font-display cursor-pointer overflow-hidden group translate-x-0 opacity-100" style=""><div class="absolute inset-0 bg-site-yellow-100 rounded-r-[40px] transform origin-left scale-x-0 group-hover:scale-x-200 transition-transform duration-[300ms] ease-out group-hover:duration-[1000ms]"></div><span class="text-site-annotation whitespace-nowrap transition-all duration-300 ease-out group-hover:text-site-black-100 group-hover:text-site-black-100 relative z-10 hidden md:block">ご質問にAIがお答えします</span><svg width="11" height="13" viewbox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-all duration-300 ease-out group-hover:color-site-black-100 w-full md:w-auto group-hover:text-site-black-100 relative z-10"><path d="M11 5.60617C11 2.50996 8.53754 0 5.5 0C2.46246 0 0 2.50996 0 5.60617C0 8.70238 2.46243 11.2123 5.5 11.2123V12.622C5.5 12.958 5.89856 13.1264 6.1317 12.8888C7.50403 11.49 8.96833 9.9974 9.31271 9.64638C10.3527 8.62641 11 7.19345 11 5.60621L11 5.60617Z" fill="currentColor"></path></svg></button><div style="display:none;"><div class="fixed inset-0 z-10 w-screen overflow-y-auto bg-black/20"></div><div class="fixed z-99 inset-5 md:inset-auto md:top-5 md:bottom-5 md:right-5 m-w-[345px] m-h-[714px] md:w-[45%] md:h-auto animate-slideFromRight"><div class="bg-white shadow-2xl h-full flex flex-col overflow-hidden font-display"><div class="text-site-black-100 p-5 flex justify-between items-center shrink-0"><h3 class="text-site-en-s">OZ AI Chat</h3><button class="text-white hover:text-site-gray-200 text-xl leading-none w-[22px] h-[22px] flex items-center justify-center rounded-full hover:bg-opacity-80 transition-colors duration-[var(--default-transition-duration)] rounded-full bg-black md:hidden" aria-label="チャットを閉じる"><svg width="8" height="8" viewbox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[7px] h-[7px]"><path d="M0.5 0.5L7.5 7.5" stroke="currentColor"></path><path d="M7.5 0.5L0.5 7.5" stroke="currentColor"></path></svg></button></div><div class="flex-1 p-5 overflow-y-auto space-y-2.5 [scrollbar-width:thin] [&amp;::-webkit-scrollbar]:w-1.5"><div class="flex justify-start"><div class="py-4 px-5 text-sm leading-relaxed font-display bg-site-gray-100 rounded-tl-none rounded-[20px] text-site-black-100 text-site-body"><p>こんにちは!ここでは、AIスタッフがご案内します。<br>『どんなデザインをしてるの?』『会社の特徴は?』など、気になることがあれば何でも聞いてくださいね!</p></div></div><!--[--><!--]--><!----><!----></div><div class="w-full px-5 pb-5"><form><div class="bg-white flex w-full cursor-text flex-col items-center justify-center overflow-clip bg-clip-padding contain-inline-size border border-site-black-100 focus-within:border-site-black-100 transition-colors duration-200"><div class="relative flex w-full items-end px-4 py-2"><div class="relative flex w-full flex-auto flex-col"><div class="items-top flex justify-center"><div class="opacity-0 w-0 h-0"></div></div><div class="relative flex-auto bg-transparent pt-1.5 -mb-[18px] translate-y-[-7px]"><div class="flex flex-col justify-start min-h-0"><div class="flex min-h-12 items-start"><div class="max-w-full min-w-0 flex-1"><div class="max-h-[25dvh] max-h-52 -mx-3 px-3 overflow-auto [scrollbar-width:thin] [&amp;::-webkit-scrollbar]:w-1.5 default-browser vertical-scroll-fade-mask min-h-12 pe-3"><textarea class="text-site-black-100 placeholder:text-site-gray-300 block h-auto min-h-[2.5rem] w-full py-2 resize-none border-0 bg-transparent ring-0 placeholder:ps-px font-display text-site-form leading-relaxed focus:outline-none disabled:text-site-gray-300 disabled:cursor-not-allowed" placeholder="質問してみましょう" autofocus data-virtualkeyboard="true" rows="1"></textarea></div></div></div></div></div></div><button type="submit" class="absolute right-4 bottom-2 w-9 h-9 bg-site-black-100 text-white rounded-full flex items-center justify-center hover:bg-opacity-80 curs
49or-pointer transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed shadow-sm" aria-label="メッセージを送信"><svg width="10" height="12" viewbox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="M5 12L5 2" stroke="currentColor" stroke-width="2"></path><path d="M1 6L5 2L9 6" stroke="currentColor" stroke-width="2" stroke-miterlimit="10"></path></svg></button></div></div></form></div></div></div></div><!--teleport anchor--><div id="__nuxt"><!--[--><div><!--[--><nav class="h-22.5 max-sm:h-14.5 w-full flex justify-between items-center fixed top-0 left-0 z-50 py-4 px-6 mix-blend-difference"><a aria-current="page" href="/" class="router-link-active router-link-exact-active"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="OZ Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Flogo-oz.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Flogo-oz.svg&amp;w=1536&amp;q=80 2x" class="w-12 max-sm:w-9" src="/_vercel/image?url=%2Fimages%2Flogo-oz.svg&amp;w=1536&amp;q=80"></a><div class="flex flex-wrap items-center gap-2 md:gap-8"><!--[--><a href="/about-us" class="inline-block text-transparent text-shadow-header overflow-hidden transition-all hover:text-shadow-header-hover"><p class="text-site-en-xs uppercase leading-relaxed"><!--[-->About Us<!--]--><!----></p></a><a href="/service" class="inline-block text-transparent text-shadow-header overflow-hidden transition-all hover:text-shadow-header-hover"><p class="text-site-en-xs uppercase leading-relaxed"><!--[-->Service<!--]--><!----></p></a><a href="/works" class="inline-block text-transparent text-shadow-header overflow-hidden transition-all hover:text-shadow-header-hover"><p class="text-site-en-xs uppercase leading-relaxed"><!--[-->Works<!--]--><sup class="ml-px">(60)</sup></p></a><a href="/recruit" class="inline-block text-transparent text-shadow-header overflow-hidden transition-all hover:text-shadow-header-hover"><p class="text-site-en-xs uppercase leading-relaxed"><!--[-->Recruit<!--]--><!----></p></a><!--]--><a aria-current="page" href="/#contact" class="router-link-active router-link-exact-active px-5.5 py-3 to-site-gray-150 border-site-gray-150 text-shadow-contact-header hover:text-shadow-contact-header-hover inline-block text-transparent bg-gradient-to-b from-transparent from-50% to-50% bg-no-repeat bg-position-[0_0] bg-size-[100%_200%] border rounded-full overflow-hidden transition-all hover:bg-position-[0_100%]"><p class="text-site-en-xs uppercase"><!--[-->Contact<!--]--></p></a><!----><div class="flex gap-2 items-start"><button type="button" class="opacity-100 text-site-gray-150 cursor-pointer transition-all hover:opacity-100">JA</button><span class="text-site-gray-150">/</span><button type="button" class="opacity-40 text-site-gray-150 cursor-pointer transition-all hover:opacity-100">EN</button></div></div></nav><!----><!--]--><main><!--[--><div class="relative"><div class="grid items-center h-lvh max-sm:py-30 relative overflow-hidden"><div class="pointer-events-none"><span></span></div><!--[--><div class="fixed inset-0 bg-black/50 z-40" data-v-ae344e7a></div><a href="/works/c_t3650lek" class="fixed group block w-full max-w-[335px] bg-white overflow-hidden z-50 border border-black pt-5 px-5 pb-14 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 md:w-[640px] md:max-w-none md:left-6 md:top-auto md:translate-x-0 md:translate-y-0 md:pt-7.5 md:px-7.5 md:pb-[66px] md:bottom-6" data-v-ae344e7a><div class="w-full h-[155px] overflow-hidden md:w-[580px] md:h-[309px]" data-v-ae344e7a><img src="/images/top/fixed-kv01.jpg" alt class="w-full h-full object-cover transition-transform duration-500 ease-out group-hover:scale-110" data-v-ae344e7a></div><div class="mt-3.5" data-v-ae344e7a><p class="text-xs font-medium text-[#1e1e1e] leading-normal font-[&#39;Helvetica_Neue&#39;]" data-v-ae344e7a>(PICK UP / WORK)</p><p class="mt-2 text-base font-extrabold text-[#1e1e1e] leading-[1.8] md:text-2xl" data-v-ae344e7a>企業の歩む「道」を表現するリブランディング・Web刷新プロジェクト</p><p class="mt-0.5 text-site-body text-site-gray-300 leading-normal font-[&#39;Helvetica_Neue&#39;]" data-v-ae344e7a> 2025 </p><div class="w-9 h-9 rounded-full bg-[#1e1e1e] flex items-center justify-center absolute right-5 bottom-5 md:right-7.5 md:bottom-7.5 transition-transform duration-300 ease-out group-hover:translate-x-2.5" data-v-ae344e7a>
49<svg width="16" height="16" viewBox="0 0 16 16" fill="none" data-v-ae344e7a><path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-v-ae344e7a></path></svg></div></div></a><!----><!--]--><!----></div><div class="grid items-center bg-white min-h-dvh py-20 overflow-hidden"><div class="site-contents w-full max-w-300"><div class="text-white sm:ml-[19.5%] mix-blend-difference"><svg width="398" height="160" viewbox="0 0 398 160" xmlns="http://www.w3.org/2000/svg" class="fill-current max-sm:w-53.5"><path d="M233.486 141.298C237.836 141.298 241.374 144.894 241.374 149.244C241.374 153.594 237.836 157.132 233.486 157.132C229.136 157.132 225.598 153.594 225.598 149.244C225.598 144.894 229.136 141.298 233.486 141.298ZM233.486 144.604C230.934 144.604 228.846 146.692 228.846 149.244C228.846 151.796 230.934 153.884 233.486 153.884C236.038 153.884 238.068 151.796 238.068 149.244C238.068 146.692 236.038 144.604 233.486 144.604Z" style="mix-blend-mode:exclusion;"></path><path d="M200.028 112.82C199.854 110.21 199.68 107.716 199.216 105.164L207.626 106.208C208.612 106.324 208.96 106.498 208.96 106.846C208.96 107.368 208.612 107.542 208.032 107.832C207.858 109.398 207.8 110.906 207.8 112.472C215.63 112.182 221.314 111.95 227.346 111.602C227.172 113.11 227.172 114.734 227.172 115.488C227.172 116.3 227.172 117.692 227.404 119.548C221.952 119.316 216.326 119.2 212.73 119.2C211.106 119.2 209.424 119.2 207.8 119.316V122.912C207.8 124.014 207.858 125.812 207.916 126.856C210.062 129.698 210.874 133.932 210.874 137.412C210.874 146.75 204.958 155.334 197.012 159.684C194.692 157.538 192.662 156.088 189.936 154.522C194.808 152.55 199.506 149.708 201.536 144.604C199.97 145.996 198.056 146.634 195.968 146.634C189.762 146.634 187.616 140.95 187.616 135.614C187.616 129.35 190.922 123.782 197.766 123.782C198.462 123.782 199.332 123.84 200.202 124.014C200.26 122.506 200.26 120.766 200.26 119.606C192.256 120.128 184.31 120.94 176.48 122.39L175.9 114.096C180.83 114.096 191.444 113.4 200.028 112.82ZM198.172 130.046C195.214 130.046 194.112 132.772 194.112 135.324C194.112 137.528 194.866 140.718 197.708 140.718C200.55 140.718 201.536 136.89 201.536 134.57C201.536 132.54 200.608 130.046 198.172 130.046Z" style="mix-blend-mode:exclusion;"></path><path d="M119.117 111.95C120.393 112.066 121.611 112.124 122.887 112.124C131.123 112.124 142.259 110.964 150.553 109.92C156.469 109.224 162.385 108.122 168.127 106.614L169.635 114.908C164.241 114.908 159.601 116.242 154.961 118.968C148.465 122.796 142.259 129.524 142.259 137.47C142.259 146.75 151.829 148.896 159.311 149.476C157.745 152.376 156.585 155.044 155.657 158.234C145.159 155.856 134.487 150.23 134.487 138.05C134.487 129.292 140.113 122.68 146.667 117.634C141.157 117.982 125.265 120.012 120.219 121.288L119.117 111.95ZM165.517 119.954C167.141 121.346 169.577 124.304 170.795 126.102C169.519 127.03 168.127 128.248 167.025 129.408C165.343 126.798 164.009 125.174 161.921 122.854L165.517 119.954ZM159.949 124.246C161.399 125.812 163.835 128.77 164.995 130.51C163.777 131.38 162.153 132.772 161.109 133.874C159.369 131.264 158.093 129.582 156.179 127.436L159.949 124.246Z" style="mix-blend-mode:exclusion;"></path><path d="M93.3668 129.466H83.1588V122.448H93.3668V105.396L101.197 105.744C101.603 105.744 102.067 105.918 102.067 106.382C102.067 106.962 101.545 107.136 100.849 107.31V122.448H111.115V129.466H100.849V149.65H112.391V156.32H79.5048V149.65H93.3668V129.466ZM74.9808 137.122V158.234H67.7888V141.53C65.9328 143.212 64.0188 144.72 62.0468 146.228C61.0028 143.734 59.5528 141.994 57.4648 140.254C63.1488 136.89 71.3268 129.524 73.9948 123.376H59.7848V116.706H67.7888V105.512L74.9228 105.744C75.3868 105.744 76.0248 105.976 76.0248 106.556C76.0248 106.904 75.5028 107.31 74.9808 107.542V116.706H80.9548L84.1448 119.722C81.6508 124.768 80.3748 127.262 77.7648 130.684C80.3168 133.526 83.4488 135.904 86.6388 137.992C85.0728 139.268 83.0428 141.646 82.1148 143.386C79.1568 141.298 77.4748 139.732 74.9808 137.122Z" style="mix-blend-mode:exclusion;"></path><path d="M42.6734 124.072V129.814H13.2094V124.71C10.7734 126.218 8.27939 127.552 5.66939 128.77C4.16139 126.566 2.36339 124.594 0.275391 122.97C8.39539 120.418 20.3434 112.008 24.4034 104.41L32.8134 105.628C33.2194 105.686 33.6834 105.918 33.6834 106.382C33.6834 106.846 33.5094 106.962 32.3494 107.252C34.3794 110.152 38.9614 113.574 41.9774 115.546C45.8634 118.04 51.4894 120.882 55.8974 122.158C54.1574 123.318 52.0694 126.334 51.0834 128.248C48.1834 127.088 45.3994 125.638 42.6734 124.072ZM41.5134 123.376C35.5394 119.722 32.6974 117.112 27.7674 112.24C23.3594 116.706 20.3434 119.664 15.1814 123.376H41.5134ZM38.4974 139.616C44.1234 144.488 47.3134 148.084 51.7794 154C49.6914 155.45 47.8354 157.19 46.1534 159.104C44.5294 156.552 43.4274 154.87 41.9194 153.014C36.7574 153.768 31.5374 154.406 26.3754 154.986C21.3874 155.566 16.3994 156.088 7.87339 156.958C7.52539 157.944 7.17739 158.466 6.53939 158.466C6.07539 158.466 5.90139 158.118 5.78539 157.48L4.27739 149.998C6.94539 149.882 9.78739 149.708 13.2094 149.476C15.0654 146.286 16.7474 143.038 18.0234 139.616H4.27739V133.178H52.1274V139.616H38.4974ZM36.4094 139.616H27.4194C27.5354 139.732 27.5934 139.848 27.5934 140.022C27.5934 140.66 26.3754 140.834 25.9114 140.892C24.9254 142.98 22.7794 146.808 21.5614 148.838C28.6374 148.2 31.7114 147.91 36.8734 147.33C35.4814 145.88 33.7994 144.43 32.2334 143.154L36.4094 139.616Z" style="mix-blend-mode:exclusion;"></path><path d="M355.336 5.86222C356.322 5.92022 357.134 5.92022 357.714 5.92022C365.37 5.92022 377.492 4.99222 384.568 2.32422L388.57 7.66022C385.322 10.1542 376.1 18.6802 373.2 21.7542C375.752 20.9422 378.13 20.4782 380.798 20.4782C389.846 20.4782 397.212 25.9302 397.212 35.4422C397.212 47.3902 386.018 53.4802 375.288 53.4802C370.532 53.4802 365.312 52.2042 362.586 48.0282C361.774 46.7522 361.368 45.2442 361.368 43.7362C361.368 37.9942 366.82 35.0362 371.982 35.0362C377.666 35.0362 383.118 38.4002 384.278 44.2002C387.584 42.6922 389.44 39.7922 389.44 36.1382C389.44 33.5862 388.454 31.0922 386.54 29.3522C384.568 27.4962 381.436 26.9162 378.768 26.9162C369.836 26.9162 363.514 32.0782 354.814 41.4742L348.898 35.6742C354.408 31.9042 370.126 16.7662 374.186 11.4302C369.082 12.5322 361.89 13.1702 356.612 13.6342L355.336 5.86222ZM377.84 47.1002C377.318 43.7362 375.056 41.3582 371.518 41.3582C369.894 41.3582 368.328 42.2282 368.328 43.9682C368.328 46.6362 372.272 47.5642 374.36 47.5642C375.52 47.5642 376.68 47.3902 377.84 47.1002Z" style="mix-blend-mode:exclusion;"></path><path d="M334.413 27.4958C334.413 38.0518 331.803 47.6218 323.103 54.3498C321.479 52.2038 319.217 50.3478 316.723 48.9558C326.293 42.2278 326.873 34.5138 326.873 23.7258C323.045 24.0738 319.159 24.3638 315.273 24.3638C314.867 24.3638 314.577 24.3638 313.591 24.3058L312.895 16.3598C315.273 16.5918 317.709 16.7658 320.087 16.7658C322.291 16.7658 324.495 16.6498 326.699 16.4178C326.409 11.7198 326.003 6.7318 325.307 2.0918L333.601 2.8458C334.877 2.9618 335.167 3.0778 335.167 3.5418C335.167 4.0638 334.645 4.2378 334.239 4.3538V9.8
49638C334.239 11.6618 334.239 13.4598 334.297 15.2578C338.241 14.3878 340.097 13.8658 343.287 12.5898C343.287 17.3458 343.345 18.7958 343.461 20.1878C340.503 21.2898 337.429 22.0438 334.355 22.5658C334.413 25.0018 334.413 26.1038 334.413 27.4958ZM297.583 2.9038L305.645 4.9918C306.341 5.1658 306.515 5.2818 306.515 5.6298C306.515 6.3258 305.761 6.4998 305.239 6.6158C302.977 13.2278 302.165 20.7098 302.165 27.6698C302.165 31.1498 302.397 34.8618 303.383 38.1678C304.195 35.4418 305.355 32.7738 306.631 30.2218C308.603 31.7298 309.821 32.5998 312.025 33.7598C309.241 38.3418 306.399 45.6498 305.819 50.9858L299.497 52.0878C295.843 44.6638 294.625 34.3398 294.625 26.1038C294.625 18.7958 295.553 9.9218 297.583 2.9038Z" style="mix-blend-mode:exclusion;"></path><path d="M246.777 29.12V54.408H240.513V34.166C240.223 34.514 239.817 34.63 239.411 34.688C239.353 38.284 238.773 43.736 237.729 47.1C236.105 46.52 233.959 46.172 232.219 46.114C233.611 41.242 233.959 37.414 234.133 32.368L239.817 33.238C240.165 33.296 240.339 33.354 240.513 33.528V29.758C238.599 29.874 236.569 30.048 234.887 30.222C234.713 30.744 234.365 31.556 233.669 31.556C233.205 31.556 233.031 31.266 232.973 30.686L232.509 24.48H235.931C237.265 22.914 238.831 21 240.165 19.26C237.845 16.824 235.351 14.272 232.567 12.3L235.989 7.65999C236.627 8.06599 237.033 8.35599 237.613 8.81999C239.063 6.44199 241.035 3.13599 242.021 0.583984L247.821 3.25199C248.169 3.42599 248.285 3.71599 248.285 4.06399C248.285 4.75999 247.763 4.87599 246.487 4.93399C244.921 7.54399 243.413 10.038 241.673 12.532C242.369 13.228 243.297 14.214 243.645 14.62C245.269 12.358 246.893 10.038 248.227 7.54399L253.679 10.676L253.853 10.792V5.74599H266.381V0.989986L273.457 1.39598C273.921 1.39598 274.327 1.62798 274.327 2.09199C274.327 2.78799 273.399 3.13599 272.935 3.30998V5.74599H286.101V11.488H272.935V14.446H282.389V19.956H257.333V14.446H266.381V11.488H254.433C254.317 12.184 253.969 12.3 253.273 12.3C252.983 12.3 252.809 12.3 252.345 12.242C249.445 16.302 246.545 20.304 243.297 24.132C245.385 24.074 246.777 24.016 248.517 23.9C248.227 22.74 247.879 21.58 247.531 20.536L252.519 18.97C253.447 21.638 254.491 25.64 254.897 28.424V22.276H285.869V34.746H279.663V27.264H261.045V34.746H254.897V30.048C253.157 30.164 251.591 30.628 249.677 31.208C249.619 30.28 249.561 29.642 249.445 28.83L246.777 29.12ZM270.847 29.41L277.053 29.816C277.691 29.874 278.213 30.106 278.213 30.744C278.213 31.382 277.575 31.614 277.053 31.788V46.752C277.053 47.97 277.227 48.318 278.677 48.318C280.765 48.318 281.113 46.578 281.287 42.054C282.737 43.04 285.347 44.026 287.087 44.316C286.913 48.376 286.159 53.886 280.823 53.886H276.241C272.935 53.886 270.847 53.074 270.847 49.362V29.41ZM255.883 54.814C254.259 52.204 253.505 51.45 251.069 49.71C255.187 47.796 258.145 45.534 260.175 41.358C261.857 37.878 262.089 34.746 262.089 31.15V29.526L268.817 30.164C269.281 30.222 269.629 30.396 269.629 30.86C269.629 31.382 269.339 31.672 268.237 32.078C267.715 38.806 266.671 43.446 264.467 46.984C262.205 50.638 259.421 52.842 255.883 54.814ZM248.053 32.89L253.215 32.542V32.832C253.215 35.732 254.027 40.662 254.723 43.33C252.751 43.678 251.011 44.084 249.155 44.838C248.459 41.88 248.053 36.022 248.053 32.89Z" style="mix-blend-mode:exclusion;"></path><path d="M185.993 2.20801L195.099 3.48401C196.027 3.60001 196.433 3.77401 196.433 4.29601C196.433 4.70201 196.027 4.99201 195.157 5.28201C193.765 13.054 193.475 23.784 193.475 31.788C193.475 34.63 193.533 39.328 194.577 41.88C195.563 44.374 197.245 45.186 199.855 45.186C204.785 45.186 210.295 41.706 213.601 38.226C216.153 35.558 219.227 31.672 220.793 28.308C222.591 30.744 224.505 32.832 226.651 34.804C220.677 44.432 211.049 53.364 199.043 53.364C193.011 53.364 188.429 50.29 186.863 44.374C185.587 39.734 185.471 34.05 185.471 29.236C185.471 26.394 185.529 22.914 185.703 19.782C185.877 16.244 186.109 10.154 186.109 6.15201C186.109 4.81801 186.109 3.48401 185.993 2.20801Z" style="mix-blend-mode:exclusion;"></path><path d="M147.712 43.9103H161.342V29.7583L169.346 30.2223C169.926 30.2803 170.216 30.4543 170.216 30.9183C170.216 31.5563 169.636 31.7883 168.766 32.0203V54.1763H161.342V50.8703H126.832V54.1763H119.408V29.7003L127.47 30.1643
49C127.992 30.2223 128.282 30.3963 128.282 30.8603C128.282 31.4403 127.818 31.6723 126.832 31.9043V43.9103H140.23V26.8583H121.728V4.47027L129.616 4.93427C130.196 4.99227 130.718 5.10827 130.718 5.68827C130.718 6.09427 130.428 6.32627 129.326 6.67427V20.0143H140.23V1.28027L148.292 1.86027C148.872 1.91827 149.278 2.03427 149.278 2.61427C149.278 3.13627 148.814 3.36827 147.712 3.77427V20.0143H158.674V4.47027L166.678 4.93427C167.316 4.99227 167.722 5.05027 167.722 5.63027C167.722 6.15227 167.316 6.38427 166.33 6.67427V26.8583H147.712V43.9103Z" style="mix-blend-mode:exclusion;"></path><path d="M97.8897 27.5543C99.0497 23.3783 99.5717 19.2603 99.5717 14.8523L107.924 17.8103C108.446 17.9843 108.736 18.1583 108.736 18.6223C108.736 19.3183 107.982 19.3763 107.46 19.3763C106.996 23.5523 106.068 26.8003 104.85 30.7443C107.924 32.4263 111.288 34.5143 113.782 36.9503C111.868 39.4443 110.534 41.5323 109.026 44.0263C106.706 41.8223 104.56 40.1403 101.834 38.4003C98.9337 44.2583 94.1777 50.2903 88.7257 53.8863C86.6377 51.4503 85.0717 50.2903 82.3457 48.6083C87.5657 46.2303 92.7857 39.7923 95.2797 34.6883C90.9877 32.7163 88.1457 31.7303 83.4477 30.6283C79.2137 39.6183 76.9517 43.5623 74.9797 45.7663C73.3557 47.6223 71.5577 48.5503 69.0637 48.5503C64.1917 48.5503 60.5957 44.1423 60.5957 39.3283C60.5957 33.8763 63.9597 28.8883 68.5417 26.1623C71.8477 24.1903 75.2117 23.4943 78.9817 23.6103C80.4317 19.8403 82.0557 15.7803 83.6797 11.8943C79.2717 13.0543 74.8057 13.8663 70.3397 14.3883L68.6577 6.15226C74.7477 6.15226 84.4337 5.28226 89.8857 2.61426L94.9317 6.84826C93.4817 8.82026 92.3217 10.7343 91.0457 13.2283C88.6677 17.8683 87.6237 20.2463 86.2897 23.9583C90.2917 24.7123 94.1777 25.9883 97.8897 27.5543ZM75.7337 30.8603C71.4417 30.8023 67.3237 34.4563 67.3237 39.3283C67.3237 40.1983 67.6717 41.4163 68.7737 41.4163C69.8177 41.4163 71.4997 38.8643 72.4857 37.2403C73.4717 35.6163 74.8637 33.0063 75.7337 30.8603Z" style="mix-blend-mode:exclusion;"></path><path d="M34.4961 14.3883C34.4961 9.5743 34.4961 5.9203 34.5541 2.9043L43.3701 4.3543C43.7181 4.4123 44.1821 4.5863 44.1821 5.1083C44.1821 5.7463 43.2541 5.8623 42.7901 5.9203C42.5001 8.0083 42.3261 10.3863 42.2101 13.5183C45.4001 12.9383 48.1841 12.3003 51.3161 11.2563V18.7383C48.2421 19.4923 45.1681 20.1303 42.0361 20.6523C42.0361 24.5963 42.2681 31.4403 42.9061 35.2103C46.6761 36.5443 51.4901 38.8063 54.4481 41.4743C53.2301 43.5623 52.3601 45.3603 51.0261 48.3763C48.7061 46.2303 46.5601 44.6643 43.6601 43.3883C43.6601 49.8843 37.6281 51.8563 32.1761 51.8563C26.6081 51.8563 20.8081 49.0723 20.8081 42.7503C20.8081 36.4283 27.3041 33.7603 32.7561 33.7603C33.2201 33.7603 34.2061 33.8183 35.1921 33.9343C34.9021 30.1063 34.6121 25.5823 34.5541 21.6383C31.8281 21.8703 29.1021 22.0443 26.3761 22.0443C25.2161 22.0443 23.3601 21.9863 22.3161 21.9283V14.1563C24.8681 14.4463 27.1881 14.5623 29.5661 14.5623C31.1901 14.5623 32.8141 14.5043 34.4961 14.3883ZM7.52611 3.0783L15.5881 5.6303C15.9941 5.7463 16.2841 5.9783 16.2841 6.4423C16.2841 7.1383 15.1821 7.3123 14.6601 7.3703C12.5721 14.7363 11.3541 22.7403 11.3541 30.3963C11.3541 32.8323 11.4701 34.8623 11.7601 37.2403C12.7461 35.3263 13.9641 33.0063 14.8921 31.3823C15.9361 33.2963 17.0961 34.7463 18.6041 36.3123C15.8201 40.7783 13.7901 45.9403 13.7901 51.3923L7.17811 52.6683C5.03211 45.1863 4.16211 37.5303 4.16211 29.7583C4.16211 21.0003 5.32211 11.6043 7.52611 3.0783ZM36.1201 40.6043C34.7281 40.0243 33.5101 39.8503 32.0021 39.8503C30.2041 39.8503 27.3041 40.4303 27.3041 42.7503C27.3041 44.7803 29.6821 45.5343 31.3641 45.5343C33.6841 45.5343 36.2361 44.5483 36.2361 41.8223C36.2361 41.4163 36.1781 40.8943 36.1201 40.6043Z" style="mix-blend-mode:exclusion;"></path></svg></div><div class="grid sm:grid-cols-[repeat(2,auto)] items-end sm:gap-x-10 sm:ml-[53.1%] max-sm:mx-10"><p class="text-site-h6 leading-[2.4]">むやみに自分勝手やる、という話ではなく、<br> 枠にはまらないことは、私たちの個性そのもの。<br> クライアントを知る。課題を知る。<br> 「答え」を探す。「応え」を探す。<br> 考えれば、考えるほどに、はみ出ていく。<br> デザインから始まった会社は<br> プランニングや、ブランディングや、<br> マッチングや、プログラミングまで。<br> 扱うのは.ai から、人工知能のAIまで。<br> 北海道から、東京、さらには海外へ。<br> 課題に向き合い考えつづけて、<br> わたしたちはこれからもはみ出していく。</p><div class="sm:mb-30 max-sm:mt-5 max-sm:text-right"><a href="/about-us" class="group inline-block relative"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-en-s uppercase">About Us</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></a></div></div></div></div><section class="grid items-center bg-white min-h-dvh py-20 overflow-hidden"><div class="site-contents"><div class="grid grid-cols-[1fr_auto] items-end relative"><p class="text-white text-site-h2 absolute top-2 max-sm:top-8 sm:left-1/2 max-sm:right-0 z-0" aria-hidden="true">デザインとアイデアで、<br>価値をつくる会社。</p><h2 class="text-site-en-3xl uppercase relative z-10">Service</h2><p class="text-white text-site-h2 mix-blend-difference absolute top-2 max-sm:top-8 sm:left-1/2 max-sm:right-0 z-20">デザインとアイデアで、<br>価値をつくる会社。</p><a href="/service" class="group inline-block relative max-sm:hidden"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-en-s uppercase">Service</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></a></div><div class="grid sm:grid-cols-2 gap-y-7.5 mt-15 max-sm:mt-5"><div><div class="w-112.75 max-sm:w-70 h-94 max-sm:h-58.5 sm:mt-14 mt-2
490 sm:ml-3 max-sm:mx-auto relative max-sm:pointer-events-none"><div><svg id="mainServiceBlocks" class="serviceBlocksSVG max-w-full m-auto lg:m-unset" width="510" viewBox="-30 -20 510 430" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="graphic"><path data-shape d="M21.318 119.25L132.206 127.409L286.88 54.084L292.291 0.0200195L2.83496 21.138L21.318 119.25Z" fill="#FCCF00"></path><text data-text transform="translate(13 28.0022) rotate(-4.173)" data-transform-0="translate(13 28.0022) rotate(-4.173)" data-transform-1="translate(184 86.6219) rotate(-4.173)" data-transform-2="translate(163 64.0022) rotate(-4.173)" data-transform-3="translate(16 25.0022) rotate(-4.173)" data-transform-4="translate(30 26.0022) rotate(-4.173)" data-transform-5="translate(74 27.0022) rotate(-4.173)" data-transform-6="translate(10 75.0022) rotate(-4.173)" fill="white" xml:space="preserve" style="white-space:pre;" font-family="Helvetica Neue" font-size="10" font-weight="500" letter-spacing="0em"><tspan x="0" y="9.79">GRAPHIC</tspan></text></g><g data-group="web-design"><path data-shape d="M88.2257 127.204L0 133.788L17.7077 371.065L105.933 364.481L88.2257 127.204Z" fill="#FCCF00"></path><text data-text transform="translate(25.6562 361.906) rotate(-94.268)" data-transform-0="translate(25.6562 361.906) rotate(-94.268)" data-transform-1="translate(18.6562 375.906) rotate(-94.268)" data-transform-2="translate(81.4517 271.434) rotate(-94.268)" data-transform-3="translate(14.6562 243.906) rotate(-94.268)" data-transform-4="translate(34.6562 271.906) rotate(-94.268)" data-transform-5="translate(79.6562 366.906) rotate(-94.268)" data-transform-6="translate(20.6562 414.906) rotate(-94.268)" fill="white" xml:space="preserve" style="white-space:pre;" font-family="Helvetica Neue" font-size="10" font-weight="500" letter-spacing="0em"><tspan x="0" y="9.79">WEB DESIGN</tspan></text></g><g data-group="plan"><path data-shape d="M273.111 223.886L304.487 214.964L274.973 196.088L298.506 173.219L267.35 169.241L282.265 137.423L239.431 153.213L229.565 117.536L202.056 143.389L175.209 109.913L152.339 143.72L117.869 129.468L122.84 163.275L96.9702 180.502L125.16 198.74L112.97 229.508L143.391 220.524L150.651 249.575L174.843 232.643L186.13 266.087L198.671 236.824L226.89 259.816L233.161 237.869L272.322 254.091L273.111 223.886Z" fill="#FCCF00"></path><text data-text transform="translate(238.829 222) rotate(10.872)" data-transform-0="translate(238.829 222) rotate(10.872)" data-transform-1="translate(232.829 286) rotate(10.872)" data-transform-2="translate(295.829 248) rotate(10.872)" data-transform-3="translate(212.829 172) rotate(10.872)" data-transform-4="translate(231.829 147) rotate(10.872)" data-transform-5="translate(181.413 172) rotate(10.872)" data-transform-6="translate(169.829 277) rotate(10.872)" fill="white" xml:space="preserve" style="white-space:pre;" font-family="Helvetica Neue" font-size="10" font-weight="500" letter-spacing="0em"><tspan x="0" y="9.79">PLAN</tspan></text></g><g data-group="copy"><path data-shape d="M372.856 278.264C413.894 278.264 447.163 215.972 447.163 139.132C447.163 62.2915 413.894 0 372.856 0C331.817 0 298.549 62.2915 298.549 139.132C298.549 215.972 331.817 278.264 372.856 278.264Z" fill="#FCCF00"></path><text data-text transform="translate(441 122) rotate(90)" data-transform-0="translate(441 122) rotate(90)" data-transform-1="translate(439 209) rotate(90)" data-transform-2="translate(456 159) rotate(90)" data-transform-3="translate(444 84) rotate(90)" data-transform-4="translate(460 96) rotate(90)" data-transform-5="translate(504 123) rotate(90)" data-transform-6="translate(351 161) rotate(90)" fill="white" xml:space="preserve" style="white-space:pre;" font-family="Helvetica Neue" font-size="10" font-weight="500" letter-spacing="0em"><tspan x="0" y="9.79">COPY</tspan></text></g><g data-group="web-dev"><path data-shape d="M250.767 342.981L259.537 284.426L447.164 278.264L433.375 370.33L250.767 342.981Z" fill="#FCCF00"></path><text data-text transform="translate(329.222 337) rotate(8.518)" data-transform-0="translate(329.222 337) rotate(8.518)" data-transform-1="translate(328.77 355.767) rotate(6.44244)" data-transform-2="translate(324.222 367) rotate(8.518)" data-transform-3="translate(170.905 251) rotate(6.95091)" data-transform-4="translate(344.832 310.868) rotate(20.4663)" data-transform-5="translate(369.222 333) rotate(8.518)" data-transform-6="translate(309.021 397.14) rotate(3.51532)" fill="white" xml:space="preserve" style="white-space:pre;" font-family="Helvetica Neue" font-size="10" font-weight="500" letter-spacing="0em"><tspan x="0" y="9.79">WEB DEVELOPMENT</tspan></text></g><g data-group="ai"><path data-shape d="M199.893 252.845L262.848 370.09L119.894 359.194L199.893 252.845Z" fill="#FCCF00"></path><text data-text transform="translate(140.14 341) rotate(4.359)" data-transform-0="translate(140.14 341) rotate(4.359)" data-transform-1="translate(132.14 363) rotate(4.359)" data-transform-2="translate(197.14 381) rotate(4.359)" data-transform-3="translate(37.1401 348) rotate(4.359)" data-transform-4="translate(198.584 296) rotate(4.359)" data-transform-5="translate(201.14 345) rotate(4.359)" data-transform-6="translate(103.14 394) rotate(4.359)" fill="white" xml:space="preserve" style="white-space:pre;" font-family="Helvetica Neue" font-size="10" font-weight="500" letter-spacing="0em"><tspan x="0" y="9.79">AI</tspan></text></g></svg><svg class="serviceBlocksSVG" data-state="0" width="448" height="400" viewB
49ox="0 0 448 372" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="graphic"><path data-shape d="M21.318 119.25L132.206 127.409L286.88 54.084L292.291 0.0200195L2.83496 21.138L21.318 119.25Z" fill="#FCCF00"></path></g><g data-group="web-design"><path data-shape d="M88.2257 127.204L0 133.788L17.7077 371.065L105.933 364.481L88.2257 127.204Z" fill="#FCCF00"></path></g><g data-group="plan"><path data-shape d="M273.111 223.886L304.487 214.964L274.973 196.088L298.506 173.219L267.35 169.241L282.265 137.423L239.431 153.213L229.565 117.536L202.056 143.389L175.209 109.913L152.339 143.72L117.869 129.468L122.84 163.275L96.9702 180.502L125.16 198.74L112.97 229.508L143.391 220.524L150.651 249.575L174.843 232.643L186.13 266.087L198.671 236.824L226.89 259.816L233.161 237.869L272.322 254.091L273.111 223.886Z" fill="#FCCF00"></path></g><g data-group="copy"><path data-shape d="M372.856 278.264C413.894 278.264 447.163 215.972 447.163 139.132C447.163 62.2915 413.894 0 372.856 0C331.817 0 298.549 62.2915 298.549 139.132C298.549 215.972 331.817 278.264 372.856 278.264Z" fill="#FCCF00"></path></g><g data-group="web-dev"><path data-shape d="M250.767 342.981L259.537 284.426L447.164 278.264L433.375 370.33L250.767 342.981Z" fill="#FCCF00"></path></g><g data-group="ai"><path data-shape d="M199.893 252.845L262.848 370.09L119.894 359.194L199.893 252.845Z" fill="#FCCF00"></path></g></svg><svg class="serviceBlocksSVG" data-state="1" width="464" height="384" viewBox="0 0 464 384" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="plan"><path data-shape d="M270.276 294.539L301.652 287.406L272.138 272.315L295.671 254.031L264.515 250.851L279.43 225.413L236.596 238.037L226.73 209.514L199.221 230.182L172.374 203.419L149.504 230.447L115.034 219.053L120.005 246.082L94.1348 259.855L122.325 274.435L110.135 299.034L140.556 291.851L147.816 315.078L172.008 301.54L183.295 328.279L195.836 304.883L224.055 323.265L230.326 305.718L269.487 318.688L270.276 294.539Z" fill="#F2F2F2"></path></g><g data-group="copy"><path data-shape d="M370.021 314.694C411.059 314.694 444.328 275.107 444.328 226.275C444.328 177.442 411.059 137.856 370.021 137.856C328.982 137.856 295.714 177.442 295.714 226.275C295.714 275.107 328.982 314.694 370.021 314.694Z" fill="#F2F2F2"></path></g><g data-group="graphic"><path data-shape d="M29.572 190.768L206.994 203.822L454.473 86.503L463.13 0L0 33.788L29.572 190.768Z" fill="#FCCF00"></path></g><g data-group="web-dev"><path data-shape d="M247.932 363.836L256.702 322.847L444.329 318.534L430.54 382.98L247.932 363.836Z" fill="#F2F2F2"></path></g><g data-group="ai"><path data-shape d="M195.335 322.761L268 383.761L103 378.091L195.335 322.761Z" fill="#F2F2F2"></path></g><g data-group="web-design"><path data-shape d="M89.6176 197.404L1.39209 203.99L14.8062 383.692L103.032 377.106L89.6176 197.404Z" fill="#F2F2F2"></path></g></svg><svg class="serviceBlocksSVG" data-state="2" width="460" height="409" viewBox="0 0 460 409" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="graphic"><path data-shape d="M168.453 156.561L251.62 164.72L367.626 91.3961L371.684 37.3311L154.592 58.4491L168.453 156.561Z" fill="#F2F2F2"></path></g><g data-group="web-design"><path data-shape d="M147.746 1.46732e-05L0 11.0261L29.6538 408.377L177.4 397.351L147.746 1.46732e-05Z" fill="#FCCF00"></path></g><g data-group="plan"><path data-shape d="M333.61 255.281L363.515 248.271L335.385 233.438L357.814 215.466L328.119 212.341L342.335 187.337L301.508 199.745L292.105 171.71L265.884 192.025L240.296 165.719L218.498 192.286L185.643 181.086L190.382 207.653L165.724 221.19L192.593 235.521L180.974 259.699L209.97 252.639L216.889 275.469L239.947 262.163L250.705 288.444L262.659 265.448L289.555 283.516L295.532 266.269L332.857 279.017L333.61 255.281Z" fill="#F2F2F2"></path></g><g data-group="copy"><path data-shape d="M409.577 315.575C436.934 315.575 459.111 253.284 459.111 176.443C459.111 99.6026 436.934 37.311 409.577 37.311C382.22 37.311 360.043 99.6026 360.043 176.443C360.043 253.284 382.22 315.575 409.577 315.575Z" fill="#F2F2F2"></path></g><g data-group="web-dev"><path data-shape d="M299.237 380.292L306.253 321.737L456.354 315.576L445.323 407.641L299.237 380.292Z" fill="#F2F2F2"></path></g><g data-group="ai"><path data-shape d="M254.288 290.672L310.466 407.401L181.067 397.539L254.288 290.672Z" fill="#F2F2F2"></path></g></svg><svg class="serviceBlocksSVG" data-state="3" width="492" height="370" viewB
49ox="0 0 492 370" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="graphic"><path data-shape d="M22.467 93.9L133.054 97.918L288.882 40.405L295.291 0.0200195L5.83398 21.138L22.467 93.9Z" fill="#F2F2F2"></path></g><g data-group="web-design"><path data-shape d="M38.8143 97.8506L0.528809 100.708L11.6241 249.381L49.9097 246.524L38.8143 97.8506Z" fill="#F2F2F2"></path></g><g data-group="plan"><path data-shape d="M251.049 179.273L287.184 173.276L253.193 160.585L280.296 145.209L244.414 142.535L261.592 121.142L212.259 131.758L200.897 107.772L169.213 125.154L138.294 102.647L111.954 125.376L72.2547 115.794L77.9801 138.524L48.1843 150.106L80.652 162.367L66.6124 183.053L101.649 177.013L110.009 196.546L137.872 185.161L150.871 207.647L165.315 187.972L197.815 203.43L205.038 188.675L250.14 199.582L251.049 179.273Z" fill="#F2F2F2"></path></g><g data-group="copy"><path data-shape d="M362.788 202C411.113 202 450.288 156.781 450.288 101C450.288 45.2192 411.113 0 362.788 0C314.463 0 275.288 45.2192 275.288 101C275.288 156.781 314.463 202 362.788 202Z" fill="#F2F2F2"></path></g><g data-group="web-dev"><path data-shape d="M39.4414 320.094L59.6249 213.244L491.441 202L459.707 370L39.4414 320.094Z" fill="#FCCF00"></path></g><g data-group="ai"><path data-shape d="M84.4859 328L137.183 365L1.18311 363.137L84.4859 328Z" fill="#F2F2F2"></path></g></svg><svg class="serviceBlocksSVG" data-state="4" width="465" height="411" viewBox="0 0 465 411" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="graphic"><path data-shape d="M35.2807 77.757L145.675 79.137L302.238 31.694L309.282 0.0200195L19.8257 21.138L35.2807 77.757Z" fill="#F2F2F2"></path></g><g data-group="web-design"><path data-shape d="M89.9761 84.1052L17 89.5513L31.1262 278.837L104.102 273.391L89.9761 84.1052Z" fill="#F2F2F2"></path></g><g data-group="plan"><path data-shape d="M271.437 155.397L299.488 148.424L273.102 133.67L294.141 115.796L266.287 112.687L279.621 87.8179L241.326 100.16L232.506 72.2749L207.911 92.4809L183.908 66.3169L163.462 92.7399L132.644 81.6009L137.089 108.024L113.96 121.489L139.163 135.743L128.265 159.791L155.463 152.769L161.953 175.475L183.581 162.241L193.672 188.381L204.885 165.509L230.113 183.48L235.72 166.326L270.731 179.005L271.437 155.397Z" fill="#F2F2F2"></path></g><g data-group="copy"><path data-shape d="M382.501 226.702C427.597 226.702 464.154 175.953 464.154 113.351C464.154 50.749 427.597 0 382.501 0C337.405 0 300.848 50.749 300.848 113.351C300.848 175.953 337.405 226.702 382.501 226.702Z" fill="#F2F2F2"></path></g><g data-group="web-dev"><path data-shape d="M335.804 327.11L341.329 234.593L459.533 224.858L450.847 370.321L335.804 327.11Z" fill="#F2F2F2"></path></g><g data-group="ai"><path data-shape d="M213.658 176L393.905 410.199L0 380.175L213.658 176Z" fill="#FCCF00"></path></g></svg><svg class="serviceBlocksSVG" data-state="5" width="506" height="372" viewBox="0 0 506 372" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="web-design"><path data-shape d="M157.919 282.387L69.6936 288.971L75.8323 371.227L164.058 364.643L157.919 282.387Z" fill="#F2F2F2"></path></g><g data-group="graphic"><path data-shape d="M83.8119 66.415L213.593 65.843L393.592 25.472L399.263 0L61.0039 21.308L83.8119 66.415Z" fill="#F2F2F2"></path></g><g data-group="plan"><path data-shape d="M355.404 243.443L418.711 229.701L359.161 200.628L406.643 165.403L343.78 159.277L373.874 110.269L287.447 134.59L267.541 79.638L212.034 119.458L157.864 67.897L111.719 119.968L42.168 98.017L52.2 150.088L0 176.622L56.881 204.712L32.285 252.102L93.666 238.265L108.313 283.011L157.126 256.931L179.899 308.443L205.205 263.37L262.142 298.785L274.795 264.98L353.811 289.966L355.404 243.443Z" fill="#FCCF00"></path></g><g data-group="copy"><path data-shape d="M458.039 278.434C484.159 278.434 505.333 216.143 505.333 139.302C505.333 62.4616 484.159 0.170044 458.039 0.170044C431.919 0.170044 410.745 62.4616 410.745 139.302C410.745 216.143 431.919 278.434 458.039 278.434Z" fill="#F2F2F2"></path></g><g data-group="web-dev"><path data-shape d="M308.937 346.159L317.707 294.045L505.333 288.562L491.544 370.5L308.937 346.159Z" fill="#F2F2F2"></path></g><g data-group="ai"><path data-shape d="M254.484 299.958L321.018 370.261L178.064 359.364L254.484 299.958Z" fill="#F2F2F2"></path></g></svg><svg class="serviceBlocksSVG" data-state="6" width="456" height="423" viewBox="0 0 456 423" fill="none" xmlns="http://www.w3.org/2000/svg"><g data-group="graphic"><path data-shape d="M18.8535 169.623L105.733 179.533L225.575 108.75L228.949 54.835L2.83545 71.33L18.8535 169.623Z" fill="#F2F2F2"></path></g><g data-group="web-design"><path data-shape d="M63.8893 179.233L0 184.001L17.7077 421.278L81.597 416.51L63.8893 179.233Z" fill="#F2F2F2"></path></g><g data-group="plan"><path data-shape d="M205.498 281.767L229.654 273.163L206.932 254.961L225.05 232.906L201.063 229.071L212.546 198.387L179.568 213.614L171.972 179.209L150.793 204.14L130.123 171.858L112.516 204.46L85.9772 190.716L89.8052 223.318L69.8872 239.93L91.5912 257.518L82.2062 287.188L105.627 278.525L111.216 306.54L129.842 290.211L138.531 322.463L148.187 294.243L169.912 316.416L174.74 295.251L204.89 310.895L205.498 281.767Z" fill="#F2F2F2"></path></g><g data-group="copy"><path data-shape d="M338.827 378C403.168 378 455.327 293.382 455.327 189C455.327 84.6182 403.168 0 338.827 0C274.485 0 222.327 84.6182 222.327 189C222.327 293.382 274.485 378 338.827 378Z" fill="#FCCF00"></path></g><g data-group="web-dev"><path data-shape d="M214 409.77L224.348 382.834L445.748 380L429.477 422.35L214 409.77Z" fill="#F2F2F2"></path></g><g data-group="ai"><path data-shape d="M156.668 319L215.503 421.356L83 411.257L156.668 319Z" fill="#F2F2F2"></path></g></svg></div></div></div><div><a href="/service#graphic" class="service-link group block pl-5 max-sm:pl-4 pr-15 py-4 max-sm:py-2.5 relative data-active:text-white transition-colors hover:text-white before:bg-site-black-100 before:w-full before:h-full before:absolute before:left-0 before:top-0 before:-z-1 before:origin-left before:scale-x-0 before:transition-all hover:before:scale-x-100 data-active:before:scale-x-100"><div><div class="flex gap-x-2 items-center"><span class="text-site-en-xs"><!--[-->
49(01)<!--]--></span><p class="text-site-h5 mt-0.5"><!--[-->グラフィックデザイン<!--]--></p></div><p class="text-site-body mt-1.25"><!--[-->ロゴ・パンフレット・Webなど、ブランドイメージを可視化するデザイン。<!--]--></p></div><span class="grid place-items-center bg-site-black-100 w-9 h-9 rounded-full absolute right-6 top-1/2 -translate-y-1/2 transition-all group-hover:bg-site-gray-150 group-hover:right-3.5 group-data-active:bg-site-gray-150 group-data-active:right-3.5"><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_path]:transition-colors group-hover:[&amp;_path]:stroke-site-black-100 group-data-active:[&amp;_path]:stroke-site-black-100"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span></a><a href="/service#web-design" class="service-link group block pl-5 max-sm:pl-4 pr-15 py-4 max-sm:py-2.5 relative data-active:text-white transition-colors hover:text-white before:bg-site-black-100 before:w-full before:h-full before:absolute before:left-0 before:top-0 before:-z-1 before:origin-left before:scale-x-0 before:transition-all hover:before:scale-x-100 data-active:before:scale-x-100"><div><div class="flex gap-x-2 items-center"><span class="text-site-en-xs"><!--[-->(02)<!--]--></span><p class="text-site-h5 mt-0.5"><!--[-->Webデザイン・LP制作<!--]--></p></div><p class="text-site-body mt-1.25"><!--[-->目的に応じたデザインと構成で、伝わる・動くWebサイトを構築。<!--]--></p></div><span class="grid place-items-center bg-site-black-100 w-9 h-9 rounded-full absolute right-6 top-1/2 -translate-y-1/2 transition-all group-hover:bg-site-gray-150 group-hover:right-3.5 group-data-active:bg-site-gray-150 group-data-active:right-3.5"><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_path]:transition-colors group-hover:[&amp;_path]:stroke-site-black-100 group-data-active:[&amp;_path]:stroke-site-black-100"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span></a><a href="/service#web-dev" class="service-link group block pl-5 max-sm:pl-4 pr-15 py-4 max-sm:py-2.5 relative data-active:text-white transition-colors hover:text-white before:bg-site-black-100 before:w-full before:h-full before:absolute before:left-0 before:top-0 before:-z-1 before:origin-left before:scale-x-0 before:transition-all hover:before:scale-x-100 data-active:before:scale-x-100"><div><div class="flex gap-x-2 items-center"><span class="text-site-en-xs"><!--[-->(03)<!--]--></span><p class="text-site-h5 mt-0.5"><!--[-->Webサイト開発・システム開発<!--]--></p></div><p class="text-site-body mt-1.25"><!--[-->課題発見から発想・構成まで。価値を届けるための企画立案。<!--]--></p></div><span class="grid place-items-center bg-site-black-100 w-9 h-9 rounded-full absolute right-6 top-1/2 -translate-y-1/2 transition-all group-hover:bg-site-gray-150 group-hover:right-3.5 group-data-active:bg-site-gray-150 group-data-active:right-3.5"><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_path]:transition-colors group-hover:[&amp;_path]:stroke-site-black-100 group-data-active:[&amp;_path]:stroke-site-black-100"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span></a><a href="/service#ai" class="service-link group block pl-5 max-sm:pl-4 pr-15 py-4 max-sm:py-2.5 relative data-active:text-white transition-colors hover:text-white before:bg-site-black-100 before:w-full before:h-full before:absolute before:left-0 before:top-0 before:-z-1 before:origin-left before:scale-x-0 before:transition-all hover:before:scale-x-100 data-active:before:scale-x-100"><div><div class="flex gap-x-2 items-center"><span class="text-site-en-xs"><!--[-->(04)<!--]--></span><p class="text-site-h5 mt-0.5"><!--[-->AIを用いたアプリケーション開発と動画制作<!--]--></p></div><p class="text-site-body mt-1.25"><!--[-->業務効率化や課題解決に向けた、AI活用の設計・導入を支援。<!--]--></p></div><span class="grid place-items-center bg-site-black-100 w-9 h-9 rounded-full absolute right-6 top-1/2 -translate-y-1/2 transition-all group-hover:bg-site-gray-150 group-hover:right-3.5 group-data-active:bg-site-gray-150 group-data-active:right-3.5"><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_path]:transition-colors group-hover:[&amp;_path]:stroke-site-black-100 group-data-active:[&amp;_path]:stroke-site-black-100"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span></a><a href="/service#plan" class="service-link group block pl-5 max-sm:pl-4 pr-15 py-4 max-sm:py-2.5 relative data-active:text-white transition-colors hover:text-white before:bg-site-black-100 before:w-full before:h-full before:absolute before:left-0 before:top-0 before:-z-1 before:origin-left before:scale-x-0 before:transition-all hover:before:scale-x-100 data-active:before:scale-x-100"><div><div class="flex gap-x-2 items-center"><span class="text-site-en-xs"><!--[-->(05)<!--]--></span>
49<p class="text-site-h5 mt-0.5"><!--[-->企画・販促プランニング<!--]--></p></div><p class="text-site-body mt-1.25"><!--[-->幅広い業種の販促活動の企画・運用をトータルでサポート。<!--]--></p></div><span class="grid place-items-center bg-site-black-100 w-9 h-9 rounded-full absolute right-6 top-1/2 -translate-y-1/2 transition-all group-hover:bg-site-gray-150 group-hover:right-3.5 group-data-active:bg-site-gray-150 group-data-active:right-3.5"><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_path]:transition-colors group-hover:[&amp;_path]:stroke-site-black-100 group-data-active:[&amp;_path]:stroke-site-black-100"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span></a><a href="/service#copy" class="service-link group block pl-5 max-sm:pl-4 pr-15 py-4 max-sm:py-2.5 relative data-active:text-white transition-colors hover:text-white before:bg-site-black-100 before:w-full before:h-full before:absolute before:left-0 before:top-0 before:-z-1 before:origin-left before:scale-x-0 before:transition-all hover:before:scale-x-100 data-active:before:scale-x-100"><div><div class="flex gap-x-2 items-center"><span class="text-site-en-xs"><!--[-->(06)<!--]--></span><p class="text-site-h5 mt-0.5"><!--[-->コピーライティング<!--]--></p></div><p class="text-site-body mt-1.25"><!--[-->目的・用途に応じた「課題解決につながる言葉」をご提案。<!--]--></p></div><span class="grid place-items-center bg-site-black-100 w-9 h-9 rounded-full absolute right-6 top-1/2 -translate-y-1/2 transition-all group-hover:bg-site-gray-150 group-hover:right-3.5 group-data-active:bg-site-gray-150 group-data-active:right-3.5"><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_path]:transition-colors group-hover:[&amp;_path]:stroke-site-black-100 group-data-active:[&amp;_path]:stroke-site-black-100"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span></a></div></div><div class="text-right mt-5 mx-4 sm:hidden"><a href="/service" class="group inline-block relative"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-en-s uppercase">Service</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></a></div></div></section><section class="grid items-center min-h-dvh py-20 relative z-20 overflow-hidden"><div class="w-dvw"><div class="site-contents grid grid-cols-[1fr_auto] items-end relative"><p class="text-white text-site-h2 absolute top-2 max-sm:top-8 sm:left-1/3 max-sm:right-0 z-0" aria-hidden="true">型にはまらず、<br class="sm:hidden">課題と向き合う。</p><h2 class="text-site-en-3xl uppercase relative z-10">Works</h2><p class="text-white text-site-h2 mix-blend-difference absolute top-2 max-sm:top-8 sm:left-1/3 max-sm:right-0 z-20">型にはまらず、<br class="sm:hidden">課題と向き合う。</p><a href="/works" class="group inline-block relative mb-5 max-sm:hidden"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-en-s uppercase">Works</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></a></div><div class="grid gap-y-5 mt-10 max-sm:mt-16 relative z-20 overflow-x-hidden"><div class="splide"><div class="splide__track"><ul class="splide__list"><!--[--><!--]--></ul></div></div><div class="splide"><div class="splide__track"><ul class="splide__list"><!--[--><!--]--></ul></div></div><div class="splide"><div class="splide__track"><ul class="splide__list"><!--[--><!--]--></ul></div></div></div><div class="text-right mt-5 mx-9 sm:hidden"><a href="/works" class="group inline-block relative"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-en-s uppercase">Works</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></a></div></div></section><section class="grid items-center min-h-dvh py-20 relative z-20 overflow-hidden"><div class="site-contents"><h2 class="text-site-en-3xl sm:text-center uppercase">Recruit</h2><div class="max-w-91 ml-auto mt-8.5 max-sm:mt-10 max-sm:ml-15"><p class="text-site-h3">企画も、デザインも、開発も、<br>垣根を越えて。</p><p class="text-site-h6 mt-2.5">オズでは現在、新卒・キャリアともにエントリーを受け付けています。募集職種はデザイナー、コピーライター、エンジニア、ディレクターなど。 スキルと個性を発揮したいあなたのご応募をお待ちしています。</p>
49<a href="/recruit" class="group inline-block relative mt-5"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-en-s uppercase">Recruit</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></a></div></div></section><section class="site-contents mt-120" id="contact"><div class="sm:flex sm:items-center sm:gap-x-3.25 max-sm:h-30.5 max-sm:relative"><h2 class="text-site-en-3xl uppercase max-sm:absolute max-sm:bottom-0 max-sm:left-0 max-sm:z-20">Contact</h2><div class="max-sm:w-21.5 max-sm:ml-auto"><div class="fixed z-10 pointer-events-none origin-center"><div class="bg-white aspect-square rounded-full absolute inset-0 m-auto origin-center"></div><div class="grid place-content-center absolute inset-0 m-auto text-site-en-s"> How can<br>we help? </div></div></div></div><div class="mt-11.5"><div class="grid sm:grid-cols-[20.8%_66%] sm:items-stretch sm:gap-x-[13.2%] max-sm:gap-y-8"><div class="grid sm:grid-rows-[auto_auto_1fr] gap-y-44 max-sm:gap-y-5 sm:relative"><div class="max-sm:order-2"><p class="text-site-body">デザインやWeb制作、企画・開発などに関するご相談・ご依頼はフォームからお気軽にお問い合わせください。内容を確認のうえ、担当者より連絡差し上げます。</p><p class="text-site-body"><span class="text-site-yellow-100">●</span>は必須項目です。</p></div><ol class="max-sm:order-1 grid max-sm:grid-cols-3 sm:gap-y-3 max-sm:mx-10 sm:sticky sm:top-[calc(100dvh-144px)]"><li class="grid sm:grid-cols-[1.875rem_auto] max-sm:justify-items-center sm:gap-x-2 max-sm:gap-y-1.5"><span class="text-white bg-site-black-100 grid place-items-center text-site-en-xs max-sm:w-7.5 aspect-square border border-site-black-100 rounded-full">01</span><p class="text-site-body max-sm:text-center">入力</p></li><li class="grid sm:grid-cols-[1.875rem_auto] max-sm:justify-items-center sm:gap-x-2 max-sm:gap-y-1.5"><span class="grid place-items-center text-site-en-xs max-sm:w-7.5 aspect-square border border-site-black-100 rounded-full">02</span><p class="text-site-body max-sm:text-center">確認</p></li><li class="grid sm:grid-cols-[1.875rem_auto] max-sm:justify-items-center sm:gap-x-2 max-sm:gap-y-1.5"><span class="grid place-items-center text-site-en-xs max-sm:w-7.5 aspect-square border border-site-black-100 rounded-full">03</span><p class="text-site-body max-sm:text-center">送信完了</p></li></ol><div></div></div><form action="" method="post" class="max-h-150 mask-gradient grid gap-y-4 overflow-hidden transition-all"><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->事業形態<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><div class="flex items-center gap-x-10"><label class="flex items-center gap-x-1.5 cursor-pointer"><input checked name="format" type="radio" value="法人" class="hidden peer"><span class="grid place-items-center w-4 h-4 border border-site-black-100 rounded-full peer-checked:[&amp;_span]:opacity-100"><span class="bg-site-black-100 w-2 h-2 rounded-full opacity-0"></span></span><p class="text-site-body-tight">法人</p></label><label class="flex items-center gap-x-1.5 cursor-pointer"><input name="format" type="radio" value="個人" class="hidden peer"><span class="grid place-items-center w-4 h-4 border border-site-black-100 rounded-full peer-checked:[&amp;_span]:opacity-100"><span class="bg-site-black-100 w-2 h-2 rounded-full opacity-0"></span></span>
49<p class="text-site-body-tight">個人</p></label></div><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->会社名 / 所属名<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><input value="" type="text" placeholder="例) 株式会社オズ" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->お名前<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><input value="" type="text" placeholder="例)山田 太郎" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->ふりがな<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[-->
49<input value="" type="text" placeholder="例)やまだ たろう" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->役職<!--]--><!----></dt><dd><!--[--><input value="" type="text" placeholder="例) デザイナー" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->都道府県<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><select class="appearance-none select-arrow bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><option value="" selected>選択してください</option><!--[--><option value="北海道">北海道</option><option value="青森県">青森県</option><option value="岩手県">岩手県</option><option value="宮城県">宮城県</option><option value="秋田県">秋田県</option><option value="山形県">山形県</option><option value="福島県">福島県</option><option value="茨城県">茨城県</option><option value="栃木県">栃木県</option><option value="群馬県">群馬県</option><option value="埼玉県">埼玉県</option><option value="千葉県">千葉県</option><option value="東京都">東京都</option><option value="神奈川県">神奈川県</option><option value="新潟県">新潟県</option><option value="富山県">富山県</option><option value="石川県">石川県</option><option value="福井県">福井県</option><option value="山梨県">山梨県</option><option value="長野県">長野県</option><option value="岐阜県">岐阜県</option><option value="静岡県">静岡県</option><option value="愛知県">愛知県</option><option value="三重県">三重県</option><option value="滋賀県">滋賀県</option><option value="京都府">京都府</option><option value="大阪府">大阪府</option><option value="兵庫県">兵庫県</option><option value="奈良県">奈良県</option><option value="和歌山県">和歌山県</option><option value="鳥取県">鳥取県</option><option value="島根県">島根県</option><option value="岡山県">岡山県</option><option value="広島県">広島県</option><option value="山口県">山口県</option><option value="徳島県">徳島県</option><option value="香川県">香川県</option><option value="愛媛県">愛媛県</option><option value="高知県">高知県</option><option value="福岡県">福岡県</option><option value="佐賀県">佐賀県</option><option value="長崎県">長崎県</option><option value="熊本県">熊本県</option><option value="大分県">大分県</option><option value="宮崎県">宮崎県</option><option value="鹿児島県">鹿児島県</option><option value="沖縄県">沖縄県</option><!--]--></select><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->住所<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[-->
49<input value="" type="text" placeholder="例)札幌市中央区北1条西20丁目2番14号" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->電話番号<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><input value="" type="tel" placeholder="例)011-615-8400" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->メールアドレス<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><input value="" type="email" placeholder="ä¾
49‹ï¼‰[email protected]" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->ホームページURL<!--]--><!----></dt><dd><!--[--><input value="" type="url" placeholder="例)https://www.example.com" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->制作のご依頼内容<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><select class="appearance-none select-arrow bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><option value="" selected>選択してください</option><!--[--><option value="グラフィックデザイン">グラフィックデザイン</option><option value="Webデザイン・LP制作">Webデザイン・LP制作</option><option value="Webサイト開発・システム開発">Webサイト開発・システム開発</option><option value="AIを用いたアプリケーション開発">AIを用いたアプリケーション開発</option><option value="企画・販促プランニング">企画・販促プランニング</option><option value="コピーライティング">コピーライティング</option><!--]--></select><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->希望納品時期<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><select class="appearance-none select-arrow bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><option value="" selected>選択してください</option><!--[--><option value="1ヶ月">1ヶ月</option><option value="3ヶ月">3ヶ月</option><option value="半年">半年</option><option value="1å¹´">1å¹´</option><option value="1年以上">1年以上</option><!--]--></select><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->想定予算<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[-->
49<input value="" type="text" placeholder="例)50万円〜100万円" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->お問い合わせ件名<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><input value="" type="text" placeholder="例)Webサイトのリニューアルについて" class="bg-site-gray-100 text-site-form w-full p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"><!----><!--]--><!--]--></dd></dl><dl class="grid sm:grid-cols-[9.375rem_1fr] items-center max-sm:gap-y-1.5"><dt class="text-site-body-tight"><!--[-->お問い合わせ内容<!--]--><span class="bg-site-yellow-100 inline-block w-1.75 h-1.75 rounded-full ml-1.5"></span></dt><dd><!--[--><!--[--><textarea placeholder="お問い合わせ内容をご記入ください" class="bg-site-gray-100 text-site-form w-full h-58 p-4 border border-site-gray-100 placeholder:text-site-gray-200 focus:border-site-yellow-100"></textarea><!----><!--]--><!--]--></dd></dl><p class="text-site-caution mt-10">【個人情報の取り扱い】<br> 当ウェブサイトでは一部のコンテンツにおいて、Eメールなどで利用者の個人情報の開示をお願いすることがあります。<br> その際には利用目的を特定し、必要な個人情報のみを、適法かつ公正な手段により取得させていただきます。</p><div class="mt-5"><button class="group inline-block relative cursor-pointer" type="button"><div class="grid items-center text-white bg-site-black-100 min-h-11 pl-6 pr-13 py-1.5 rounded-full transition-all duration-700 ease-bounce group-hover:pr-9.75 group-hover:mr-3.25 group-hover:text-white/80"><!--[--><p class="text-site-body">同意して次へ</p><!--]--></div><div class="grid place-content-center bg-site-black-100 w-10.75 h-10.75 pr-4 rounded-full absolute top-1/2 right-0 -translate-y-1/2 transition-all duration-700 ease-bounce group-hover:pr-0 group-hover:-right-5.5 [&amp;_svg]:transition-all group-hover:[&amp;_svg]:opacity-80"><!--[--><span><svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.5 L10 5.5 M6 1.5 L10 5.5 L6 9.5" stroke-width="2" stroke-miterlimit="10" class="stroke-white"></path></svg></span><!--]--></div></button><!----></div><!----></form><!----></div></div></section></div><!--]--></main><footer class="bg-site-gray-100 p-12 w-full flex flex-col gap-12 mt-24"><div class="flex justify-between"><ul class="flex flex-col gap-2"><li><a href="/about-us" class="inline-block text-transparent text-shadow-footer overflow-hidden transition-all hover:text-shadow-footer-hover"><p class="text-site-en-l uppercase"><!--[-->About Us<!--]--></p></a></li><li><a href="/service" class="inline-block text-transparent text-shadow-footer overflow-hidden transition-all hover:text-shadow-footer-hover"><p class="text-site-en-l uppercase"><!--[-->Service<!--]--></p></a></li><li><a href="/works" class="inline-block text-transparent text-shadow-footer overflow-hidden transition-all hover:text-shadow-footer-hover"><p class="text-site-en-l uppercase"><!--[-->Works<!--]--></p></a></li><li><a href="/recruit" class="inline-block text-transparent text-shadow-footer overflow-hidden transition-all hover:text-shadow-footer-hover"><p class="text-site-en-l uppercase"><!--[-->Recruit<!--]--></p></a></li><li class="my-2"><a aria-current="page" href="/#contact" class="router-link-active router-link-exact-active px-6.75 py-3.5 to-site-black-100 border-site-black-100 text-shadow-contact hover:text-shadow-contact-hover inline-block text-transparent bg-gradient-to-b from-transparent from-50% to-50% bg-no-repeat bg-position-[0_0] bg-size-[100%_200%] border rounded-full overflow-hidden transition-all hover:bg-position-[0_100%]"><p class="text-site-en-s uppercase"><!--[-->Contact<!--]--></p></a></li></ul><a aria-current="page" href="/" class="router-link-active router-link-exact-active"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="OZ Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz.svg&amp;w=1536&amp;q=80 2x" class="w-12 md:w-[71px]" src="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz.svg&amp;w=1536&amp;q=80"></a></div><div class="flex flex-col gap-y-3.5 md:gap-y-4"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="OZ Holding Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz-holding.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz-holding.svg&amp;w=1536&amp;q=80 2x" class="h-4 md:h-6 self-start md:self-end" src="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz-holding.svg&amp;w=1536&amp;q=80"><div class="flex md:justify-end gap-6 md:gap-8 w-full md:w-fit self-end"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="OZ Holding Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz.svg&amp;w=1536&amp;q=80 2x" class="h-5 md:h-6 w-auto" src="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-oz.svg&amp;w=1536&amp;q=80"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="Ravi Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-ravi.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Fcommon%2Flogo-ravi.svg&amp;w=1536&amp;q=80 2x" class="h-5 md:h-6 w-auto" src="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-ravi.svg&amp;w=1536&amp;q=80"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="Saturday Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-sat.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Fcommon%2Flogo-sat.svg&amp;w=1536&amp;q=80 2x" class="h-5 md:h-6 w-auto" src="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-sat.svg&amp;w=1536&amp;q=80"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" alt="OSBR Logo" data-nuxt-img srcset="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-osbr.svg&amp;w=1536&amp;q=80 1x, /_vercel/image?url=%2Fimages%2Fcommon%2Flogo-osbr.svg&amp;w=1536&amp;q=80 2x" class="h-5 md:h-6 w-auto" src="/_vercel/image?url=%2Fimages%2Fcommon%2Flogo-osbr.svg&amp;w=1536&amp;q=80"></div></div><div class="flex items-end md:items-center flex-col-reverse md:flex-row md:justify-between gap-y-2"><p class="text-site-en-xs">Copyright © oz co.,ltd All Rights Reserved.</p></div></footer><!--teleport start--><!--teleport end--></div><!----><!--]--></div><div id="teleports"></div>
49<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":2410,"once":2425,"_errors":2426,"serverRendered":218,"path":2428,"pinia":2429},["ShallowReactive",3],{"$f1Ci23by30kw02svJsJj736CBWFpS7zJ0tilzpzK3gk4":4,"$fphwGO8d34r6CGGBAleYpTaisGFP16bgtcgYKzXBLcZM":9},{"contents":5,"totalCount":8},[6],{"id":7},"zdqq-7qqu",60,{"contents":10,"totalCount":8},[11,66,100,147,188,211,277,314,384,425,463,497,532,559,587,613,638,688,725,778,813,860,903,987,1019,1048,1069,1102,1136,1174,1222,1261,1300,1328,1360,1394,1444,1489,1522,1572,1604,1641,1672,1707,1747,1774,1807,1840,1873,1905,1943,1977,2023,2063,2105,2148,2186,2260,2295,2338],{"id":7,"createdAt":12,"updatedAt":13,"publishedAt":14,"revisedAt":13,"title":15,"pickup":16,"meta":17,"kv":24,"category":28,"information":42,"details":49},"2026-09-03T10:38:25.285Z","2026-09-04T01:48:08.696Z","2026-09-03T10:39:30.961Z","観光客の“話したくなる“を仕掛ける、北海道おさかな図鑑サイト",false,{"fieldId":18,"description":19,"ogimage":20},"meta","株式会社オズ - Works - 〜観光客の“話したくなる“を仕掛ける、北海道おさかな図鑑サイト〜",{"url":21,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/962f304d1ea14f5288df43901ef91ea0/osakana_ogp.jpg",630,1200,{"url":25,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/02a9a5598c16415788c5a47805807109/osakana_KV.jpg",1456,2732,[29,36],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},"design-graphic","2025-06-09T07:03:31.327Z","2026-06-09T13:01:42.256Z","2025-08-21T04:21:04.253Z","グラフィックデザイン","Graphic Design",{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},"site-landing","2025-06-09T07:03:05.326Z","2025-08-21T04:22:56.027Z","ランディングページ","Landing Page",{"fieldId":43,"agency":44,"client":45,"year":46,"link":47,"links":48},"information","電通北海道","ぎょれん","2026","https://www.gyoren.or.jp/hokkaidos_fish/osakanazukan/",null,[50,54,63],{"fieldId":51,"title":52,"description":53},"title-desc","“話のタネ“になる、21種の魚たちとの出会い","北海道漁業協同組合連合会(ぎょれん)の魚食普及・PR活動を目的に制作したWebコンテンツです。新千歳空港のぎょれん店舗やお土産購入エリアに掲示された広告と連動し、二次元コードを読み取って訪れた観光客に向けた施策として展開しました。目指したのは、単なる情報発信ではなく、旅の記憶として家族に思わず話したくなる話題や、お土産を選ぶきっかけをつくることです。そのために、北海道でとれる21種類の魚を、単なるWebコラムとしてではなく、旅先でつい読み進めてしまう、発見と驚きのある読み物として一つひとつ丁寧に構成しています。",{"fieldId":55,"images":56,"type":61},"image",[57],{"url":58,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/837de45c2bc24b84b1cbcdc1b3bc260d/osakana_1.webp",978,1664,[62],"幅100%",{"fieldId":51,"title":64,"description":65},"機能ではなく、“体験“をデザインする","制作にあたって最も難しく、そして最もこだわった点は、「Webサイトを見ている」のではなく「一冊の図鑑を開いている」と感じてもらえるかどうかでした。紙のページをめくるようなUIの動きや、本の表紙を思わせるファーストビュー、本の形をしたロゴマークに至るまで、細部の一つひとつがその世界観を壊さないよう丁寧に設計しています。機能として正しく情報を伝えるだけでなく、本を手に取って開く瞬間のワクワク感そのものを、Web上でどう再現できるか。その問いに真摯に向き合い、体験そのものをデザインした事例です。",{"id":67,"createdAt":68,"updatedAt":69,"publishedAt":69,"revisedAt":69,"title":70,"pickup":16,"meta":71,"kv":75,"category":78,"information":81,"details":85},"xa_n0-3sv9eb","2026-09-03T08:32:30.326Z","2026-09-03T10:39:24.414Z","スマホを振って、新商品の魅力を体感できるブラウザゲーム",{"fieldId":18,"description":72,"ogimage":73},"株式会社オズ - Works - 〜スマホを振って、新商品の魅力を体感できるブラウザゲーム〜",{"url":74,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7cf39c7df51047239cf812affe972543/tohato_ogp.jpg",{"url":76,"height":77,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/fb354aaf00ef42319f6d963448a5176d/tohato_KV.jpg",1453,[79,80],{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"agency":82,"client":83,"year":46,"link":84,"links":48},"GMO Nikko","東ハト","https://www.tohato.jp/tw/2026newarrival/endlesstwister/",[86,92,95],{"fieldId":55,"images":87,"type":91},[88],{"url":89,"height":90,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9b4c1d89c00b4c07ba28cff3
49174a2eef/tohato_1.webp",936,[62],{"fieldId":51,"title":93,"description":94},"特長的な形状と「音」まで美味しいことを、遊びながら伝える","東ハト様の新商品「ツイスター」の発売を盛り上げるキャンペーンの一環として、ブラウザゲーム「エンドレスツイスター」を制作しました。\n新商品のため、まずは認知拡大を目的に、特長的なツイスト形状や、噛んだときの音まで美味しいという商品の魅力を、ゲーム体験を通じて伝えることを目指しました。\nスマホのジャイロ機能を活用し、実際にスマホを振ると振動を検知してスコアを競う仕組みを採用。スコアによって背景の色が変化したり、振るたびに実際にスナックを噛んだときの「カリッ」という音が鳴ったりと、目でも耳でも楽しめる体験をつくりました。\nまた、SNS投稿時にはランクごとにOGPを出し分けることでシェアを促し、何度でも遊んでもらえるよう工夫を凝らしました。",{"fieldId":55,"images":96,"type":99},[97],{"url":98,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/73eecc35c0694fb4a382967dfe2c8039/tohato_2.jpg",[62],{"id":101,"createdAt":102,"updatedAt":103,"publishedAt":103,"revisedAt":103,"title":104,"pickup":16,"meta":105,"kv":109,"category":111,"information":126,"details":130},"x0vh1jogqe9x","2026-09-03T08:14:34.653Z","2026-09-03T10:39:14.030Z","複数事業の強みを一目で伝える、電気工事会社のブランドサイト",{"fieldId":18,"description":106,"ogimage":107},"株式会社オズ - Works - 〜複数事業の強みを一目で伝える、電気工事会社のブランドサイト〜",{"url":108,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d5344d79c3c841c8982dcfef9699872c/kitako_ogp.jpg",{"url":110,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/dc2c715644b64e97960a589c4c465fca/kitako_KV.jpg",[112,113,119],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},"site-corporate","2025-06-09T07:03:18.173Z","2025-08-21T04:22:06.537Z","コーポレートサイト","Corporate Site",{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},"2zzyxb3dq","2025-08-13T11:00:55.712Z","2026-06-09T13:02:17.056Z","2025-08-21T04:18:02.146Z","コピーライティング","Copywriting",{"fieldId":43,"agency":127,"client":128,"year":46,"link":129,"links":48},"株式会社インサイト","北弘電社","https://www.kitakoudensha.co.jp/",[131,136,139,144],{"fieldId":55,"images":132,"type":135},[133],{"url":134,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/cea608b14fb64c33858d4e5deecb0841/kitako_1.jpg",[62],{"fieldId":51,"title":137,"description":138},"伝統ある電力インフラ企業に、新しい時代の顔をつくる","北海道で100年以上の歴史を持つ電気工事会社、北弘電社のコーポレートサイトリニューアルです。採用強化と、これまでのイメージを一新することを目的に、WEBサイト全体をリニューアルしました。\n採用サイトは新規で立ち上げ、電気をモチーフにしたポップなグラフィックを制作。ビジュアルには、「北海道のインフラを支えてきた伝統ある会社が、新しい時代に向けて挑戦している」というメッセージを込めています。コーポレートサイトについても、いわゆる「コーポレートサイトらしい」落ち着いたデザインにはあえてせず、インフラ企業としての信頼感と、若々しくエネルギッシュな雰囲気を両立させるデザインをご提案しました。",{"fieldId":55,"images":140,"type":143},[141],{"url":142,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0dd6ecf4758840d085d6a7829832dbdb/kitako_2.jpg",[62],{"fieldId":51,"title":145,"description":146},"事業も実績も、一目で伝わる見せ方へ","施工実績や事業内容の紹介は、情報としては載っていても、その魅力や厚みが十分に伝わりきっていない部分がありました。そこで、赤れんが庁舎改修など北海道を代表する建築物への関わりを、写真とともに読みごたえのã
49‚るコンテンツへと見直しました。あわせて、屋内配線工事や電力関連工事など複数の事業についても、図解を交えてわかりやすく整理し、一目で理解できる見せ方へと再設計しました。実績や事業内容の一つ一つにきちんと光を当てることで、企業としての厚みと信頼感が伝わるサイトに仕上げています。",{"id":148,"createdAt":149,"updatedAt":150,"publishedAt":151,"revisedAt":150,"title":152,"pickup":16,"meta":153,"kv":157,"category":161,"information":170,"details":177},"01g0u1zjkl","2026-08-24T01:06:57.873Z","2026-09-25T10:45:50.697Z","2026-08-28T07:28:45.814Z","企業の歩みと2035年のビジョンを描いたAI動画制作",{"fieldId":18,"description":154,"ogimage":155},"株式会社オズ - Works - 〜企業の歩みと2035年のビジョンを描いたAI動画制作〜",{"url":156,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d1c1bf8ff1ed44d3938729be921ea5f6/2607_JTB_ogp.jpg",{"url":158,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/67fa0624f6ba40f3baef3d8ddd3b4dd2/2607_JTB.webp",1080,1920,[162,163],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},"v_ueam2ite","2025-08-06T09:12:26.963Z","2026-06-09T13:01:48.497Z","2025-08-21T04:19:53.942Z","動画制作","Video Production",{"fieldId":43,"client":171,"year":46,"link":172,"links":173},"株式会社JTB","https://youtu.be/JGzqd9cXeUw",[174],{"fieldId":175,"url":176},"urls","https://youtu.be/SKk5Pjs6IAw",[178,185],{"fieldId":55,"images":179,"type":184},[180],{"url":181,"height":182,"width":183},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ab71a136ca8a4621b0e671b1c30ad9d0/2607_JTB_1_2.webp",940,1600,[62],{"fieldId":51,"title":186,"description":187},"社長交代に伴う方針発表と、長期ビジョンの自分ごと化を図る","クライアントの方針説明会に向け、オープニングとエンディングを担う2本のAI動画を制作しました。オープニングでは同社の歩みを振り返りながら社長交代を印象づけ、エンディングでは2035年のビジョンを描きました。新体制の始動を伝えるとともに、企業ビジョンを一人ひとりが自分ごととして捉え、未来への期待を高める構成にしました。\n制作は、テーマのヒアリングからコンセプト設計、コンテの作成、AIによる画像生成、動画化まで一貫して担当。クライアントとの対話を重ねながら、同社が掲げるビジョンをもとに2035年の姿を描き出し、企業の歩みから未来へとつながる一つのストーリーとして組み立てていきました。\n同社のAI動画を手がけるのは、今回で3本目。これまでの制作経験を生かし、映像のクオリティに加えて、全体構成やストーリーにも磨きをかけています。クライアントからは、2035年の未来を具体的にイメージできる、臨場感のある映像になったとの評価をいただきました。",{"id":189,"createdAt":190,"updatedAt":191,"publishedAt":192,"revisedAt":191,"title":193,"pickup":16,"meta":194,"kv":198,"category":202,"information":205,"details":207},"mva_0ubuzyj4","2026-08-19T01:47:35.514Z","2026-09-25T10:43:55.610Z","2026-08-21T12:17:01.006Z","2035年の企業ビジョンを描いたAI動画制作",{"fieldId":18,"description":195,"ogimage":196},"株式会社オズ - Works - 〜2035年の企業ビジョンを描いたAI動画制作〜",{"url":197,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3a385d686351418f99c2be2d77f395f0/JTB_ogp.jpg",{"url":199,"height":200,"width":201},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c88cc05136cf4194a5a0075d2654870f/JTB.webp",768,1366,[203,204],{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"fieldId":43,"client":171,"year":46,"link":206,"links":48},"https://youtu.be/CEYhxyg6cIc",[208],{"fieldId":51,"title":209,"description":210},"ヒアリングから始まるAI動画化のプロセス","クライアントが策定した2035年に向けた長期ビジョンを、社内外に共有・浸透させることを目的に制作したAI動画です。単なるビジョン紹介ではなく、未来に向けた意識改革と行動変容を促すメッセージとして構成しました。ナレーションもAIで生成しています。制作にあたっては、クライアントとのヒアリングを重ねてビジョンの解像度を高め、方向性を揃えたうえで映像に落とし込みました。AIを用いることで、従来の撮影だけでは難しい表現にも挑戦でき、限られた制作期間の中でも高いアウトプットを実現しています。コンテをもとに静止画像でビジュアルのトーンを固め、動画化しました。人物の顔や動きに違和感が出なã
49„よう細部まで調整を重ね、一つのストーリーとして仕上げています。",{"id":212,"createdAt":213,"updatedAt":214,"publishedAt":215,"revisedAt":214,"title":216,"title_en":217,"pickup":218,"meta":219,"kv":224,"category":228,"information":246,"details":250},"s1rch_zbu","2026-06-08T14:05:07.338Z","2026-06-10T01:39:51.822Z","2026-06-09T12:41:54.583Z","新キャンパス・新学部の告知を、高校生目線のクリエイティブで展開","Announcing a New Campus and Faculties Through Student-Focused Creative",true,{"fieldId":18,"description":220,"description_en":221,"ogimage":222},"株式会社オズ - Works - 〜北海道科学大学新キャンパス、新学部新学科プロモーション〜","OZ Inc. – Works – Promotion for Hokkaido University of Science's New Campus, Faculties, and Departments",{"url":223,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/bf794727446641c6a5ae3f13fa899486/hus_newcampus_ogp.webp",{"url":225,"height":226,"width":227},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7831c95c0f404f51962d5e2e8e22b43a/hus_newcampus_kv.webp",1510,2684,[229,230,231,232,239],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},"animation","2025-06-09T07:02:43.421Z","2026-06-09T13:01:39.193Z","2025-08-21T04:25:13.058Z","アニメーション","Animation",{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},"7kl04krtow","2025-08-06T09:13:27.596Z","2026-06-09T13:01:56.879Z","2025-08-21T04:19:05.906Z","プランニング(企画・販促)","Planning (Concept & Promotion)",{"fieldId":43,"agency":44,"client":247,"year":248,"link":249,"links":48},"北海道科学大学","2025","https://www.hus.ac.jp/being-reborn2027/",[251,257,262,272],{"fieldId":55,"images":252,"type":256},[253],{"url":254,"height":255,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/348d9a6bbe134e4fa55e945a8d36d610/hus_newcampus_kv2.webp",1234,[62],{"fieldId":51,"title":258,"title_en":259,"description":260,"description_en":261},"新キャンパスと新学部を一貫したビジュアル表現で展開","A Unified Visual Identity for the New Campus and Faculties","北海道科学大学の新キャンパスおよび新学部の開設にあたり、キービジュアルの企画・制作から各種広報ツールまで一貫して担当しました。大学側からは当初より高校生に向けた強い訴求力を持つビジュアル表現が求められており、複数のデザイン案を用意したうえで系列高校でアンケートを実施するなど、徹底したターゲットリサーチのもとで方向性を決定しました。また、2つの学部・学科は同じ新キャンパス内で学ぶことから、それぞれの個性を表現しながらもクリエイティブ全体の連動性を重視。起用したモデルたちが身にまとう表現は、学部・学科で身につける知識やスキルを象徴しており、新キャンパスから社会へと飛び出していく学生たちの姿を表現しています。","For the launch of Hokkaido University of Science’s new campus and faculties, we handled everything from the planning and production of the key visual to a full range of promotional materials. From the outset, the university sought a visual approach that would strongly resonate with high school students. Multiple design concepts were developed and evaluated through surveys conducted at affiliated high schools, allowing the creative direction to be shaped through extensive audience research.\n\nAs the two faculties and their departments would share the same new campus, the creative was designed to express the unique character of each while maintaining a strong sense of cohesion across the overall visual identity. The looks worn by the models symbolize the knowledge and skills students will acquire through their studies, representing students taking their first steps from the new campus into society.",{"fieldId":55,"images":263,"type":271},[264,266,268],{"url":265,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/98d4462d956440a5ae53bf108ca4f2d8/hus_newcampus_ooh.webp",{"url":267,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/52ae8287e1fe4f40945159a5b87e0c82/hus_newcampus_pos.webp",{"url":269,"height":270,"width":183},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7d4e5b55c6a342618434105885938527/hus_newcampus_sozai.webp",900,[62],{"fieldId":51,"title":273,"title_en":274,"de
49scription":275,"description_en":276},"統一されたクリエイティブを各媒体へ展開","Extending a Unified Creative Across Multiple Media","キービジュアルで描いた世界観をOOH、ポスター、Webサイトへと展開し、新キャンパス・新学部の魅力を一貫したビジュアルコミュニケーションで発信しました。各媒体の特性を活かしながらもクリエイティブの統一感を保つことで、ターゲットとなる高校生に強い印象を与え、新キャンパス・新学部への期待感を醸成しています。","The visual world established through the key creative was expanded across OOH advertising, posters, and the website, delivering a consistent visual communication strategy for the new campus and faculties. By maintaining a unified creative expression while adapting to the characteristics of each medium, the campaign created a strong impression among prospective high school students and helped build anticipation for the new campus and academic programs.",{"id":278,"createdAt":279,"updatedAt":280,"publishedAt":281,"revisedAt":280,"title":282,"pickup":218,"meta":283,"kv":287,"category":289,"information":298,"details":302},"82c84ph887i2","2026-05-26T12:01:25.531Z","2026-06-09T13:05:34.033Z","2026-05-29T02:20:26.958Z","花を贈る背中を押す、AIを使った動画広告",{"fieldId":18,"description":284,"ogimage":285},"株式会社オズ - Works - 〜花を贈る背中を押す、AIを使った動画広告〜",{"url":286,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/cc000dbd5b8d42d99120215a2f58e02d/ogp_i879.jpg",{"url":288,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/a9e021f62d364b58ad9b720a5d396c03/%E8%8A%B1%E3%82%AD%E3%83%A5%E3%83%BC%E3%83%92%E3%82%9A%E3%83%83%E3%83%881.webp",[290,291,297],{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"id":292,"createdAt":293,"updatedAt":294,"publishedAt":293,"revisedAt":295,"title":296,"title_en":296},"sns","2025-06-09T07:02:51.228Z","2026-06-09T13:01:07.63Z","2025-08-21T04:24:57.305Z","SNS",{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},{"fieldId":43,"agency":299,"client":300,"year":46,"link":301,"links":48},"GMOペイメントゲートウェイ株式会社","花キューピット株式会社","https://youtu.be/02nZuYatKf0?si=UkV6JOvnpHUYd4Wv",[303,306,311],{"fieldId":51,"title":304,"description":305},"ターゲット心理から設計した、3パターンのAI動画広告","母の日の購買促進を目的に、YouTube向けの広告動画を生成AIを用いて制作しました。横長・縦長の各フォーマットに対応した計6本を、短期間で納品しています。\n30〜40代をターゲットに、「当日配達」「スイーツセットのシズル」「全国4,000店のネットワーク」と、それぞれ異なる訴求軸で3本を制作。母の日をうっかり忘れていた人、何を選べばいいかわからない人、安心して注文できる根拠がほしい人——異なる状況にいる視聴者に、それぞれ届く映像を目指しました。柔らかく明るいトーンで統一しながら、勢いのある構成から受け取る母の笑顔まで、動画ごとに異なるアプローチで購買へと導いています。",{"fieldId":55,"images":307,"type":310},[308],{"url":309,"height":182,"width":183},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/8dc127a20d424f078e2a9e2c25c3e76b/%E8%8A%B1%E3%82%AD%E3%83%A5%E3%83%BC%E3%83%92%E3%82%9A%E3%83%83%E3%83%882.webp",[62],{"fieldId":51,"title":312,"description":313},"AIだからこそできる表現と、制作会社の技術で底上げする","複数カットにまたがる同一人物の登場や実際の商品である花の合成など、撮影コストの圧縮が難しい要素をAIで実現しながら、従来の撮影では不可能な、スマートフォンから花束が飛び出すような表現もAIで可能にしています。After Effectsによるテキスト演出・モーション・トランジションを組み合わせることで、AIの生成表現と制作会社のデザイン知見を掛け合わせた完成度に仕上げています。AIナレーションもAIと気づかれないレベルの自然なトーンを実現しました。",{"id":315,"createdAt":316,"updatedAt":317,"publishedAt":318,"revisedAt":317,"title":319,"title_en":320,"pickup":218,"meta":321,"kv":326,"category":328,"information":351,"details":356}
49,"c-mnbs8oj5m","2026-05-25T04:44:58.794Z","2026-06-09T13:05:44.236Z","2026-05-25T07:19:36.540Z","土地の価値を磨き上げる、コーポレート・採用サイト制作プロジェクト","Elevating Land Value Through Corporate & Recruitment Website Design",{"fieldId":18,"description":322,"description_en":323,"ogimage":324},"株式会社オズ - Works - 〜土地の価値を磨き上げる、コーポレート・採用サイト制作プロジェクト〜","OZ Inc. – Works – Elevating Land Value Through Corporate & Recruitment Website Design",{"url":325,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/81bc6913bbb8453191ed0ec77a4eac3e/ogp_branch.jpg",{"url":327,"height":200,"width":201},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f6f607119d5e4443867fe9ec70cfa6a9/cr_branch_01.webp",[329,330,331,332,338,339,346],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},"site-recruit","2025-06-09T07:03:11.948Z","2025-08-21T04:22:32.343Z","採用サイト","Recruitment Site",{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},"design-editorial","2025-06-09T07:03:24.537Z","2026-06-09T13:01:34.934Z","2025-08-21T04:21:30.666Z","エディトリアルデザイン","Editorial Design",{"id":347,"createdAt":348,"updatedAt":349,"publishedAt":348,"revisedAt":348,"title":350,"title_en":350},"f-6nwikphvr1","2026-05-25T04:45:15.858Z","2026-06-09T13:02:42.615Z","3DCG",{"fieldId":43,"agency":44,"agency_en":352,"client":353,"client_en":354,"year":248,"link":355,"links":48},"Dentsu Hokkaido","ブランチ・オフィス","BranchOffice INC","https://branchoffice.jp/",[357,362,367,372,377],{"fieldId":55,"images":358,"type":361},[359],{"url":360,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/8f00baa2a01d4bd480242bd5e7d926eb/cr_branch_02.png",[62],{"fieldId":51,"title":363,"title_en":364,"description":365,"description_en":366},"企業の役割を3DCGで表現","Expressing the Company’s Role Through 3DCG","土地の権利や課題を整理し、新たな価値を生み出していく。そんな同社のwebサイトをリニューアルするにあたり、コーポレートサイトでは、同社の役割や事業内容をサイトを閲覧する方にわかりやすく表現することに注力しました。事業内容を魅力的にビジュアライズするため、3DCGのデザインツールであるBlenderを用いてガラスのようなプレートで表現しました。透明感のある質感は、複雑な権利関係を整理し、土地を磨き上げて輝かせていく同社の姿勢を象徴しています。サイト内で展開する事業説明の図版や事例紹介についても3DCGで統一し、コーポレートサイト全体に一貫した世界観を構築。情報の正確さと造形美を両立させ、ブランチオフィスならではの専門性と先進性を伝えるサイトデザインに仕上げています。","Organizing land rights and resolving complex issues to create new value — this philosophy became the foundation for the renewal of the company’s website. For the corporate site, we focused on clearly communicating the company’s role and business operations in a way that visitors could intuitively understand.\n\nTo visually represent the company’s business in an engaging way, we used Blender, a 3DCG design tool, to create glass-like plates as the core visual motif. Their transparent texture symbolizes the company’s approach of untangling complicated rights relationships, refining the value of land, and bringing new brilliance to it.\n\nThe business diagrams and case-study visuals throughout the site were also unified through 3DCG, creating a consistent visual world across the entire corporate website. By balancing informational clarity with sculptural beauty, the design conveys the expertise and forward-thinking nature unique to Branch Office.",{"fieldId":55,"images":368,"type":371},[369],{"url":370,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/931bc40f80c9485c837abf7dd0854f33/cr_branch_03.png",[62],{"fieldId":51,"title":373,"title_en":374,"description":375,"description_en":376},"一人ひとりの可能性を描く採用サイト制作","Visualizing the Potential of Each Individual","採用サイトにおいては、コーポレートサイトで打ち出した「土地」というモチーフを継承しつつ、採用サイトでは土地を幾何学的な図形として再構成。ターゲットとなる若年層が、これから未知の自分を探しにいくまっさらな状態であることを踏まえ、ベースカラーは白を採用し、全体に素直さ、まっすぐさを感じさせるデザインへと落とし込みました。社員インタビューでは登場する4名それぞれに固有のカラーを設定し、ブランチ社で働く人々の多様性を視覚的に表現。求職者が自分自身の可能性と、同社で描けるキャリアを重ね合わせられるサイトに仕上げています。また、同デザインは会社案内パンフレットにã
49‚‚踏襲し、一貫した世界観で採用活動を後押ししています。","For the recruitment website, we inherited the “land” motif established in the corporate site, while reconstructing it into geometric forms tailored for the recruitment context.\n\nConsidering that the target audience — primarily younger generations — are often at a blank-slate stage, searching for an unknown future version of themselves, we adopted white as the base color. The overall design was crafted to evoke honesty, clarity, and straightforwardness.\n\nIn the employee interviews, each of the four featured staff members was assigned a distinct color, visually expressing the diversity of people working at Branch. The final result is a recruitment site that allows prospective applicants to overlap their own potential with the careers they can envision at the company.The same design language was also carried through into the company brochure, reinforcing recruitment efforts with a cohesive visual identity.",{"fieldId":55,"images":378,"type":383},[379,381],{"url":380,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/70d2747901d4401d9599fc065d9f2bb7/cr_branch_04.png",{"url":382,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/cfb54d0a2990493fad51f61beb3090cd/cr_branch_05.png",[62],{"id":385,"createdAt":386,"updatedAt":387,"publishedAt":388,"revisedAt":387,"title":389,"pickup":16,"meta":390,"kv":394,"category":398,"information":409,"details":413},"s1shlc8veb","2026-04-08T02:16:37.029Z","2026-04-09T12:07:29.936Z","2026-04-09T12:07:08.344Z","大人気アイテムを、もっと身近に、もっと可愛く",{"fieldId":18,"description":391,"ogimage":392},"株式会社オズ - Works - 〜大人気アイテムを、もっと身近に、もっと可愛く〜",{"url":393,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/52e9c8a4964c49f796ed70921dee82c6/ogp-canmake.jpg",{"url":395,"height":396,"width":397},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/bc5a080d64c14e89ac905b4cbf4ae05c/canmake_01.jpg",3000,5000,[399,407,408],{"id":400,"createdAt":401,"updatedAt":402,"publishedAt":403,"revisedAt":404,"title":405,"title_en":406},"0hxuqe3ciw3","2025-08-13T07:03:12.993Z","2026-06-09T13:02:52.873Z","2025-08-13T07:04:32.286Z","2025-08-21T04:18:23.670Z","ブランドサイト","Brand Site",{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"agency":410,"client":411,"year":248,"link":412,"links":48},"GMO NIKKO","株式会社井田ラボラトリーズ","https://www.canmake.com/",[414,417,422],{"fieldId":51,"title":415,"description":416},"今っぽさとキャンメイクらしさ落とし込むデザイン","CA
49NMAKEのブランドサイトリニューアルに際し、「今の空気感」を的確に捉えたデザインと、ブランドの持つ“可愛い”“親しみやすい”世界観を両立することが求められました。韓国系デザインに寄りすぎることなく、あくまでCANMAKEらしさを中心に据えながら、現代的なレイアウト・配色・フォントなどを再設計。とくにピンクのトーンや装飾の扱い方にこだわることで、洗練されたかわいらしさを目指しました。",{"fieldId":55,"images":418,"type":421},[419],{"url":420,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/305fc9bf6ab24e718716099668ae1c25/canmake_02.jpg",[62],{"fieldId":51,"title":423,"description":424},"コンテンツ構造の整理と管理画面UIの最適化","CMS構築においては、クライアント側での頻繁な更新を前提とした設計を実施。キャンペーンやアイテム追加が発生するタイミングでもスピーディに反映できるよう、コンテンツ構造の整理と管理画面のUI設計を最適化しています。\nさらに、導線設計の見直しにより、「商品を探す」体験のしやすさを追求。カテゴリ選択のしやすさや、ビジュアルの見え方にも配慮し、ユーザーにとっても、運用者にとってもやさしいサイトを目指しました。",{"id":426,"createdAt":427,"updatedAt":428,"publishedAt":429,"revisedAt":428,"title":430,"pickup":16,"meta":431,"kv":435,"category":437,"information":447,"details":451},"plvfuwl4jrq","2026-04-07T14:24:51.807Z","2026-04-09T12:33:56.014Z","2026-04-09T12:04:21.710Z","恋文で「愛」を伝えるキャンペーンLP",{"fieldId":18,"description":432,"ogimage":433},"株式会社オズ - Works - 〜恋文で「愛」を伝えるキャンペーンLP〜",{"url":434,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9ca1375fe1bc40339a78ac06a9791598/ogp-cmoaBLloveletter.jpg",{"url":436,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/32d789b2b16942b1a22ec48c2d825f6b/cmoaBLloveletter_KV.jpg",[438,445,446],{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},"design-logo","2025-06-09T07:03:47.462Z","2026-06-09T13:02:02.183Z","2025-08-21T04:20:40.583Z","CI・VI・ロゴマーク","CI & VI Logo Design",{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"fieldId":43,"agency":410,"client":448,"year":449,"link":450,"links":48},"コミックシーモア","2024","https://www.cmoa.jp/cmoa/?page_id=koigacha24/index.html",[452,455,460],{"fieldId":51,"title":453,"description":454},"愛をテーマにしたキャンペーンを彩るデザイン","6月12日の「恋人の日」に合わせて開催された、愛を伝えるフォロー&リポストキャンペーンのLPデザイン・コーディングを担当しました。\nBLファンが思わず参加したくなるような、親しみと遊び心のあるビジュアルを意識。ガチャ形式を取り入れたキャンペーンの世界観に合わせ、SNS上で自然に拡散される軽やかさをデザインでも表現しました。\nまた、ダブルチャンス企画にあわせた特設サイト用のビジュアルも展開。推しカップルや好きな作品など、“愛を伝える”楽しさを視覚的に感じてもらえるよう、画面全体のトーンやリズムを丁寧に設計しています。",{"fieldId":55,"images":456,"type":459},[457],{"url":458,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3be3c594e6c74f31a39e881da5affe72/cmoaBLloveletter_1.jpg",[62],{"fieldId":51,"title":461,"description":462},"「恋文」をモチーフにしたレトロでエモーショナルな世界観","全体のデザインテーマは「恋文(ラブレター)」。デジタルが主流の今だからこそ、手紙をモチーフにしたレトロで温かみのある雰囲気を大切にしました。\nモチーフには、ハートやポスト、切手、ペンなど、“手紙を書く”行為にまつわるアイテムを散りばめ、
49BLらしい甘さと遊び心を添えています。LP内のイラストは、Gペンで描いたような繊細な手書き風タッチで統一。\nメインカラーには手紙を思わせる深い赤を、アクセントには青緑を採用。赤がもつ情熱的な印象に、寒色の落ち着きが加わることで、ロマンチックでありながらも爽やかな世界観を生み出しました。\n“愛を伝える”というテーマをビジュアルの力で支え、キャンペーン全体を印象的に彩るデザインとなりました。",{"id":464,"createdAt":465,"updatedAt":466,"publishedAt":467,"revisedAt":466,"title":468,"pickup":16,"meta":469,"kv":473,"category":475,"information":487,"details":490},"wd5tnvh7q_yu","2026-04-07T14:15:52.317Z","2026-04-09T12:02:33.222Z","2026-04-09T12:02:10.306Z","想いを丁寧に形にしたドクターズコスメのブランド構築",{"fieldId":18,"description":470,"ogimage":471},"株式会社オズ - Works - 〜HANENOHADA〜",{"url":472,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/93722e7107b34b909223f3a95f08f38d/ogp-HANENOHADA.jpg",{"url":474,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/a62e231fa85847428a2fae4e33a69e9c/HANENOHADA_KV.jpg",[476,483,484,485,486],{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},"blanding","2025-06-09T07:03:54.618Z","2026-06-09T13:02:49.258Z","2025-08-21T04:20:06.326Z","ブランディング","Branding",{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"fieldId":43,"client":488,"year":248,"link":489,"links":48},"三令社","https://hanenohada.com/",[491,494],{"fieldId":51,"title":492,"description":493},"ドクターズコスメの誕生にかける想いをデザインに","日常の診療現場から感じた“もっと刺激の少ない化粧品が使いたい”という患者さんの声に応える形で、誕生したブランド、それが「HANENOHADA(羽の肌)」です。ブランドサイト・ECサイト・商品パッケージの制作を担当しました。開発の想いやこだわりを、ひとつひとつの言葉とビジュアルを大切に紡ぎ、約一年かけて製品ヒストリーやブランドステートメントを構築しました。",{"fieldId":51,"title":495,"description":496},"やさしさと美しさのあるブランドの世界観を表現","ブランドのキーメッセージは、「肌をかるく、明日をあかるく」。その言葉には、まるで羽のように軽やかで、みずみずしく健やかな“肌と心”を目指してほしい、という先生の願いを言語化しています。製品開発の背景には、レーザー治療のダウンタイム中や敏感肌、ニキビ肌にも安心して使えるよう、石油系界面活性剤や合成香料など刺激のある添加物を極力排し、可能な限り天然由来成分にこだわる先生の姿勢があります。全商品の使用成分アイコンで明記し、透明性と安心感を意識しました。\n\nデザイン面では、清楚で女性らしい雰囲気を演出する“くすみピンク”のワントーンカラーを基調に、上品で統一感のある仕上がりを目指しました。プロジェクトを通じて、先生からは「開発前の気持ちまでくみ取って言葉にしてくれて嬉しかった」「デザインも好みでとても気に入った」と温かな言葉をいただき、想いを受け止めるブランド構築が実現したことを嬉しく感じています。",{"id":498,"createdAt":499,"updatedAt":500,"publishedAt":501,"revisedAt":500,"title":502,"pickup":16,"meta":503,"kv":507,"category":509,"
49information":512,"details":515},"w1jwtnf_srre","2026-04-07T14:01:20.297Z","2026-04-21T10:51:51.417Z","2026-04-09T11:59:52.018Z","“本当の武蔵女子”を伝える学校案内パンフレット",{"fieldId":18,"description":504,"ogimage":505},"株式会社オズ - Works - 〜“本当の武蔵女子”を伝える学校案内パンフレット〜",{"url":506,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/614d052ca2084992ada877a80b1a9ba3/ogp-musashi.jpg",{"url":508,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/10d86cb0424146b883162369f83cb322/musashi_KV.jpg",[510,511],{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"fieldId":43,"agency":513,"client":514,"year":248,"links":48},"廣告社","北海道武蔵女子大学・北海道武蔵女子短期大学",[516,521,524,529],{"fieldId":55,"images":517,"type":520},[518],{"url":519,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d09e2715d66b48bb85a94c97d36db03f/musashi_1.jpg",[62],{"fieldId":51,"title":522,"description":523},"大学・短期大学の素顔を伝えるパンフレットを","北海道武蔵女子大学・短期大学の大学案内パンフレットの制作を担当しました。お客さまからの要望は、「外部から見た“おしとやかな学校”というイメージを一新したい」というものでした。実際のキャンパスは活気に満ち、学生たちは意欲的で前向き。そんな本当の姿を、デザインと編集の力でどう表現できるかがテーマでした。\n四年制大学のパンフレットでは、しなやかさの中にある逞しさを。短期大学版では、若さあふれる勢いと軽やかさを。写真選びや色づかい、レイアウトのテンポにまで細やかに工夫を重ね、見る人が自然と「行ってみたい」と思えるような世界観を目指しました。",{"fieldId":55,"images":525,"type":528},[526],{"url":527,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/5937f32e8f3b4f52a7b3291c3aba9c6b/musashi_2.jpg",[62],{"fieldId":51,"title":530,"description":531},"楽しさがページごとに弾ける「キャンパスライフ」冊子","大学案内に加えて、「キャンパスライフ」という別冊も制作しました。この冊子では、1ページごとにデザインのテイストを変え、学生たちの多彩な日常や楽しさを詰め込みました。授業や部活動、友人との時間など、武蔵女子ならではの“のびやかで元気な毎日”が伝わる一冊です。\n三冊構成で展開した今回のプロジェクトは、お客さまが抱いていた「本当の武蔵女子」をカタチにすることを目指したもの。デザインの力で印象を刷新し、未来の学生たちに新しい魅力を伝えるお手伝いができたと思います。",{"id":533,"createdAt":534,"updatedAt":535,"publishedAt":535,"revisedAt":535,"title":536,"pickup":16,"meta":537,"kv":541,"category":543,"information":548,"details":552},"c-gzybgoa","2026-04-07T13:45:18.420Z","2026-04-09T11:57:05.232Z","北海道ならではの“ととのい”を届けるサウナ観光LP",{"fieldId":18,"description":538,"ogimage":539},"株式会社オズ - Works - 〜北海道ならではの“ととのい”を届けるサウナ観光LP〜",{"url":540,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c9cc78e6c4c1496b99a7fb2b105cd5d9/ogp-hokkaidolove_sauna.jpg",{"url":542,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/35992bd81a5549fbad399e6a01071b93/hokkaidolove_sauna_KV.jpg",[544,545,546,547],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"fieldId":43,"agency":549,"client":550,"year":449,"link":551,"links":48},"JR北海道ソリューションズ","公益社団法人 北海道観光機構","https://www.visit-hokkaido.jp/hokkaido37/",[553,556],{"fieldId":51,"title":554,"description":555},"「37」のサウナ観光の魅力をPR","北海道観光の新しい魅力として注目される「サウナ」を独自の視点で編集したLPが「北海道サウナ37のこと」。「37」という数字には遊び心を込めつつ、ただ数を並べただけでなく、空気、水質、景観、施設タイプ、サ飯(サウナ後の食事)、サウナグッズなど、それぞれ違った魅力を持つ37施設を厳選して紹介しています。近年ますます人気が高まるサウナカルチャーを、ただの施設紹介にとどめず、独自の切り口で編集しました。監修には、数多くのサウナプロジェクトを手掛けてきた専門アドバイザーを迎え、雄大ã
49ªè‡ªç„¶ã‚’望むものや、雪国らしい体験ができるものなど、北海道ならではの極上の「ととのい体験」を伝えます。",{"fieldId":51,"title":557,"description":558},"個性豊かなサウナを際立たせるデザインと仕掛け","ビジュアル面では、サウナ室に多いスクエア型をモチーフに、四角いブロックを積み重ねるデザインを採用。37の施設をそれぞれのブロックに収め、訪れるたびにランダムに並び替わる仕組みを取り入れました。ページを開くたびに違う表情を見せることで、サイト自体に“何度でも訪れたくなる楽しさ”を持たせています。ファーストビューには眺望の良いサウナや、かまくら型のユニークなサウナを大きく取り上げ、北海道らしいスケール感と個性を強調しました。お客さまからは「遊び心と上品さを兼ね備えたデザイン」「次の展開を想像させる企画性」といった高評価をいただき、北海道サウナの新しい魅力発信にふさわしい仕上がりとなりました。",{"id":560,"createdAt":561,"updatedAt":562,"publishedAt":562,"revisedAt":562,"title":563,"pickup":16,"meta":564,"kv":568,"category":570,"information":575,"details":577},"m6krvsztc","2026-04-07T13:40:55.362Z","2026-04-09T11:55:10.342Z","北海道の新たな魅力を伝えるワインツーリズムLP",{"fieldId":18,"description":565,"ogimage":566},"株式会社オズ - Works - 〜北海道の新たな魅力を伝えるワインツーリズムLP〜",{"url":567,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/a61bcf8c5173439db36292a3dac70802/ogp-hokkaidolove_wine.jpg",{"url":569,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b044b5a1ee0f4fe58c9e10dcdccb1d4a/hokkaidolove_wine_KV.jpg",[571,572,573,574],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"fieldId":43,"agency":549,"client":550,"year":449,"link":576,"links":48},"https://www.visit-hokkaido.jp/hokkaido-ni-yoishirete/",[578,581,584],{"fieldId":51,"title":579,"description":580},"北海道観光の新しい柱「ワイン・酒蔵ツーリズム」を発信","北海道が新しい観光の魅力として掲げる「ワインツーリズム」。その魅力を道内外に広く発信するため、ランディングページ(LP)を制作しました。クライアントと何度も方向性を議論し、北海道らしい伝え方を模索しながら形にしていきました。北海道に根づく文化や自然と共にワインやお酒をどう表現すれば地元住民・旅行者に届くかを意識し、ただ情報を並べるだけでなく、訪れる人の期待が高まるようなページ構成を目指しました。",{"fieldId":51,"title":582,"description":583},"「ワインで波を起こす」ヴィジュアル表現","デザイン面では、ワインがグラスに注がれて波打つ瞬間を大きなモチーフに採用。新しい波が押し寄せてくるイメージを視覚的に伝えることで、北海道のワインツーリズムにこれから大きな動きが訪れることを表現しました。さらに、ローディングアニメーションではワインが注がれ、グラスが満ちていった瞬間にファーストビューが立ち上がる仕掛けを設計。ユーザーに期待感を与えながら、ページ全体に「ワインによって北海道が活性化していく」というメッセージを込めています。",{"fieldId":51,"title":585,"description":586},"北海道のワイン文化を一望できる情報整理","ページ内では、道内に80以上あるワイナリーや酒蔵を、わかりやすく整理して掲載。アドバイザーによるコメントも交えながら、いままさに北海道でワインツーリズムの機運が高まっていることを伝えました。膨大な数の酒造やワイナリーを網羅しながらも、訪れる人が読み進めやすい構成にしたことで、お客さまからは「魅力がしっかり伝わるページになった」と高い評価をいただきました。",{"id":588,"createdAt":589,"updatedAt":590,"publishedAt":591,"revisedAt":590,"title":592,"pickup":16,"meta":593,"kv":597,"category":599,"information":604,"details":606}
49,"tg9-mr8s0l","2026-04-07T13:32:08.972Z","2026-04-09T11:53:12.766Z","2026-04-09T11:52:30.740Z","北海道の夜を楽しむ旅へ導くプロモーションLP",{"fieldId":18,"description":594,"ogimage":595},"株式会社オズ - Works - 〜北海道の夜を楽しむ旅へ導くプロモーションLP〜",{"url":596,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/4106273c4d124e96a1cbb3056a1837c0/ogp-hokkaidolove_night.jpg",{"url":598,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/115fb2dde861429da241e181be758ad9/hokkaidolove_night_KV.jpg",[600,601,602,603],{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"fieldId":43,"agency":549,"client":550,"year":449,"link":605,"links":48},"https://www.visit-hokkaido.jp/hokkaido-nighttime-economy/",[607,610],{"fieldId":51,"title":608,"description":609},"ナイトカルチャーの知られざる魅力を紹介するLP","海外でも注目される「ナイトツーリズム」を北海道でも広めたいというご依頼により、本LPを制作。昼間とは異なる顔や、北海道の夜だからこそ楽しめる体験を、5つのカテゴリーで分かりやすく紹介しました。ナイトライフをただ“ある”だけで伝えるのではなく、モデルコースを加えることで、より具体的な旅の姿を想像しやすいLP構成にしています。北海道の夜が、読者の「行ってみたい!」という気持ちをぐっとくすぐる仕上がりを意識しました。",{"fieldId":51,"title":611,"description":612},"壮大な星空とともに、北海道の夜に誘うデザイン","ビジュアルにもこだわり、ファーストビューには北海道の広大な星空を背景に、印象的な写真をダイナミックに配置しました。下部には夜景、イルミネーション、花火、ご当地グルメなど個性的なナイトスポットの写真を掲載し、文を読まずとも“夜を楽しむ期待”が湧いてくる構成に。LP全体では各カテゴリーを見やすく整理し、ページを読み進める楽しさと情報のわかりやすさを両立。“北海道の夜をまるごと楽しむ”ための入り口として適切なLPになりました。",{"id":614,"createdAt":615,"updatedAt":616,"publishedAt":617,"revisedAt":616,"title":618,"pickup":16,"meta":619,"kv":623,"category":625,"information":628,"details":631},"sc7t35gzpsuv","2026-04-07T13:07:50.041Z","2026-04-09T12:12:06.827Z","2026-04-09T11:49:02.378Z","信頼感と心地よさを備えたブランド体験設計",{"fieldId":18,"description":620,"ogimage":621},"株式会社オズ - Works - 〜信頼感と心地よさを備えたブランド体験設計〜",{"url":622,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/fefa347a72304d0e9bca077637d0caaa/ogp-POTENZel.jpg",{"url":624,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3d980e046e744946aa163b7b06ccb84f/POTENZel_KV.jpg",[626,627],{"id":400,"createdAt":401,"updatedAt":402,"publishedAt":403,"revisedAt":404,"title":405,"title_en":406},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"agency":410,"client":629,"year":449,"link":630,"links":48},"BEAUTEï½¥DEï½¥MODE","https://potenzel.jp/",[632,635],{"fieldId":51,"title":633,"description":634},"美容医療発想の効果を“感じさせる”デザイン","スキンケアブランド「ポテンツェル」のブランドサイトデザインを担当しました。\nキービジュアルのトンマナに寄り添いながら、ブランドがもつ“確かな効果”をãƒ
49‡ã‚¶ã‚¤ãƒ³ã§ã‚‚感じ取れるよう意識。美容医療の発想から生まれた商品だからこそ、「効きそう」という印象を自然に伝えることを大前提としました。\nサイト全体はシンプルで清潔感のある構成にしつつ、女性の購入意欲を高めるような柔らかさや上品さを加えています。見た目が美しいだけではなく、商品そのものの信頼感や機能性が滲み出るようなデザインを心がけました。",{"fieldId":51,"title":636,"description":637},"洗練と心地よさを両立したブランド体験","「メディカルチック」に寄りすぎず、スタイリッシュでありながらも親しみを感じられる世界観を目指しました。\nサイト内には、実際に商品を手に取ったときのような“触感”を想起させるアニメーションを実装。滑らかに動く質感表現を取り入れ、ウェブ上でも心地よい体験を感じてもらえる設計とし他ことで、堅さに偏らず、洗練とユニークさをあわせ持つブランドサイトに仕上がりました。",{"id":639,"createdAt":640,"updatedAt":641,"publishedAt":642,"revisedAt":641,"title":643,"title_en":644,"pickup":16,"meta":645,"kv":650,"category":652,"information":668,"details":672},"xv5zdbjzxm5","2025-08-29T13:02:39.204Z","2026-06-09T12:58:56.812Z","2026-06-08T12:42:49.572Z","新たな学部創設にあたり、今までにないアプローチで。","An Unconventional Approach for a New Faculty",{"fieldId":18,"description":646,"description_en":647,"ogimage":648},"株式会社オズ - Works - 〜北海道科学大学情報科学部〜","OZ Inc. – Works – Hokkaido University of Science, Faculty of Information Science",{"url":649,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/74d0d8e404584c8da3aef360cac228e4/ogp_zyouhoukagaku.jpg",{"url":651,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/fa354157166046eea9bc3faa13d45fac/cr_zyouhoukagaku.jpg",[653,654,655,662],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":656,"createdAt":657,"updatedAt":658,"publishedAt":657,"revisedAt":659,"title":660,"title_en":661},"kcv9-moa1","2025-08-29T05:17:18.169Z","2026-06-09T13:02:26.567Z","2025-10-03T
4905:21:42.659Z","イラストレーション","Illustration",{"id":663,"createdAt":664,"updatedAt":665,"publishedAt":664,"revisedAt":664,"title":666,"title_en":667},"ngs5dza5iu7","2026-06-09T12:58:05.813Z","2026-06-09T13:02:32.322Z","屋外広告・交通広告","Outdoor & Transit Advertising",{"fieldId":43,"client":247,"client_en":669,"year":670,"link":671,"links":48},"Hokkaido University of Science","2023","https://www.hus.ac.jp/information-science/",[673,678,683],{"fieldId":55,"images":674,"type":677},[675],{"url":676,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/e5a356422c5b4457bba2fcb7848f004f/cr_zyouhoukagaku3.jpg",[62],{"fieldId":55,"images":679,"type":682},[680],{"url":681,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/e62d05164dfd4a40b2b30efada3b9663/cr_zyouhoukagaku2.jpg",[62],{"fieldId":51,"title":684,"title_en":685,"description":686,"description_en":687},"イラストレーターを起用し、情報系の新たなアプローチを","A New Approach to Visualizing Information Science Through Illustration","北海道科学大学「情報科学部 情報科学科」の広報ビジュアルを制作しました。幾度も議論を重ねた末に採用されたのは、札幌市在住のイラストレーター・アーティスト 真吏奈氏 による作品です。北海道の自然や生態系をモチーフに描くことで、情報科学が地域課題の解決に貢献する学問であり、「北海道のための学部学科」であることを表現しました。従来の情報系ビジュアルとは異なる、新たな学部イメージを構築しました。","We developed the promotional visual identity for the Department of Information Science within the newly established Faculty of Information Science at Hokkaido University of Science.\n\nAfter extensive discussions, the team chose to feature artwork by Marina, an illustrator and artist based in Sapporo. By depicting Hokkaido’s natural landscapes and ecosystems, the visual communicates that information science is a field that contributes to solving regional challenges and is, in essence, a discipline created for Hokkaido.\n\nThe result is a new academic identity that departs from conventional information technology imagery and presents a fresh perspective on information science.",{"id":689,"createdAt":690,"updatedAt":691,"publishedAt":692,"revisedAt":691,"title":693,"title_en":694,"pickup":16,"meta":695,"kv":700,"category":702,"information":710,"details":714},"1iwp661qj","2025-08-29T12:21:24.720Z","2025-09-05T05:01:40.639Z","2025-09-02T04:04:21.285Z","ロゴ&Webリニューアルで若者に魅力を発信","Communicating Appeal to Young People Through Logo and Website Renewal",{"fieldId":18,"description":696,"description_en":697,"ogimage":698},"株式会社オズ - Works - 〜ロゴ&Webリニューアルで若者に魅力を発信〜","OZ Inc. – Works – Communicating Appeal to Young People Through Logo & Website Renewal",{"url":699,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/58e04f64211b4139b8463d71c6d7aa87/ogp_sakurasato.jpg",{"url":701,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ea59aee659554b47b0ee93aaf55a23c8/cr_sakurasato.jpg",[703,704,705,706,707,708,709],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},{"fieldId":43,"client":711,"client_en":712,"year":449,"link":713,"links":48},"さくら佐藤建設株式会社","SAKURASATO KENSETSU CO., Ltd","https://www.sakurasato.co.jp/",[715,720],{"fieldId":55,"images":716,"type":719},[717],{"url":718,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b988b23220784aca867a0193710ee09a/cr_sakurasato2.jpg",[62],{"fieldId":51,"title":721,"title_en":722,"description":723,"description_en":724},"若手が活躍する建設会社像へリブランディング","Rebranding as a Construction Company Where Young Talent Can Thrive","札幌市で公共インフラの工事を手がける建設会社のWebサイトリニューアルをサポート。採用強化をきっかけに、企業イメージを見直すべくロゴの提案から始めました。「若い人が活躍している」「柔軟に働ける」といった社風をもとに、重機と“S”を組み合わせたシャープなロゴに刷新。コーポレートサイトでは、会社の思いや姿勢を伝えるコピーと、有機的なアニメーションで現場の空気感を表現しました。\n採用サイトでは、施工管理職への応募増を目指し、「築く現場を築き上げろ。」というコピーを軸に、若手が早くから経験を積める環境を伝える構成に。ただの会社紹介ではなく、「ここなら自分もやっていけそう」と感じてもらえるような、共感を重視したサイトづくりを行いました。","We supported the website renewal of a construction company in Sapporo City that handles public infrastru
49cture projects. Taking recruitment enhancement as an opportunity, we started by proposing a new logo to rethink the company’s corporate image. Based on the company culture—“young people are thriving” and “flexible work styles”—we redesigned the logo with a sharp look combining heavy machinery and the letter “S.”\n\nOn the corporate site, we expressed the company’s values and approach through compelling copy and organic animations that convey the atmosphere of the worksite.\n\nFor the recruitment site, aiming to increase applications for construction management positions, we centered the copy around “Build the site you build.” The site highlights an environment where young staff can gain experience early on. Rather than simply introducing the company, the design focuses on empathy, making visitors feel, “I could really succeed here.”",{"id":726,"createdAt":727,"updatedAt":728,"publishedAt":729,"revisedAt":728,"title":730,"title_en":731,"pickup":16,"meta":732,"kv":737,"category":741,"information":746,"details":750},"5pjnuld61hvy","2025-08-29T05:17:22.261Z","2025-09-05T05:02:02.835Z","2025-08-29T05:20:09.405Z","世界観を紐解く二つの顔を持つパンフレット","A Brochure with Two Faces That Unravels the Worldview",{"fieldId":18,"description":733,"description_en":734,"ogimage":735},"株式会社オズ - Works - 〜世界観を紐解く二つの顔を持つパンフレット〜","OZ Inc. – Works – A Brochure with Two Faces That Unravels the Worldview",{"url":736,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2bad59d9d33e4b3f9780257f5d458bfe/OGP.png",{"url":738,"height":739,"width":740},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c7f48c55f2da447080789b6462641601/03-01-img02.jpg",2350,4000,[742,743,744,745],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":656,"createdAt":657,"updatedAt":658,"publishedAt":657,"revisedAt":659,"title":660,"title_en":661},{"fieldId":43,"client":747,"client_en":748,"year":449,"link":749,"links":48},"有限会社EGG","EGG Corporation","https://egg-sapporo.jp/stage/2024-eggstage/",[751,756,761,766,771],{"fieldId":55,"images":752,"type":755},[753],{"url":754,"height":739,"width":740},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/884f655915374666b76616679aef3122/03-01-img03.jpg",[62],{"fieldId":51,"title":757,"title_en":758,"description":759,"description_en":760},"二面性を表現した大胆なデザインアプローチ","Bold Design Approach Expressing Duality","再演となる『舞台 死神べいびーず』のパンフレット制作において、私たちは前回のデザインが持つエッセンスを受け継ぎながら、まったく新しい視点で再構築を試みました。作品の核にある「死神」の持つ暗さと、観客の心に温もりを届けるストーリーの明るさ。この相反する要素を、黒とオレンジという対照的なカラーで表現しました。特殊な観音開き仕様を採用し、表紙を中央から開くと登場する二人の漫才師の表情が一変する構成は、物語の持つ二面性や驚きを、視覚的なギミックとして仕込んだものです。パンフレットを開く体験そのものが、『死神べいびーず』の世界観への入口となるように設計しています。","For the production of the brochure for the revival of “Shinigami Babies”, we aimed to reconstruct it from a completely new perspective while retaining the essence of the previous design. The work’s core features the darkness of the “Shinigami” and the brightness of a story that brings warmth to the audience’s hearts. We expressed these opposing elements using contrasting colors of black and orange.\n\nBy adopting a special gatefold design, the expressions of the two comedians dramatically change when the cover is opened from the center. This structure visually incorporates the story’s duality and surprises as a clever design gimmick. The act of opening the brochure itself is designed to serve as an entry point into the world of “Shinigami Babies.”",{"fieldId":55,"images":762,"type":765},[763],{"url":764,"height":739,"width":740},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7678a97c45314ca1bafecc10b04cd0ee/03-01-img01.jpg",[62],{"fieldId":51,"title":767,"title_en":768,"description":769,"description_en":770},"世界観の統一と、三作品それぞれの個性の演出","Unifying the Worldview and Highlighting the Individuality of Each of the Three Works","今回のパンフレットでは、『æ­
49»ç¥žã¹ã„びーず』に加えて、同時上演される『天使会議』『たまご座』のグラフィック制作も担当しました。三作品それぞれの世界観を尊重しながら、シリーズとしての統一感を意識したアートディレクションを行いました。『死神べいびーず』では、前回のタイトルロゴの魅力を活かしつつ、フォントやレイアウトを刷新して、より洗練された印象にブラッシュアップ。舞台の持つコミカルさを伝えるために、網点のようなテクスチャを取り入れ、漫才師たちの軽妙なやりとりを視覚的に表現しました。全体を通して、舞台の印象や重要なシーンを象徴的に描き出すことで、パンフレットを手にした瞬間から作品への期待が高まるよう細部までこだわりました。","For this brochure, in addition to “Shinigami Babies”, we were also responsible for the graphic production of the concurrently staged works “Angel Meeting” and “Tamagoza.” While respecting the unique worlds of each piece, we provided art direction that maintained a sense of cohesion across the series.\n\nFor “Shinigami Babies”, we built on the appeal of the previous title logo while refreshing the font and layout to give it a more polished impression. To convey the comedic nature of the stage, we incorporated halftone-like textures to visually represent the witty exchanges of the comedians.\n\nThroughout the brochure, we carefully illustrated the stage’s overall impression and key scenes symbolically, ensuring that holding the brochure immediately heightens anticipation for the works.",{"fieldId":55,"images":772,"type":777},[773],{"url":774,"height":775,"width":776},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2ab42027e23040059d7fb7c7caf5ee91/03-01-KV.jpg",1066,2000,[62],{"id":779,"createdAt":780,"updatedAt":781,"publishedAt":782,"revisedAt":781,"title":783,"title_en":784,"pickup":16,"meta":785,"kv":790,"category":792,"information":798,"details":800},"rqokh1v0yd7","2025-08-27T12:25:31.801Z","2025-09-05T05:02:32.715Z","2025-08-27T12:50:00.296Z","高校生向けに振り切った、今までにない入試広報","Bold, Unprecedented Admissions Promotion Targeted at High School Students",{"fieldId":18,"description":786,"description_en":787,"ogimage":788},"株式会社オズ - Works - 〜北科大工学部大決戦〜","OZ Inc. – Works – The Great Battle of Hokudai Engineering Faculty",{"url":789,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ac3e216a27b9465a84f042bde58bf13b/ogp_daikessen.jpg",{"url":791,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/86b57ed6989d455a92316a5f7e02e629/cr_daikessen_kv.jpg",[793,794,795,796,797],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"fieldId":43,"agency":44,"agency_en":352,"client":247,"client_en":669,"year":449,"link":799,"links":48},"https://www.hus.ac.jp/daikessen/",[801,808],{"fieldId":55,"images":802,"type":807},[803],{"url":804,"height":805,"width":806},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/8336c8ff945f49a59c6f9dad9210bc03/cr_daikessen.webp",489,832,[62],{"fieldId":51,"title":809,"title_en":810,"description":811,"description_en":812},"ダンス×ラップで、学科の魅力を発信","Promoting the Department’s Appeal Through Dance × Rap","「工学系学科の出願率を上げたい」そんな課題からスタートしたプロジェクトでした。\n高校生がSNSでよく目にする「ダンス」にラップを掛け合わせ、「学科対抗の魅力PRバトル」 という企画を提案。大学のダンス部に協力いただき、各学科をテーマにしたオリジナルダンスを創作しました。\nさらに動画では、札幌を拠点に活動するラッパー・杏地氏にリリックを依頼。学生視点の“本音”にこだわり、取材を通じて実際の学生が感じている魅力や思いを拾い上げ、その草案をもとに杏地氏にブラッシュアップしていただきました。リアルな学生目線の言葉を取り入れることで、学科紹介という情報にエンタメ性を加え、ただ“知ってもらう”だけでなく、“楽しんでもらう”ことを目指しました。","This project started with the challenge of “increasing application rates for the engineering department.” We proposed a concept called the “Department Showdown PR Battle,” combining dance—which high school students frequently see on social media—with rap. With the cooperation of the university dance club, original dances were created themed around each department.\n\nFor the videos, we commissioned lyrics from Anchi, a rapper based in Sapporo. Focusing on the students’ authentic perspectives, we conducted interviews to capture the real appeal and thoughts of current students. These drafts were then refined by Anchi to create polished lyrics. By incorporating words from the students’ viewpoint, we added entertainment value to the department introductions, aiming not just for awareness but for engagement and enjoyment.",{"id":814,"createdAt":815,"updatedAt":816,"publishedAt":817,"revisedAt":816,"title":818,"title_en":819,"pickup":16,"meta":820,"kv":825,"category":827,"information":833,"details":839},"hjk0n0x-i26","2025-08-26T12:30:40.327Z","2025-09-05T05:01:13.713Z","2025-08-27T12:03:06.861Z","不動産企業の課題にアプローチしたWebリニューアル","Web Renewal Addressing Challenges of a Real Estate Company",{"fieldId":18,"description":821,"description_en":822,"ogimage":823},"株式会社オズ - Works - 〜常口アトム〜","OZ Inc. – Works – Jōguchi Atom",{"url":824,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c24cb5dea9b34e22bb11b5c1a0802c81/ogp_jog.jpg",{"url":826,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ef836d4ea1f34345befe94a5b7c8a85d/cr_jog01.jpg",[828,829,830,831,832],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"fieldId":43,"agency":834,"agency_en":835,"client":836,"client_en":837,"year":670,"link":838,"links":48}
49,"インサイト","Insight","株式会社常口アトム","JOGUCHI ATOM CO.,LTD.","https://www.jogatom.co.jp/",[840,845,850,855],{"fieldId":55,"images":841,"type":844},[842],{"url":843,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b3357a207e4b43c1bcbec262de791c19/cr_jog02.jpg",[62],{"fieldId":51,"title":846,"title_en":847,"description":848,"description_en":849},"課題の整理から道筋を描いたコーポレートサイト","A Corporate Site Designed by Mapping Out Challenges","クライアントは機能面とコンテンツ面で大きく2つの課題を抱えていました。機能面では、レスポンシブ対応の未実装とサイト更新の自由度の低さが運用を阻害していました。コンテンツ面では、フリー素材の多用による独自性の欠如、複雑なページ導線によるユーザビリティの低下、さらにはCSRなど企業のとりくみを紹介するページの不足が課題として浮上していました。 こうした課題に対し、「独自性」「ユーザビリティ」「更新のしやすさ」の3点を重点方針とし、リニューアルを提案。地域に根ざした企業でありながら挑戦を続けていく意志を表現するため、3Dの有機的なイラストで街が組み上がる様子をビジュアライズしました。過去サイトの課題であったユーザビリティの改善に特に力を入れ、欲しい情報に辿り着きやすく、整然とした使いやすいサイトづくりを実現しています。","The client faced two major challenges: functional and content-related. Functionally, the lack of responsive design and limited flexibility in updating the site were hindering operations. On the content side, overuse of stock materials resulted in a lack of originality, complex page navigation reduced usability, and there were insufficient pages introducing the company’s initiatives, such as CSR activities.\n\nTo address these issues, we proposed a renewal focusing on three key points: “originality,” “usability,” and “ease of updates.” To convey the company’s commitment to ongoing innovation while being rooted in the local community, we visualized the city assembling through 3D organic illustrations. We placed particular emphasis on improving usability, making it easy for users to find the information they need and creating a clean, user-friendly website.",{"fieldId":55,"images":851,"type":854},[852],{"url":853,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/98c9e22a04b74558bc3970aa2727bec8/cr_jog03.jpg",[62],{"fieldId":51,"title":856,"title_en":857,"description":858,"description_en":859},"採用サイトで不動産仲介の魅力を再定義","Redefining the Appeal of Real Estate Brokerage on the Recruitment Site","採用サイトでは、採用ターゲット層に向けて企業の仕事をどう魅力的に伝えるかをコンセプトから設計。「不動産の仕事は、お客様の人生の大切な場面に関わる“ドラマな瞬間”に立ち会える仕事である」という視点から、「ドラマな仕事。」というコンセプトを開発。 社員の方々を実際に撮影し、一人ひとりが“主人公”として登場するようなビジュアルを展開。加えて、社員のリアルなエピソードを読み物として掲載することで、仕事のやりがいや企業の人柄が伝わる構成に。一貫したコンセプトのもと、視覚とストーリーの両面から、仕事の魅力に深く迫る採用サイトを制作しました。","For the recruitment site, we designed the concept around how to compellingly convey the company’s work to the target applicants. From the perspective that “real estate work allows you to witness the ‘dramatic moments’ in customers’ important life events,” we developed the concept “Dramatic Work.”\n\nWe photographed employees so that each one appears as a “protagonist” in the visual
49s. In addition, we included real employee stories as readable content, conveying both the rewards of the work and the company’s character. Under this consistent concept, we created a recruitment site that explores the appeal of the work in depth, both visually and narratively.",{"id":861,"createdAt":862,"updatedAt":863,"publishedAt":862,"revisedAt":863,"title":864,"title_en":865,"pickup":16,"meta":866,"kv":871,"category":874,"information":876,"details":880},"r5nqs_bdm07","2025-08-26T02:14:56.749Z","2025-09-05T05:06:23.702Z","会社名に込められた想いをシンプルに表現する","Simply Expressing the Meaning Behind the Company Name",{"fieldId":18,"description":867,"description_en":868,"ogimage":869},"株式会社オズ - Works - 〜会社名に込められた想いをシンプルに表現〜","OZ Inc. – Works – Simply Expressing the Meaning Behind the Company Name",{"url":870,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c0c67c6a6a1b4ec296561a77089c13db/OGP.png",{"url":872,"height":873,"width":740},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b1fe475623564fe5aeee2314c334f887/01.png",2670,[875],{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"fieldId":43,"client":877,"client_en":878,"year":449,"link":879,"links":48},"OSBR SDN BHD","OSBR Inc.","https://www.osbrjp.com/en",[881,886,891,898],{"fieldId":51,"title":882,"title_en":883,"description":884,"description_en":885},"日本文化を体現するシンプルなデザイン","Simple Design That Embodies Japanese Culture","OSBRは、SNSやWebマーケティングを駆使して東南アジアでおしぼりのBtoC販売サービスを展開するために設立されたITベンチャー企業です。会社名の「OSBR」は、「おしぼり」の響きから生まれたネーミング。\n\nシンボルマークは「OSBR」の頭文字である「O」と、トレイに置かれたおしぼりを真上から見たイメージを重ね合わせたデザインです。おしぼりは、日本独自の「おもてなし」や「敬意」、そして「清潔さ」を象徴する文化的なアイコン。このシンボルには、日本が大切にしてきた「礼儀正しさ」や「誠実さ」という価値観を込めています。","OSBR is an IT venture company established to offer B2C oshibori (wet towel) sales services in Southeast Asia using SNS and web marketing. The company name, “OSBR,” is derived from the sound of the word “oshibori.”\n\nThe symbol mark combines the letter “O,” the first letter of OSBR, with a top-down view of an oshibori placed on a tray. The oshibori is a cultural icon that represents Japan’s unique values of omotenashi (hospitality), respect, and cleanliness. This symbol embodies the values Japan has long cherished: courtesy and integrity.",{"fieldId":55,"images":887,"type":890},[888],{"url":889,"height":776,"width":396},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3c998cde99334b289b93eac861ee81f7/03.png",[62],{"fieldId":55,"images":892,"type":897},[893],{"url":894,"height":895,"width":896},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/717d82cb74ef4ae39bc428e30c424fa5/_MConverter.eu_01.webp",2304,3700,[62],{"fieldId":51,"title":899,"title_en":900,"description":901,"description_en":902},"サービスの信頼性、として協調性と普遍性を兼ね備えて","Balancing Reliability with Both Cooperativeness and Universality","OSBRのシンボルマークは、シンプルでありながらも安心感と信頼感を与えるデザインを目指しました。おしぼりを手渡すときの丁寧な心遣いのように、マークを見た人に「心地よさ」と「品質への約束」を感じてもらえる存在であることを意識しています。このロゴが、OSBRの理念と想いを世界中に伝える大切な役割を果たしてくれることを願っています。\nさまざまな企業やブランドと協業しながら新しい価値を創造するOSBRにふさわしいよう、あらゆる媒体での視認性と他者との協調性を重視してデザインしました。過剰に主張するのではなく、OSBRã
49®èª å®Ÿã•と信頼性を静かに、しかし確かに伝えるために、シンプルさを徹底的に追求。長く愛される普遍的なデザインを目指しました。","The OSBR symbol mark was designed to be simple while conveying a sense of comfort and trust. Just like the careful consideration shown when handing someone an oshibori, we wanted the mark to give viewers a feeling of pleasantness and a commitment to quality. We hope this logo will play an important role in communicating OSBR’s philosophy and values to the world.\n\nTo reflect OSBR’s role in collaborating with various companies and brands to create new value, the design emphasizes visibility across all media and harmony with other elements. Rather than being overly assertive, we pursued simplicity to quietly but surely convey OSBR’s sincerity and reliability. The goal was to create a timeless design that will be loved for years to come.",{"id":904,"createdAt":905,"updatedAt":906,"publishedAt":907,"revisedAt":906,"title":908,"title_en":909,"pickup":16,"meta":910,"kv":915,"category":917,"information":927,"details":931},"c_t3650lek","2025-08-25T10:25:08.287Z","2026-06-09T09:58:41.890Z","2025-08-27T11:54:55.295Z","企業の歩む「道」を表現するリブランディング・Web刷新プロジェクト","Rebranding and Website Renewal Project Expressing the Company’s 'Path'",{"f
49ieldId":18,"description":911,"description_en":912,"ogimage":913},"株式会社オズ - Works - 〜五十嵐ホールディングス株式会社〜","OZ Inc. – Works – Igarashi Holdings Inc.",{"url":914,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/37cc1b0457c84c9a887f8024f275181d/ogp_igarashi.jpg",{"url":916,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ff78aecfad6742bc9e051628335953a5/igarashi_kv.jpg",[918,919,920,921,922,923,924,925,926],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"fieldId":43,"client":928,"client_en":929,"year":248,"link":930,"links":48},"五十嵐ホールディングス株式会社","IGARASHI Holdings Co., Ltd.","https://igarashi-hd.co.jp/",[932,940,945,954,959,964,969,982],{"fieldId":55,"images":933,"type":939},[934,936],{"url":935,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/6f5d4c9a960c4e42967e5ac79d7640bc/igarashi_5%E7%A4%BE.jpg",{"url":937,"height":938,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/dc1110bc72124cd4b64d344b4a83f945/igarashi_logoimg.webp",1310,[62],{"fieldId":51,"title":941,"title_en":942,"description":943,"description_en":944},"リブランディングとコーポレートサイト制作","Rebranding and Corporate Website Production","名寄市に根ざした企業グループのリブランディングプロジェクトに参画し、企業の新たな歩みを支援しました。3代にわたる企業の歩みを紐解くと、昭和32年に五十嵐砂利店として始まり、道路の舗装、土木工事、運送、と地続きに事業を拡大してきた同社の軌跡が見えてきました。この歩みを「道」という言葉を起点としたスローガンで表現し、名寄の地からその道を広げていく企業姿勢を込めた新しいロゴデザインを制作。さらに五十嵐ホールディングスおよびグループ5社のコーポレートサイトを手がけ、グループの連動性を高めるデザインフォーマットを構築しました。撮影ディレクションでは、ドローンを用いた採石場などの現場を撮影や、企業の歴史を刻んだ三輪オートを使用した撮影も実施。グループの歴史と誠実な姿勢を、サイトデザインにも落とし込んでいます。","We participated in the rebranding project of a corporate group rooted in Nayoro City, supporting the company’s new direction. Tracing the company’s history across three generations, we see that it began in 1957 as Igarashi Gravel, gradually expanding into road paving, civil engineering, and transportation.\n\nWe expressed this journey through a slogan inspired by the word “path” and created a new logo that embodies the company’s commitment to extending its path from Nayoro outward. Additionally, we developed the corporate websites for Igarashi Holdings and its five group companies, establishing a design format that strengthens the cohesion across the group.\n\nFor the photography direction, we captured sites such as quarries using drones and also photographed a three-wheeled auto that marks the company’s history. The design integrates the group’s history and integrity into the website, reflecting both its legacy and sincere corporate stance.",{"fieldId":55,"images":946,"type":953},[947,950],{"url":948,"height":949,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/21296265af37494b881edc785f80b2f5/igarashi_name_card.webp",1231,{"url":951,"height":952,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9b1833e2ea9048739cdacba3a83823a9/igarashi_pqmphlet.webp",1291,[62],{"fieldId":51,"title":955,"title_en":956,"description":957,"description_en":958},"一貫したVIで企業イメージを刷新","Refreshing the Corporate Image Through a Consistent Visual Identity","名刺や会社案内、封筒に至るまで、一貫したVI(ビジュアル・アイデンティティ)のもとでツールを展開し、企業イメージを刷新しました。名刺の角を丸くするディテール一つにおいても、ブランドコンセプトに基づいて選択しています。会社案内では、創業から現在に至る歴史と企業スローガンを一つのストーリーとして再構築。企業の歩みや想いを言語化することで、社員一人ひとりが企業スローガンを深く理解し、自分の言葉で伝えられるツールとなっています。","Under a unified Visual Identity (VI), we redesigned a full range of corporate communication tools, from business cards and company brochures to envelopes, revitalizing the company’s brand image. Every detail—including the rounded corners of the business cards—was carefully considered and aligned with the brand concept.\n\nThe company brochure was reimagined as a compelling brand story, weaving together the company’s history and corporate slogan into a single narrative. By clearly articulating the company’s heritage, vision, and values, the brochure enables employees to internalize the corporate slogan and communicate it confidently in their own words.",{"fieldId":55,"images":960,"type":963},[961],{"url":962,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/cf66bc4b95bd445e8ddd927a69171dff/igarashi_page2.jpg",[62],{"fieldId":51,"title":965,"title_en":966,"description":967,"description_en":968},"若年層向け採用サイトの制作","Creation of a Recruitment Site Targeting Young Talent","ターゲットとなる若年層求職者に特化した採用サイトを制作しました。砂利運搬から始まり、現在は太陽光発電や不動産事業でまちの発展に貢献する企業へと成長した同社の役割を踏まえ、「まちを進める人になる。」というコンセプトスローガンを開発ã€
49‚このメッセージには、地域と共に歩み続ける企業で働く意義と誇りを込めました。グループの歴史を表現するムービー制作も行い、創業からの歩み、企業理念、現在の事業展開を視覚的に伝える構成としました。静止画だけでは伝わりにくい企業の思いや現場の躍動感を映像で表現し、求職者が同社で働くイメージを具体的に描けるサイトに仕上げました。","We created a recruitment site specifically targeting young job seekers. Considering the company’s growth—from gravel transportation to contributing to local development through solar power and real estate businesses—we developed the concept slogan “Become the Person Who Advances the Town.” This message conveys the significance and pride of working for a company that grows together with its community.\n\nWe also produced a video expressing the group’s history, visually presenting the company’s journey since its founding, its corporate philosophy, and current business activities. By using motion visuals to convey aspects that still images cannot—such as the company’s spirit and the energy of the work environment—the site allows prospective employees to vividly imagine themselves working for the company.",{"fieldId":55,"images":970,"type":980},[971,974,976,978],{"url":972,"height":973,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0c61ecb11f1641ee881e88c379d02eb3/_MG_9149_1.jpg",1280,{"url":975,"height":973,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7ae9cfb2061a49be91bdd08b57be33db/_MG_9156_1.jpg",{"url":977,"height":973,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/fc0b7f7f68cc44f8a437bbdf8ecda42f/_MG_9160_1.jpg",{"url":979,"height":973,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/5a93dbd3079e44fc9eee022e072962d6/igarashi_design.webp",[981],"2カラム",{"fieldId":51,"title":983,"title_en":984,"description":985,"description_en":986},"日常から社員の気持ちを変化させる","Shaping Employee Mindsets Through Everyday Experiences","今回のブランディング刷新にあわせて作業服もリニューアルし、新しいロゴのデザインを取り入れました。作業服に袖を通した時から、仕事は始まります。社員一人ひとりが「五十嵐」の看板を背負い、現場に立つ。だからこそ、作業服はブランディングにおける象徴的なアイテムとなります。また、ホールディングスと傘下4社からなる五十嵐グループの構成に合わせ、作業服のカラーリングも2種類を展開。五十嵐の名を冠する2社にはグリーンを、舗装事業を担う2社にはグレーを採用し、グループとしての一体感を保ちながら、それぞれの個性を表現しています。さらに、ポロシャツや防寒着もあわせて製作し、あらゆるシーンで統一感のある企業イメージを構築しました。","As part of the brand renewal, the company’s workwear was redesigned to incorporate elements of the new logo. Work begins the moment employees put on their uniforms. Each individual steps onto the job site carrying the Igarashi name and representing the company. For this reason, workwear serves as one of the most visible symbols of the brand.\n\nTo reflect the structure of the Igarashi Group, consisting of a holding company and four subsidiaries, two color variations were developed for the uniforms. Green was assigned to the two companies bearing the Igarashi name, while gray was selected for the two paving-related companies. This approach maintains a sense of unity across the group while expressing the unique identity of each company.\n\nIn addition, polo shirts and winter jackets were produced to extend the visual identity across different situations, creating a consistent and recognizable corporate image throughout the organization.",{"id":988,"createdAt":989,"updatedAt":990,"publishedAt":989,"revisedAt":990,"title":991,"title_en":992,"pickup":16,"meta":993,"kv":994,"category":996,"information":998,"details":1002}
49,"seg8cyep3","2025-08-24T12:45:08.773Z","2026-06-09T13:07:25.407Z","おいしさを引き立てる季節カタログ","Seasonal Catalog That Enhances Deliciousness",{"fieldId":18},{"url":995,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0fc94ebc7aa44289b9567272ce649edd/royce_KV.png",[997],{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"fieldId":43,"client":999,"client_en":1000,"year":1001,"links":48},"株式会社ロイズコンフェクト","ROYCE' Confect Co.,Ltd.","2019",[1003,1009,1014],{"fieldId":55,"images":1004,"type":1007},[1005],{"url":1006,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d7db23182b2a40acad713c69d3dc2500/royce_1%E3%82%AB%E3%83%A9%E3%83%A01.png",[1008],"原寸",{"fieldId":51,"title":1010,"title_en":1011,"description":1012,"description_en":1013},"ロイズさまの通信販売を利用された方に届くカタログの制作依頼","Catalog Production Request for Customers Using Royce’s Mail Order Service","「届いたカタログに興味を持ってもらえること」と「商品がおいしく見えること」を制作する上で重視しており、カタログ内で使用する写真はテーマや構成、小道具に至る細かなところまで弊社からクライアントさまに提案します。カタログは季節ごとに発行されるため、商品のラインナップにさほど変化が無く\n目を引くデザインのページや、写真を大きく使用するページなどカタログ全体でメリハリをつけ読み飛ばされない工夫を心がけています。","We place great importance on making the received catalog interesting to the reader and making the products look delicious. For the photos used in the catalog, we propose details such as themes, layout, and props to the client. Since the catalog is published each season and the product lineup does not change significantly, we focus on creating variation throughout the catalog—such as eye-catching pages or pages with large photos—to ensure readers do not skip over it.",{"fieldId":55,"images":1015,"type":1018},[1016],{"url":1017,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/95bb7c1d2e3a4c19b2c4edcb8b9e40c7/royce_1%E3%82%AB%E3%83%A9%E3%83%A02.png",[1008],{"id":1020,"createdAt":1021,"updatedAt":1022,"publishedAt":1021,"revisedAt":1022,"title":1023,"title_en":1024,"pickup":16,"meta":1025,"kv":1026,"category":1028,"information":1030,"details":1032}
49,"bno0mnmoe2","2025-08-24T12:41:52.016Z","2025-10-03T05:09:18.973Z","試合の日もオフの日も楽しめるグルメガイド","A Gourmet Guide to Enjoy on Game Days and Off Days",{"fieldId":18},{"url":1027,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9dda023b02d148a9bb4e77207de0389d/63_escon_gourmetguide_kv.jpg",[1029],{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"fieldId":43,"client":834,"year":670,"link":1031,"links":48},"https://www.fighters.co.jp/expansion/gourmet/pdf/gourmetguide_2025_vol1.pdf",[1033,1038,1043],{"fieldId":51,"title":1034,"title_en":1035,"description":1036,"description_en":1037},"エスコンで配布されるグルメガイド制作","Production of a Gourmet Guide Distributed at ES CON","広告代理店様からのご依頼で、年2回発行されるエスコンのグルメガイドの制作です。このグルメガイドは、試合開催時に来場者へ配布されるため、多くの人の目に触れる重要な媒体です。表紙デザインは毎年、ファイターズの年間チームスローガンをイメージに取り入れることが条件であり、前回とはまったく違う、新鮮なデザインを求められます。そのため、過去の延長ではなく、毎回ゼロから発想を積み重ねていく必要があります。","This project involves producing ES CON’s gourmet guide, published twice a year, at the request of an advertising agency. Since this guide is distributed to visitors during game days, it is an important medium that reaches a wide audience. The cover design must each year incorporate the Fighters’ annual team slogan, and a completely fresh design—different from the previous edition—is required. Therefore, instead of extending past designs, it is necessary to start from scratch and build ideas from the ground up each time.",{"fieldId":55,"images":1039,"type":1042},[1040],{"url":1041,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/037451b095ec4deca926bc832c2296e3/63_escon_gourmetguide_1col.jpg",[1008],{"fieldId":51,"title":1044,"title_en":1045,"description":1046,"description_en":1047},"情報を整理し、試合のない日も足を運びたくなるわかりやすい紙面へ","Organize Information into an Easy-to-Understand Layout That Encourages Visits Even on Non-Game Days","中面の制作は台割をもと構成や情報整理を行い、お店まで迷わずにたどり着けるよう「見やすく、わかりやすく」を基本に、エスコンでの食事体験がさらに楽しくなるような内容づくりを意識しています。クライアントの意図をくみ取り、デザインとレイアウトに落とし込む力が求められ、伝わるレイアウトと親しみやすいデザインを両立させることを意識しています。その結果、クライアントからも高い評価をいただき、次回も継続してご依頼いただける実績につながっています。","The inner pages are created based on the page plan, organizing content so that readers can easily navigate to each restaurant without getting lost. The focus is on making the layout clear and easy to understand while enhancing the dining experience at ES CON. It requires the ability to interpret the client’s intentions and translate them into design and layout, balancing a layout that communicates effectively with a design that feels approachable. As a result, the work has received high praise from the client and has led to repeat commissions.",{"id":1049,"createdAt":1050,"updatedAt":1051,"publishedAt":1050,"revisedAt":1051,"title":1052,"title_en":1053,"pickup":16,"meta":1054,"kv":1055,"category":1057,"information":1060,"details":1063}
49,"4xs4w2lyb4oi","2025-08-24T12:36:29.280Z","2025-10-03T05:14:30.099Z","スピードとデザインで支えるサイト運営","Website Management Supported by Speed and Design",{"fieldId":18},{"url":1056,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/4c536f119e0148efa4b6a784bbb3f720/62_cmf_blog_kv.jpg",[1058,1059],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"fieldId":43,"client":1061,"client_en":1061,"year":670,"link":1062,"links":48},"CARTA MARKETING FIRM","https://carta-marketing-firm.co.jp/blog/",[1064],{"fieldId":51,"title":1065,"title_en":1066,"description":1067,"description_en":1068},"サイト運営を支えるデザインとスピード対応","Design and Fast Response Supporting Website Management","クライアントであるマーケティング会社様の自社サイト運営をサポートし、ブログ記事やサービス紹介ページの制作を担当しました。ブログ記事やサービス紹介に使うサムネイル画像については、汎用性のあるフォーマットを作成。これをもとに展開することで、スムーズかつ統一感のあるデザインを実現しました。毎月およそ15本のサムネイル制作とページ作成を継続して行い、運用体制を整えて進行。特にブログや最新情報の更新はスピードが重視されるため、迅速に対応できるチーム体制を構築。効率的に作業を進めながらも、更新情報をいち早く届けられるよう心がけました。また、複数の案件が同時に進行するため、スケジュール管理も重要なポイント。タイトなスケジュールの中でも安定して対応できる仕組みをつくることで、クライアントの信頼につながりました。","We supported the client, a marketing company, with the management of their corporate website and were responsible for creating blog articles and service introduction pages. For thumbnails used in blog posts and service pages, we developed a versatile format. Using this as a base allowed for smooth and consistent design. We consistently produced around 15 thumbnails and pages per month, establishing an efficient workflow. Speed is especially important for blog and news updates, so we built a team structure capable of responding quickly. While working efficiently, we also ensured that updates reached users as soon as possible. With multiple projects running simultaneously, schedule management was crucial. By creating a system that maintained stability even under tight deadlines, we were able to earn the client’s trust.",{"id":1070,"createdAt":1071,"updatedAt":1072,"publishedAt":1071,"revisedAt":1072,"title":1073,"title_en":1074,"pickup":16,"meta":1075,"kv":1076,"category":1078,"information":1081,"details":1084}
49,"nkeqscbde","2025-08-24T12:33:14.819Z","2025-10-03T05:21:18.738Z","北海道GXの未来を描くわかりやすい図解デザイン","Clear Diagram Design Depicting the Future of Hokkaido GX",{"fieldId":18},{"url":1077,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b210472c2cbe41119ba690888346e4b1/61_GX15d_KV.jpg",[1079,1080],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":656,"createdAt":657,"updatedAt":658,"publishedAt":657,"revisedAt":659,"title":660,"title_en":661},{"fieldId":43,"client":1082,"client_en":1083,"year":248,"links":48},"北海道新聞社","The Hokkaido Shimbun Press",[1085,1090,1097],{"fieldId":51,"title":1086,"title_en":1087,"description":1088,"description_en":1089},"北海道GXの未来を描く図解づくり","Creating Diagrams Depicting the Future of Hokkaido GX","北海道で進むGX(グリーントランスフォーメーション)の取り組みを「今の動きが未来にどうつながるのか」という視点で、高校生や大学生でも理解できるよう図解化してわかりやすく伝えられないかと相談があり制作。新聞15段サイズの大きな紙面としてデザインし、GX関連のイベントなどで配布されました。ゼロベースでの図解制作だったため、まずはイラストのタッチからトンマナを決定し、GXの内容そのものを学びながら、未来の姿をどう描くべきかをクライアントに取材しつつ進めました。知識を整理しながらデザインへ落とし込む作業は簡単ではありませんでしたが、複雑な情報をかみ砕き、多くの人に伝わる形にすることを意識しました。","We were asked to create diagrams explaining Hokkaido’s GX (Green Transformation) initiatives from the perspective of “how current actions connect to the future,” in a way that even high school and university students could easily understand. The diagrams were designed as a large newspaper-format layout (15 columns) and distributed at GX-related events.\n\nSince this was a diagram created from scratch, we first decided on the illustration style and overall visual tone. While learning about the GX initiatives themselves, we conducted interviews with the client to determine how to depict the future state. Organizing the knowledge and translating it into design was not easy, but we focused on breaking down complex information and presenting it in a way that could be easily understood by a wide audience.",{"fieldId":55,"images":1091,"type":1096},[1092],{"url":1093,"height":1094,"width":1095},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c51b44575c354950b409fc64a85d5966/61_GX15d_1col.jpg",701,1194,[1008],{"fieldId":51,"title":1098,"title_en":1099,"description":1100,"description_en":1101},"わかりやすさと希望を伝えるデザイン","Design That Communicates Clarity and Hope","図解化にあたっては「どうすれば初めてGXに触れる人でも理解できるか」を大切にし、何度もクライアントと打ち合わせを重ねました。特に工夫したのは、GXを文字情報だけで説明するのではなく、イラストを通じて流れや未来像が自然に伝わるようにすること。さらに「未来は明るい」という前向きな雰囲気をデザインのベースに据え、見た人が希望を感じられる仕上がりを目指しました。その結果、クライアントからは「とてもわかりやすい図解になった」と喜んでいただきました。","In creating the diagrams, we prioritized making the content understandable even for those encountering GX for the first time, holding multiple meetings with the client to refine the approach. A key focus was not just explaining GX with text, but using illustrations to naturally convey the processes and future vision. We also based the design on a positive atmosphere, emphasizing that \"the future is bright,\" aiming for a result that would inspire hope in viewers. As a result, the client expressed their satisfaction, saying, \"It has become a very easy-to-understand diagram.\"",{"id":1103,"createdAt":1104,"updatedAt":1105,"publishedAt":1104,"revisedAt":1105,"title":1106,"title_en":1107,"pickup":16,"meta":1108,"kv":1109,"category":1111,"information":1117,"details":1118}
49,"4_erheggdf5","2025-08-24T12:27:37.980Z","2025-10-03T05:32:41.242Z","ポップでカラフルに楽しむWebすごろく","Enjoy a Fun, Colorful Web Sugoroku Game",{"fieldId":18},{"url":1110,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/1d3e828a6ea5409c9c2f39d71a8b2f6c/%E3%82%B7%E3%83%BC%E3%83%A2%E3%82%A2BLKV.png",[1112,1113,1114,1115,1116],{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"id":656,"createdAt":657,"updatedAt":658,"publishedAt":657,"revisedAt":659,"title":660,"title_en":661},{"fieldId":43,"agency":410,"agency_en":410,"client":448,"year":248,"links":48},[1119,1124,1131],{"fieldId":51,"title":1120,"title_en":1121,"description":1122,"description_en":1123},"年末年始を彩る、遊んで広がるすごろくキャンペーン","A Sugoroku Campaign to Brighten the Year-End and New Year – Play and Expand the Fun","多くのユーザーが集まる特別な時期に、「作品に触れるきっかけを増やしたい」「繰り返しアプリに訪れてもらいたい」という想いを受けて、私たちはWeb上で遊べるすごろく形式のコンテンツをご提案。単なる販促にとどまらず、ユーザー体験そのものを楽しさを提供し、自然と再訪・拡散につながる仕組みを設計しました。\n止まったマスでは「BL作品にまつわるお題」が表示され、SNSにシェアすることで他のファンとも共感や熱量を共有でき、参加者の能動的なアクションが広がりを生み、コミュニティ全体の盛り上がりへとつながる構造です。","During this special period when many users gather, we received the client’s wishes: “we want to increase opportunities for users to engage with the works” and “we want them to visit the app repeatedly.” In response, we proposed a web-based sugoroku-style game. Rather than simply serving as a promotional tool, the content was designed to make the user experience itself enjoyable, naturally encouraging revisits and sharing.\n\nWhen players land on a square, a prompt related to BL works appears, and by sharing it on social media, users can connect and resonate with other fans. This encourages active participation, creating a ripple effect that boosts the engagement and excitement of the entire community.",{"fieldId":55,"images":1125,"type":1130},[1126,1128],{"url":1127,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/10c887760699465a97048a2e2aa4f0c3/%E3%82%B7%E3%83%BC%E3%83%A2%E3%82%A2BL_1%E3%82%AB%E3%83%A9%E3%83%A01.png",{"url":1129,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b63431b9a6d543518c91574c2beb9197/%E3%82%B7%E3%83%BC%E3%83%A2%E3%82%A2BL_1%E3%82%AB%E3%83%A9%E3%83%A02.png",[981],{"fieldId":51,"title":1132,"title_en":1133,"description":1134,"description_en":1135},"ターゲット層に合わせたポップでカラフルなクリエイティブ","Playful and Colorful Creatives Tailored to the Target Audience","デザイン面では、ターゲット層に向けて、ポップでカラフル、そして遊び心のある世界観を構築。ハートやラブレター、吹き出しなど恋愛を連想させるモチーフに加え、マンガ的なあしらいを取り入れることで、軽やかで親しみやすい表現に仕上げました。特定の作品を扱わないからこそ、幅広いユーザーが自分の好きな作品を重ねられる余白を大切にしています。","On the design side, we created a playful, colorful world tailored to the target audience. By incorporating motifs associated with romance—such as hearts, love letters, and speech bubbles—along with manga-style embellishments, we achieved a lighthearted and approachable expression. Because no specific work is featured, we intentionally left space for a wide range of users to project their favorite titles onto the experience.",{"id":1137,"createdAt":1138,"updatedAt":1139,"publishedAt":1138,"revisedAt":1139,"title":1140,"title_en":1141,"pickup":16,"meta":1142,"kv":1143,"category":1145,"information":1149,"details":1153}
49,"o094i-u6-cs","2025-08-21T11:32:10.613Z","2025-10-03T08:58:23.369Z","話しにくい悩みに安心を届ける","Providing Comfort for Difficult-to-Talk-About Concerns",{"fieldId":18},{"url":1144,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/21d7386a61b349d392d01b8417c53ece/lalafem_kv.jpg",[1146,1147,1148],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"fieldId":43,"agency":410,"agency_en":410,"client":1150,"client_en":1151,"year":670,"link":1152,"links":48},"アサヒグループ食品","Asahi Group Foods, Ltd.","https://www.asahi-gf.co.jp/special/lalafem/",[1154,1159,1164,1169],{"fieldId":51,"title":1155,"title_en":1156,"description":1157,"description_en":1158},"更年期世代の女性に向けた新商品LP制作","New Product Landing Page Creation for Women in the Menopausal Age Group","アサヒグループ食品から新商品を発売するにあたり、LP制作の依頼をいただきました。商品の主なターゲットは40代以上の女性で、更年期の症状に悩む方々です。こうした方々は、家族や親しい友人にも症状の悩みを話しにくい場合が多く、ネガティブなイメージを避けつつ、商品の購入に前向きになってもらえる明るく温かいデザインを目指しました。代理店の担当者と密にデザインイメージをすり合わせながら制作を進め、サイト全体が安心感と親しみを持てる雰囲気になるよう工夫しました。発売当初には、イメージキャラクターとしてタレントのはしのえみさんが起用され、KVや動画コンテンツに登場。彼女の明るく前向きなイメージを通して、商品の魅力をさらに引き立てる狙いがありました。","Asahi Group Foods requested the production of a landing page (LP) for a new product launch. The main target audience for the product is women in their 40s and older who experience menopausal symptoms. These women often find it difficult to talk about their symptoms even with family or close friends. With this in mind, we aimed for a bright and warm design that avoids negative impressions while encouraging a positive attitude toward purchasing the product.\n\nWe worked closely with the agency’s representatives to align on the design concept, ensuring that the overall site conveys a sense of reassurance and approachability. At the time of the launch, the talent Emi Hashino was appointed as the image character and appeared in key visuals and video content. Through her bright and positive image, the goal was to further enhance the product’s appeal.",{"fieldId":55,"images":1160,"type":1163},[1161],{"url":1162,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/71f486eac0b549e0978a4f344cb5e5bc/LP-01.jpg",[1008],{"fieldId":51,"title":1165,"title_en":1166,"description":1167,"description_en":1168},"動画や調査結果で伝える「ゆらぎ」とフェムケア","Fluctuations’ and Femcare Conveyed Through Videos and Survey Results","コンテンツには、動画や「ライフヒントカード」と呼ばれる、タップすると更年期との向き合い方のヒントが見られる仕組みを導入しました。「みんなはどうしているのだろう?」と思っても、人には話しにくいテーマだからこそ、サイトで気軽に情報を得られる設計です。また、「ゆらぎ」と「ゆらぎのケア」に関して、40〜59歳の女性500人を対象に調査を実施。「40代からの女性のゆらぎ」や「フェムケア」に対する意識を明らかにし、サイト内のページでわかりやすく紹介しました。こうして、商品を知るだけでなく、自分の体や気持ちと向き合うきっかけになるコンテンツとして、ユーザーに寄り添ったLP制作を実現しました。","The content includes videos and a feature called “Life Hint Cards,” which allow users to tap and see tips on how to cope with menopausal changes. Because this is a topic that many women find difficult to discu
49ss with others—thinking, “I wonder how everyone else is handling this?”—the site is designed to provide information in an easy and approachable way.\n\nIn addition, a survey was conducted with 500 women aged 40–59 regarding “fluctuations” and “care for fluctuations.” This clarified attitudes toward “fluctuations in women in their 40s” and femcare, which were then presented clearly on dedicated pages within the site. Through this approach, the LP was designed not only to introduce the product but also to serve as content that encourages users to reflect on their own bodies and feelings, creating a user-centered experience.",{"fieldId":55,"images":1170,"type":1173},[1171],{"url":1172,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f02d63211b3e445781f660d90e4fdd35/LP-02.jpg",[1008],{"id":1175,"createdAt":1176,"updatedAt":1177,"publishedAt":1176,"revisedAt":1177,"title":1178,"title_en":1179,"pickup":16,"meta":1180,"kv":1181,"category":1183,"information":1190,"details":1194}
49,"g9g2zbnznvrs","2025-08-21T11:28:11.376Z","2025-10-03T09:15:25.067Z","医療のリアルを学生へ。信頼を伝えるリニューアル","Conveying the Realities of Medicine to Students: A Trust-Building Website Renewal",{"fieldId":18},{"url":1182,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/48a4df92b53c464085006b38c20d989c/kv.jpg",[1184,1185,1186,1187,1188,1189],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},{"fieldId":43,"client":1191,"client_en":1192,"year":248,"link":1193,"links":48},"株式会社 竹山","TAKEYAMA Co., ltd.","https://www.takeyama.co.jp/",[1195,1200,1205,1210,1215],{"fieldId":55,"images":1196,"type":1199},[1197],{"url":1198,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/fc7c50e7e78b46a1a507a1d4a1f95df4/%E3%82%B3%E3%83%BC%E3%83%9B%E3%82%9A%E3%83%AC%E3%83%BC%E3%83%88.jpg",[1008],{"fieldId":51,"title":1201,"title_en":1202,"description":1203,"description_en":1204},"信頼感を重視したコーポレートサイトリニューアル","Corporate Website Renewal Focused on Building Trust","お客様は医療機器の卸販売を手がける株式会社竹山様。新卒採用を強化したいという思いから、採用サイトの新規制作とコーポレートサイトのリニューアルをご相談いただきました。長年使われてきたコーポレートサイトは情報が最新化されておらず、操作性にも不便さがあり、事業内容を十分に伝えきれないという課題を抱えていました。そこで、情報は必要最低限に整理し、シンプルでわかりやすい設計を実現。医療業界に欠かせない「信頼性」「誠実さ」「清潔感」を印象づけるデザインとしました。また、同社が医療現場へ商品を「届ける」という使命を、ページ全体に流れる曲線のモチーフで表現。コーポレートサイトと合わせて会社案内パンフレットも刷新し、統一感のあるブランドイメージを確立しました。","The client is Takeyama Co., Ltd., a company engaged in wholesale distribution of medical devices. They approached us to create a new recruitment website and to renew their corporate site, motivated by a de
49sire to strengthen their new graduate hiring efforts.\n\nThe long-used corporate site had not been updated with the latest information, suffered from usability issues, and struggled to fully convey the company’s business activities. In response, we streamlined the content to include only essential information and implemented a simple, easy-to-understand design. The design emphasizes the qualities essential to the medical industry: trustworthiness, integrity, and cleanliness.\n\nAdditionally, the company’s mission of “delivering products to medical sites” is expressed through curved motifs that flow across the pages. Alongside the corporate site renewal, the company’s brochure was also redesigned, creating a consistent and unified brand image.",{"fieldId":55,"images":1206,"type":1209},[1207],{"url":1208,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/390b5c4b02a143dba0aaeec4b2745475/%E6%8E%A1%E7%94%A8.jpg",[1008],{"fieldId":51,"title":1211,"title_en":1212,"description":1213,"description_en":1214},"学生の誤解を解き、リアルを伝える採用サイト","Recruitment Website That Clears Up Misconceptions and Conveys the Realities to Students","採用サイト制作にあたっては、まず採用担当者へのヒアリングを行い、採用活動の課題を深掘りしました。その中で明らかになったのは、多くの学生が「医療の専門知識がないと働けない」「昼夜を問わず緊急対応がある」といった誤解を持っていること。実際の現場とのギャップを埋めるために、採用サイトでは社員インタビューを通じてリアルな声を届ける構成としました。さらに「株式会社竹山とはどんな会社か」をしっかり伝えるために、企業理念を紐解き、採用コピーとステートメントを制作。コピーの“「届ける」の先へ、まっすぐ。”を象徴するように、まっすぐ正面を見つめる社員の姿をキービジュアルに採用しました。公開後はセミナー参加学生の多くが事前にサイトを閲覧しており、採用担当者から「学生の理解度が格段に上がった」と嬉しい報告をいただいています。","For the creation of the recruitment website, we first conducted interviews with the HR team to deeply explore the challenges in their hiring process. One key insight that emerged was that many students held misconceptions such as, “You can’t work here without medical expertise” or “There are emergency duties day and night.”\n\nTo bridge the gap between these perceptions and the reality of the workplace, the recruitment site was structured to deliver authentic voices through employee interviews.\n\nAdditionally, to clearly convey what kind of company Takeyama Co., Ltd. is, we explored its corporate philosophy and crafted recruitment messaging and statements. The key visual features an employee looking straight ahead, symbolizing the copy: “Beyond ‘Delivering,’ straight ahead.”\n\nAfter the site’s launch, many students who attended seminars had already visited the site beforehand. The HR team reported with delight that students’ understanding of the company had increased significantly.",{"fieldId":55,"images":1216,"type":1221},[1217,1219],{"url":1218,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d3cacd3528094be989b37950a75cceb4/%E3%83%8F%E3%82%9A%E3%83%B3%E3%83%95%E3%83%AC%E3%83%83%E3%83%88.jpg",{"url":1220,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f69426aaf1d8442fbc2f597e6e0908b9/%E3%83%8F%E3%82%9A%E3%83%B3%E3%83%95%E3%83%AC%E3%83%83%E3%83%8802.jpg",[981],{"id":1223,"createdAt":1224,"updatedAt":1225,"publishedAt":1224,"revisedAt":1225,"title":1226,"title_en":1227,"pickup":16,"meta":1228,"kv":1229,"category":1231,"information":1234,"details":1238}
49,"bokud8bqlkc8","2025-08-21T11:16:11.773Z","2025-10-03T09:27:15.475Z","若年層に響く“かわいい”を追求した10周年記念LP","10th Anniversary LP Pursuing ‘Cuteness’ That Resonates with Young Audiences",{"fieldId":18},{"url":1230,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d6985ea438c44054930e1af4a0ddf9ce/CEZANNE_KV.jpg",[1232,1233],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"fieldId":43,"agency":1235,"agency_en":1236,"client":410,"client_en":410,"year":248,"link":1237,"links":48},"セザンヌ化粧品","Cézanne Cosmetics","https://www.cezanne.co.jp/campaign/hishiteka10/",[1239,1244,1249,1254],{"fieldId":51,"title":1240,"title_en":1241,"description":1242,"description_en":1243},"10周年記念LPの制作依頼","Request for the Production of a 10th Anniversary LP","今回、広告代理店のお客さまから、セザンヌで販売中の下地が販売開始から10周年を迎えることを記念したプロモーションLPの制作依頼をいただきました。ターゲットは若年層で、デザインは「若年層にウケるかわいいイメージ」という明確な要望がありました。そのイメージをもとにデザインを制作したところ、実際に「かわいい」と好評をいただくことができました。さらに「動きのあるLPにしたい」という希望もあり、多数のアニメーションを取り入れることになりました。アニメーションのイメージをお客さまとすり合わせる作業には特に時間をかけ、テストアップの段階から何度も修正を重ね、ブラッシュアップしていきました。","This time, an advertising agency client requested the creation of a promotional landing page (LP) to commemorate the 10th anniversary of a primer sold by Cézanne Cosmetics. The target audience was young people, and there was a clear request for a design that conveyed a “cute image appealing to young audiences.”\n\nBased on this concept, we created the design, which was well-received and praised as “cute.” Additionally, the client wanted the LP to be dynamic, so we incorporated numerous animations. We devoted significant time to aligning the animation concepts with the client, repeatedly refining and adjusting them from the test stage to achieve a polished final result.",{"fieldId":55,"images":1245,"type":1248},[1246],{"url":1247,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/13681d139d364931885f751523b57918/CEZANNE_mockup.jpg",[1008],{"fieldId":51,"title":1250,"title_en":1251,"description":1252,"description_en":1253},"ワイヤーフレームからの改善と学び","Improvements and Lessons Learned from the Wireframe","お客さまの要望をしっかり叶えるためには、最初のワイヤーフレームの段階で「実現可能かどうか」を見極めることが重要でした。場合によっては「このアニメーションをつけるならこうしたほうが良い」という提案をもとに、ワイヤーフレーム自体をこちらで修正する必要もありました。この点は次回の課題として整理し、お客さまにも納得していただきました。多数のアニメーションを使用した経験から、デザインデータの作り方や、お客さまとイメージをすり合わせる重要性を改めて学ぶことができ、制作チームにとって非常に有意義なプロジェクトとなりました。","To fully meet the client’s requests, it was crucial to assess the feasibility of the design at the very wireframe stage. In some cases, based on suggestions such as “if we add this animation, it would be better to do it this way,” we needed to revise the wireframe itself. We documented this as a lesson for future projects and ensured the client understood and agreed with the approach.\n\nThrough our experience using numerous animations, we were able to reaffirm best practices for creating design files and the importance of aligning the visual concept with the client. Overall, this became an extremely valuable project for the production team.",{"fieldId":55,"images":1255,"type":1260},[1256,1258],{"url":1257,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c0f980eae95d4d8ca3b05df7bfaeb380/SP-01.jpg",{"url":1259,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/42245cce78e14bea9206bee4d14caf0b/SP-02.jpg",[981],{"id":1262,"createdAt":1263,"updatedAt":1264,"publishedAt":1263,"revisedAt":1264,"title":1265,"title_en":1266,"pickup":16,"meta":1267,"kv":1268,"category":1270,"information":1280,"details":1284}
49,"fwjbu7fvl","2025-08-21T11:09:35.183Z","2025-10-03T09:42:42.990Z","週ごとに変わる楽しさを届ける","Delivering Fun That Changes Week by Week",{"fieldId":18},{"url":1269,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/976dc724d717449897c93749ac9f7880/%E4%BA%8B%E4%BE%8B%E7%B4%B9%E4%BB%8B_%E7%AC%AC%E4%B8%80A_%E3%83%A1%E3%82%A4%E3%83%B3.jpg",[1271,1272,1273,1274],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":1275,"createdAt":1276,"updatedAt":1277,"publishedAt":1276,"revisedAt":1277,"title":1278,"title_en":1279},"site-ec","2025-06-09T07:02:57.439Z","2025-08-21T04:23:10.906Z","ECサイト","EC Site",{"fieldId":43,"client":1281,"client_en":1282,"link":1283,"links":48},"コープデリ連合会(関東)、コープ東北サンネット事業連合、コープ北陸事業連合","Co-op Deli Federation (Kanto), Co-op Tohoku Sunnet Business Federation, Co-op Hokuriku Business Federation","https://www.coopdeli.jp/",[1285,1290,1295],{"fieldId":51,"title":1286,"title_en":1287,"description":1288,"description_en":1289},"コープ宅配サイトの運用と工夫","Operation and Enhancements of the Co-op Home Delivery Website","弊社が担当しているのは、各地域に展開されている「コープの宅配」注文サイトの運用です。一般的なECサイトとは少し違い、コープでは週に1回の注文・配達が基本。さらに、隔週ごとに取り扱い商品が入れ替わるため、利用者が翌週の食事をイメージしやすいような工夫が欠かせません。単なる商品販売の場ではなく、日々の食卓を思い描けるような情報発信を心がけています。\nまた、サイト運営において週ごとの企画立案も重要な役割です。地域ごとの食の傾向や季節の行事を踏まえ、さらに「今週と来週で商品が変わる」というコープならではの特徴を活かしながら、ユーザーに新しい発見や楽しみを提供できるようにしています。","Our team is responsible for managing the “Co-op Home Delivery” ordering websites, which are operated across various regions. Unlike typical e-commerce sites, Co-op is based on weekly orders and deliveries, and the available products rotate every other week. This requires thoughtful design so that users can easily imagine their meals for the upcoming week. The site is not just a place to sell products; we strive to provide information that helps users envision their daily dining experience.\n\nIn addition, planning weekly content is an important part of site management. Taking into account regional food preferences and seasonal events, and leveraging the unique Co-op feature that products change week to week, we aim to offer users new discoveries and enjoyable experiences with each visit.",{"fieldId":55,"images":1291,"type":1294},[1292],{"url":1293,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/aa6bc01bc841444887a3f04fd6277383/%E4%BA%8B%E4%BE%8B%E7%B4%B9%E4%BB%8B_%E7%AC%AC%E4%B8%80A_KV.jpg",[1008],{"fieldId":51,"title":1296,"title_en":1297,"description":1298,"description_en":1299},"多様な利用者に合わせた提案と改善","Proposals and Improvements Tailored to Diverse Users"," コープの宅配サービスといえば、以前はカタログでの注文が主流でした。しかし近年は、インターネットを利用する30〜50代を中心にWEB注文の割合が着実に増加しています。そこで、家族構成やライフスタイルの多様化に合わせて「食の特集」を企画し、どの世代にも“使いやすく、見やすい”サイトを目指して改善を重ねています。\n週ごとの企画立案にとどまらず、変化の早いWeb環境に合わせたUIの最適化や、サービス全体の長期的な在り方を見直す取り組みも継続的に行っています。こうした取り組みにより、コープの宅配がこれからも「頼りになる存在」として選ばれ続けるよう努めています。","Co-op’s home delivery service was once primarily based on catalog orders. However, in recent years, the proportion of web orders has steadily increased, particularly among users in their 30s to 50s who use the internet regularly. In response, we plan food-themed features tailored to diverse family structures and lifestyles, continuously improving the site to make it easy to use and easy to navigate for all generations.\n\nOur efforts go beyond weekly content planning. We also continuously optimize the UI to keep pace with the rapidly changing web environment and review the long-term direction of the service as a whole. Through these initiatives, we strive to ensure that Co-op Home Delivery continues to be a reliable choice for users.",{"id":1301,"createdAt":1302,"updatedAt":1303,"publishedAt":1304,"revisedAt":1303,"title":1305,"title_en":1306,"pickup":16,"meta":1307,"kv":1308,"category":1310,"information":1314,"details":1316},"hpgzoi-kr1","2025-08-21T10:44:03.373Z","2025-08-22T08:20:23.200Z","2025-08-21T10:44:17.663Z","食べたい!と思わせる、30周年を彩るLPデザイン","An Irresistible Landing Page Design to Celebrate the 30th Anniversary",{"fieldId":18},{"url":1309,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2e7a518ad49748b1aef213189a857322/%E4%BA%8B%E4%BE%8B%E7%B4%B9%E4%BB%8B_%E7%AC%AC%E4%B8%80B_%E3%83%A1%E3%82%A4%E3%83%B3.jpg",[1311,1312,1313],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"client":1315,"year":449,"links":48},"日本生協連",[1317,1320,1325],{"fieldId":51,"title":1318,"description":1319},"デザインで伝える30周年の魅力","サイトのデザインでは、明るいオレンジを基調としたカラーリングで、食欲をそそる温かさを表現。大きく配置したカップ麺の写真は、湯気まで感じられるようなリアルさで「今すぐ食べたい」という気持ちを引き出します。さらに、30周年を記念したロゴやキャッチコピーを目立つ位置に置くことで、ブランドの歴史と信頼感を自然に伝えています。\nまた、イラストやアイコンを効果的に用いることで、栄養バランスや原材料の特長などをひと目で理解できる工夫も随所に盛り込まれています。テキスト情報だけでは伝わりにくい内容を、視覚的にわかりやすく補完することで、誰もが楽しみながら読み進められる構成にしています。",{"fieldId":55,"images":1321,"type":1324},[1322],{"url":1323,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2df56a2d62524ff7bfa908f5beb11188/%E4%BA%8B%E4%BE%8B%E7%B4%B9%E4%BB%8B_%E7%AC%AC%E4%B8%80B_KV%E7%94%BB%E5%83%8F.jpg",[1008],{"fieldId":51,"title":1326,"description":1327},"「楽しい」「美味しい」を感じさせる表現","ユーザーの声を掲載するコーナーでは、笑顔の写真と手書き風フォントを組み合わせることで、温かみや親近感を演出。単なるプロモーションではなく、「食べる人のリアルな喜び」をストレートに伝えるデザインに仕上げています。\n全体を通して、情報を押し付けるのではなく、ワクワク感を持って読み進められるストーリーテリングを重視。楽しさと信頼感を両立させる表現により、30年にわたり愛され続けてきた理由を視覚的にも納得していただけるようにしました。",{"id":1329,"createdAt":1330,"updatedAt":1331,"publishedAt":1330,"revisedAt":1331,"title":1332,"title_en":1333,"pickup":16,"meta":1334,"kv":1339,"category":1341,"information":1345,"details":1349},"4wcdn0758hd","2025-08-21T07:58:00.634Z","2025-08-21T08:54:05.639Z","社員のリアルな声を届ける取材・撮影・ライティング","Interviews, Photography, and Writing That Capture Employees’ Authentic Voices",{"fieldId":18,"description":1335,"description_en":1336,"ogimage":1337},"株式会社オズ - Works - 〜社員のリアルな声を届ける取材・撮影・ライティング〜","Oz Inc. – Works – Interviews, Photography, and Writing That Capture Employees’ Authentic Voices",{"url":1338,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2853f9cec1514b8eb15573fe034afaf0/OGP.png",{"url":1340,"height":396,"width":397},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/4226df2a7db44ee780b62b562bb0b8b7/01.jpg",[1342,1343,1344],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},{"fieldId":43,"client":1346,"client_en":1347,"year":449,"link":1348,"links":48},"良品計画","Ryohin Keikaku Co., Ltd.","https://careers.muji.com/jp/career",[1350,1355],{"fieldId":51,"title":1351,"title_en":1352,"description":1353,"description_en":1354},"リアルな声を引き出す取材と編集","Interviews and Editing That Bring Out Authentic Voices","「無印良品ã
49§åƒãäººã®ãƒªã‚¢ãƒ«ãªå£°ã‚’伝えたい」という想いを受け、私たちは取材・撮影・ライティングを一貫して担当しました。ブランドの持つ誠実さや等身大の魅力を損なうことなく、働く人々の表情や言葉を読者に届けることを目指しています。取材ではクロストークや単独インタビューなど複数形式を企画し、事前に作成した取材シートを基に当日はファシリテーターとして自然な会話の流れを作り、社員の方々が語るやりがいや挑戦を引き出しました。得られた言葉はそのまま掲載するのではなく、意図や背景を丁寧に編集し、求職者が自分の将来像を重ねやすいストーリーへと再構成しています。","Responding to the desire to “share the authentic voices of people working at MUJI,” we handled interviews, photography, and copywriting in a fully integrated manner. Our goal was to convey the expressions and words of employees to readers without compromising the brand’s sincerity or relatable charm.\n\nFor the interviews, we planned multiple formats, including cross-talk sessions and one-on-one interviews. Using pre-prepared interview sheets as a guide, we acted as facilitators to create a natural flow of conversation, drawing out employees’ thoughts on their motivations and challenges.\n\nThe collected statements were not published verbatim; instead, we carefully edited them to preserve context and intent, restructuring the content into stories that allow job seekers to envision their own potential future at the company.",{"fieldId":51,"title":1356,"title_en":1357,"description":1358,"description_en":1359},"多拠点での撮影とブランド表現","Multi-Location Photography and Brand Expression","撮影では都内・郊外・静岡・秋田の複数拠点を訪れ、多彩なシーンを収めました。店舗のレイアウトや商品ディスプレイを背景として活かし、働く人の姿をブランドらしい誠実さと親しみやすさで表現。単なる記録写真ではなく、現場の空気感や雰囲気まで伝わる構図を意識してディレクションしました。","For the photography, we visited multiple locations, including Tokyo, the suburbs, Shizuoka, and Akita, capturing a wide variety of scenes. We utilized store layouts and product displays as backdrops, portraying employees with the brand’s characteristic sincerity and approachability. Rather than taking simple documentary shots, we directed the photography to convey the atmosphere and energy of each location, ensuring the compositions reflected the feel of the workplace.",{"id":1361,"createdAt":1362,"updatedAt":1363,"publishedAt":1362,"revisedAt":1363,"title":1364,"title_en":1365,"pickup":16,"meta":1366,"kv":1371,"category":1374,"information":1379,"details":1383},"506bchga1woj","2025-08-20T08:20:57.898Z","2026-06-09T13:07:41.577Z","企業マインドの表現・更新性を両立した企業Webサイト","A Corporate Website That Balances Expression of Company Mindset and Updatability",{"fieldId":18,"description":1367,"description_en":1368,"ogimage":1369},"株式会社オズ - Works - 〜企業マインドの表現・更新性を両立した企業Webサイト〜","OZ Inc. – Works – A Corporate Website That Balances Expressing the Company’s Mindset and Updatability",{"url":1370,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d257fe4cdb8047dc9292faf74928d17d/ogp_hagiwara.jpg",{"url":1372,"height":1373,"width":201},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f920503e586a4a9c8a9abe56a654eebd/hagiwara.webp",728,[1375,1376,1377,1378],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"fieldId":43,"client":1380,"client_en":1381,"year":449,"link":1382,"links":48},"萩原建設工業株式会社","HAGIWARA CONSTRUCTION INDUSTRY CO., LTD.","https://www.hagiwara-inc.co.jp/",[1384,1389],{"fieldId":55,"images":1385,"type":1388},[1386],{"url":1387,"height":805,"width":806},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0e7e0ba723ca44c0bff96967229f5f38/hagiwara_pc.webp",[62],{"fieldId":51,"title":1390,"title_en":1391,"description":1392,"description_en":1393},"“伝わりやすく、使いやすいサイト”を目指して","Aiming for a Site That Is Easy to Understand and Easy to Use","クライアントは、十勝を拠点に長年地域の建設を支えてきた企業。近年では道外や海外への事業展開も進め、業界のイメージ刷新に向けた挑戦を積極的に推進していましたが、その姿勢が社外には十分に届いていないという課題を抱えていました。また、自社での情報更新が難しい構造も改善が必要でした。リニューアルでは、「歴史ある地域企業」と「変革に挑む企業」という二面性を、コピーとビジュアルを通じて統合的に表現。さã
49‚‰ã«ã€æ–°ãŸãªå–り組みを伝える専用コンテンツ「HAGIWARA CHALLENGE PROJECT」を制作し、企業の未来志向を明確に可視化しました。サイト全体にはCMSを導入し、社内で柔軟に更新できる運用体制を構築。挑戦を発信するための土台として、構造と表現の両面から支援しました。","The client is a company based in Tokachi that has supported local construction for many years. In recent years, they have expanded operations outside Hokkaido and overseas, actively pursuing initiatives to refresh the industry’s image. However, this proactive approach had not been fully communicated externally, and the existing site structure made internal content updates difficult.\n\nFor the renewal, we integrated the company’s dual identity—“a long-established local company” and “a company embracing change”—through copy and visuals. We also created dedicated content, “HAGIWARA CHALLENGE PROJECT,” to clearly showcase the company’s forward-looking initiatives. The site as a whole was built with a CMS, enabling flexible internal updates. By addressing both structure and expression, we provided a foundation for the company to effectively share its challenges and innovations.",{"id":1395,"createdAt":1396,"updatedAt":1397,"publishedAt":1398,"revisedAt":1397,"title":1399,"title_en":1400,"pickup":16,"meta":1401,"kv":1406,"category":1410,"information":1417,"details":1419}
49,"myo27z3-s3","2025-08-20T04:26:52.880Z","2025-10-03T09:33:20.099Z","2025-08-26T12:39:28.788Z","イベントの持つ魅力を表現したWeb","Website That Expresses the Appeal of the Event",{"fieldId":18,"description":1402,"description_en":1403,"ogimage":1404},"株式会社オズ - Works - 〜ほっかいどう大運動会〜","Oz Inc. – Works – Hokkaido Daiundokai",{"url":1405,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f120af1f162e490db8e0e8b6044936db/ogp_undokai.jpg",{"url":1407,"height":1408,"width":1409},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9708e6a2b621454a845a595cc412b3ff/undoukai_kv.webp",562,1000,[1411,1412,1413,1414,1415,1416],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"id":656,"createdAt":657,"updatedAt":658,"publishedAt":657,"revisedAt":659,"title":660,"title_en":661},{"fieldId":43,"agency":44,"agency_en":1418,"client":1082,"client_en":1083,"year":670,"links":48},"DENTSU HOKKAIDO INC.",[1420,1426,1431,1436],{"fieldId":55,"images":1421,"type":1425},[1422],{"url":1423,"height":1424,"width":270},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/82537f7dec49416798ac18e789621267/undoukai_2.webp",527,[62],{"fieldId":51,"title":1427,"title_en":1428,"description":1429,"description_en":1430},"体を動かす楽しさをデザインで表現","Expressing the Joy of Physical Activity Through Design","ほっかいどう大運動会は、毎年札幌ドームで開催される大規模スポーツイベント。このイベントのWebサイトと広告デザインを担当しました。デザインコンセプトは 「体を動かすと自然に笑顔があふれる」。スポーツの楽しさが一般参加者にまっすぐ届くよう、明るく親しみやすいビジュアルでサイト全体を構成し、体を動かしたくなる高揚感や思わず笑顔になる楽しさを目指しました。さらに、アニメーションを取り入れることで画面に動きと活気をプラス。躍動感ある演出でスポーツの魅力を引き立て、参加する楽しさを視覚的に伝えています。静止画に動きの要素を重ねることで、ユーザーは画面越しにもスポーツのエネルギーを感じ、イベントへの期待感を高められるようにしました。","The Hokkaido Daiundokai is a large-scale sports event held annually at the Sapporo Dome. We were in charge of the event’s website and advertising design. The design concept was: “Smiles naturally appear when you move your body.”\n\nTo ensure that the joy of sports reached general participants directly, the site was built with bright and approachable visuals, aiming to evoke the excitement of physical activity and the fun that naturally brings smiles. Additionally, animations were incorporated to add movement and energy to the pages.\n\nThrough dynamic visual effects, the appeal of sports is enhanced, and the enjoyment of participating is conveyed visually. By layering motion elements over static images, users can feel the energy of the sports even through the screen, increasing anticipation and excitement for the event.",{"fieldId":55,"images":1432,"type":1435},[1433],{"url":1434,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3310e03274ee4f5a8f1e09ac2579d196/poster.jpg",[62],{"fieldId":55,"images":1437,"type":1443},[1438,1441],{"url":1439,"height":1440,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2ad8717491de423ab983170b625397fa/sp%201.jpg",800,{"url":1442,"height":1440,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b868e68946e84fc6927535a6916cee18/flyer.jpg",[981],{"id":1445,"createdAt":1446,"updatedAt":1447,"publishedAt":1448,"revisedAt":1447,"title":1449,"title_en":1450,"pickup":16,"meta":1451,"kv":1456,"category":1458,"information":1463,"details":1467}
49,"00keiy9zl","2025-08-19T12:28:10.982Z","2025-10-03T09:47:35.504Z","2025-08-26T11:47:45.427Z","スローガンとロゴで理念をかたちに","Shaping the Philosophy Through Slogan and Logo",{"fieldId":18,"description":1452,"description_en":1453,"ogimage":1454},"株式会社オズ - Works - 〜みなよし歯科〜","Oz Inc. – Works – Minayoshi Dental Clinic",{"url":1455,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f5dfe699451642dcaaee19de6f9afd62/ogp_minayoshi.jpg",{"url":1457,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/cb837eba782747d4b762b183e868217e/%E3%82%A2%E3%83%BC%E3%83%88%E3%83%9B%E3%82%99%E3%83%BC%E3%83%88%E3%82%99%201%402x-100.jpg",[1459,1460,1461,1462],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"fieldId":43,"client":1464,"client_en":1465,"year":670,"link":1466,"links":48},"みなよし歯科","Minayoshi Dental Clinic","https://minayoshi-shika.jp/",[1468,1475,1480],{"fieldId":55,"images":1469,"type":1474},[1470,1472],{"url":1471,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/5b331210a0744c5695aa5271f827689d/minayoshi_web.jpg",{"url":1473,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/bf58d723f92f4e3fb3f926e667d0e11c/minayoshi_pamphlet.jpg",[62],{"fieldId":51,"title":1476,"title_en":1477,"description":1478,"description_en":1479},"医院名に込められた「みなよし」の想いを表現","Expressing the Meaning Behind the Clinic Name ‘Minayoshi","十勝で新たに開院する歯科医院様からご依頼をいただきました。院長が大切にされているのは、“三方よし”の考え方をベースにした「心と地域と未来を耕して、みなよし(皆良し)」という医院名に込められた想いです。その理念を体現するスローガンとして「こころ、ちいき、みらいよし。」を設定しました。さらにステートメントでは、土を耕し、根を張らせるイメージを重ねながら、歯科医院が果たす役割を丁寧に言葉にしています。ロゴデザインは、やさしさと循環を象徴する「丸」をモチーフに。地域に根を張り、患者さまとの信頼の輪を広げていく姿を表現しました。\n","We received a request from a dental clinic newly opening in Tokachi. The director places great importance on the philosophy behind the clinic’s name, “Minayoshi (皆良し),” which is based on the concept of “Sanpo Yoshi” and means “cultivating the heart, the community, and the future so that all are well.”\n\nAs a slogan embodying this philosophy, we established: “Heart, Community, Future — All Well.” In the statement, we carefully described the role of the dental clinic, layering imagery of cultivating soil and growing roots to symbolize growth and care.\n\nFor the logo design, we used a circle motif to represent kindness and circulation, expressing the clinic’s presence rooted in the community and the expanding circle of trust with patients.",{"fieldId":55,"images":1481,"type":1488},[1482,1486],{"url":1483,"height":1484,"width":1485},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9b44493d81e04f1f8edffcc11cb90487/meishi.jpg",540,812,{"url":1487,"height":1484,"width":1485},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b4ac335a15484294874bd858d4e42dec/shinsatsuken.jpg",[981],{"id":1490,"createdAt":1491,"updatedAt":1492,"publishedAt":1491,"revisedAt":1492,"title":1493,"title_en":1494,"pickup":16,"meta":1495,"kv":1500,"category":1502,"information":1505,"details":1509},"9reyairne51","2025-08-19T10:37:12.001Z","2025-08-21T09:04:45.721Z","おしぼりとタオルの“良さ”を伝えるクリエイティブ","Creative Design Highlighting the Excellence of Towels and Oshibori",{"fieldId":18,"description":1496,"description_en":1497,"ogimage":1498},"株式会社オズ - Works - 〜おしぼりとタオルの“良さ”を伝えるクリエイティブ〜","OZ Inc. – Works – Creative Design Highlighting the Excellence of Towels and Oshibori",{"url":1499,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b4b2935b01ac4a6ca930d672afd1059c/ogp_suzuran.jpg",{"url":1501,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/bf89d00b4e3f41cca1c14721296e92b3/suzuran.jpg",[1503,1504],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125}
49,{"fieldId":43,"client":1506,"client_en":1507,"year":1508,"links":48}," 株式会社すずらん商事","SUZURAN SHOJI CO., LTD.","2022",[1510,1515],{"fieldId":51,"title":1511,"title_en":1512,"description":1513,"description_en":1514},"初見のインパクトを高めるクリエイティブを追求","Pursuing Creative Impact at First Glance","クライアントは、昭和41年の創業以来、飲食店や美容室、ホテルなど幅広い業種に対してレンタルおしぼり・タオル事業を展開してきた企業。近年は紙おしぼりの普及によりレンタル布おしぼりのシェアが縮小。さらに、営業現場では直接商談の機会を得ることが困難で、チラシ配布に留まるケースが多いという課題を抱えていました。今回の制作では、レンタルおしぼり(飲食店向け)とレンタルタオル(美容室・スーパー銭湯・ジム向け)のBtoB向けセールスチラシを、効果的なドアノックツールとして機能するよう設計。「おもてなし」「サステナブル」という切り口でインパクトのあるビジュアルとコピーを開発し、商品説明ではなく関心喚起に特化したクリエイティブを制作しました。","The client is a company that, since its founding in 1966, has provided rental oshibori and towel services to a wide range of industries, including restaurants, beauty salons, and hotels. In recent years, the market share for rental cloth oshibori has declined due to the spread of disposable paper oshibori. Additionally, sales teams faced challenges in securing direct business meetings, often relying solely on flyer distribution. For this project, we designed B2B sales flyers for rental oshibori (for restaurants) and rental towels (for beauty salons, public baths, and gyms) to function as effective “door-knock” tools. By focusing on the themes of “hospitality” and “sustainability,” we developed impactful visuals and copy, creating creative materials that prioritize generating interest rather than simply explaining the products.",{"fieldId":55,"images":1516,"type":1521},[1517,1519],{"url":1518,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ea41e62d3ba34da6965aadb32b49a663/oshibori.jpg",{"url":1520,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/1a986f5017ec4614b35d5b464af77771/towel.jpg",[62],{"id":1523,"createdAt":1524,"updatedAt":1525,"publishedAt":1524,"revisedAt":1525,"title":1526,"title_en":1527,"pickup":16,"meta":1528,"kv":1533,"category":1536,"information":1550,"details":1554},"uds0eob4ws","2025-08-19T09:41:30.309Z","2025-08-29T05:26:16.011Z","フードロス削減ベンチャーの企画・システム構築・アニメーションまで","From Planning and System Development to Animation for a Food Loss Reduction Venture!",{"fieldId":18,"description":1529,"description_en":1530,"ogimage":1531},"株式会社オズ - Works - 〜フードロス削減を目指す食品原料プラットフォーム開発〜","OZ Inc. – Works – Developing a Food Ingredient Platform Aiming to Reduce Food Loss",{"url":1532,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/e3e3d0b8a5784b90b43031053a8979a2/OGP.png",{"url":1534,"height":1535,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/459026df82014969b1871aff66b115fb/01.jpg",1822,[1537,1538,1539,1546,1547,1548,1549],{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":400,"createdAt":401,"updatedAt":402,"publishedAt":403,"revisedAt":404,"title":405,"title_en":406},{"id":1540,"createdAt":1541,"updatedAt":1542,"publishedAt":1541,"revisedAt":1543,"title":1544,"title_en":1545},"998_do96b17p","2025-08-11T08:56:52.538Z","2026-06-09T13:02:06.23Z","2025-08-21T04:18:46.091Z","AWSインフラ・システム開発","AWS Infrastructure & System Development",{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},{"id":1275,"createdAt":1276,"updatedAt":1277,"publishedAt":1276,"revisedAt":1277,"title":1278,"title_en":1279},{"id":656,"createdAt":657,"updatedAt":658,"publishedAt":657,"revisedAt":659,"title":660,"title_en":661},{"fieldId":43,"client":1551,"client_en":1552,"year":1001,"link":1553,"links":48},"ICS-net株式会社","ICS-net, inc.","https://shareshima.com/",[1555,1562,1567],{"fieldId":55,"images":1556,"type":1561},[1557],{"url":1558,"height":1559,"width":1560},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0fbacfb896d54698bd8d215b9795c2b4/share_shima_180720.webp",600,1350,[62],{"fieldId":51,"title":1563,"title_en":1564,"description":1565,"description_en":1566},"フードロス削減を目指す食品原料プラットフォーム「シェアシマ」","“ShareShima” – A Food Ingredient Platform Aiming to Reduce Food Loss","食品原料のオンライン検索サービスとしてスタートした「シェアシマ」は、現在では食品企画・製造担当者向けに原料検索、トレンド情報、セミナー、OEMマッチングなどを提供する総合支援プラットフォームへと成長しています。食品業界の効率化とともに、フードロス削減に寄与するという、とても地球にやさしいサービスです。","“ShareShima,” which started as an online food ingredient search service, has grown into a comprehensive support platform for food planners and manufacturers. It now offers ingredient search, trend information, seminars, and OEM matching. The service not only streamlines operations in the food industry but also contributes to reducing food loss, making it an environmentally friendly solution.",{"fieldId":51,"title":1568,"title_en":1569,"description":1570,"description_en":1571},"立ち上げにおける企画・開発支援・クリエイティブ制作","Planning, Development Support, and Creative Production for the Launch","このサービスの立ち上げにあたり、私たちは企画段階から参画し、システム構築をはじめ、VIやロゴの制作、さらに短時間でサービスの価値を伝えるための各種ツールや動画制作までを手がけました。特に、シェアリングサービスをWeb展開するという分野は当社が得意とする領域であり、そのノウハウを余すことなく活かすことができました。\n現在はサービスの規模拡大に伴い上場準備に入っており、Webサイト開発等すべて内製化されており、私たちは直接的な関わりは離れていますが、このサービスがさらに大きく成長し、世界へと広がり、「食品を無駄にしない」という考え方が広まっていくことを心から願っています。","For the launch of this service, we were involved from the planning stage, handling system development, visual identity (VI) and logo creation, as well as producing various tools and videos to quickly communicate the service’s value. In particular, our expertise in web-based sharing services was fully leveraged in this project.\n\nCurrently, as the service scales up and prepares for a public listing, all website development and related operations have been brought in-house, so our direct involvement has concluded. We sincerely hope that the service continues to grow, expands globally, and helps spread the philosophy of “reducing food waste.”",{"id":1573,"createdAt":1574,"updatedAt":1575,"publishedAt":1574,"revisedAt":1575,"title":1576,"title_en":1577,"pickup":16,"meta":1578,"kv":1583,"category":1586,"information":1588,"details":1592},"42z-q44t-a","2025-08-19T05:28:57.464Z","2025-08-21T09:06:58.546Z","先鋭が集う新時代の法律事務所のCI・VI","CI & VI for a Cutting-Edge, Next-Generation Law Firm",{"fieldId":18,"description":1579,"description_en":1580,"ogimage":1581},"株式会社オズ - Works - 〜先鋭が集う新時代の法律事務所のCI・VI〜","OZ Inc. – Works – CI & VI for a Cutting-Edge, Next-Generation Law Firm",{"url":1582,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ceb71607ebde44dd8b3df0314c0eea0c/OGP.png",{"url":1584,"height":1585,"width":776},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b903b38c28fa478c89e56d5e15528d2d/02.jpg",1333,[1587],{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"fieldId":43,"client":1589,"client_en":1590,"year":1591,"links":48},"三浦法律事務所","Miura & Partners","2018",[1593,1599],{"fieldId":55,"images":1594,"type":1598},[1595],{"url":1596,"height":1597,"width":776},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/428ab8416e054d689c2a66629d8288e8/mock_C.jpg",1049,[62],{"fieldId":51,"title":1600,"title_en":1601,"description":1602,"description_en":1603},"「三」と「M」と「m」を組み合わせた普遍性あるロゴ","A Timeless Logo Combining “三,” “M,” and “m”","先進的で先駆的な事務所を作りたいという想いから、三浦法律事務所は立ち上げられました。やる気にあふれた若い先鋭たちが集まり、新しい時代にふさわしいリーガルサービスを提供するローファームです。その立ち上げに際して、CI・VIの作成を依頼いただきました。ロゴデザインでは、三浦法律事務所の「三」と、Miuraの「M」と「m」を組み合わせ、シンプルながらも意味の込められたマークを作成しました。長く愛されるよう、派手さは避けつつ、古くから存在する家紋のような安定感と重厚さを持たせています。新しい事務所でありながらも、信頼感や格式を感じさせるデザインに仕上げました。設立から間もないながら、三浦法律事務所は国内外での展開を積極的に進めています。私たちが携わったCI・VIが、国内のみならず海外でも活かされていることを大変嬉しく思います。挑戦的で若い力が集まったこの事務所が、今後ますます成長していく姿を見守り続けたいと考えています。","Miura Law Office was established with the vision of creating an innovative and pioneering firm. Young, motivated professionals have come together to provide legal services suited to a new era. At the time of its founding, we were commissioned to create the CI and VI.\n\nFor the logo design, we combined the “三” from Miura Law Office with the “M” and “m” from “Miura,” creating a simple yet meaningful mark. To ensure it is enduring, we avoided flashy elements, instead giving it the stability and gravitas reminiscent of traditional family crests. The design conveys trust and prestige while reflecting a new, modern firm.\n\nAlthough still a young office, Miura Law Office is actively expanding domestically and internationally. We are delighted that the CI and VI we developed are being utilized both in Japan and abroad. We look forward to watching this ambitious, talented firm continue to grow and thrive.",{"id":1605,"createdAt":1606,"updatedAt":1607,"publishedAt":1606,"revisedAt":1607,"title":1608,"title_en":1609,"pickup":16,"meta":1610,"kv":1615,"category":1618,"information":1621,"details":1624}
49,"k0nfzsofmdi4","2025-08-18T12:57:22.694Z","2026-06-09T13:07:51.762Z","採用を強化するために牧場のイメージを一新","Refreshing the Farm Image to Strengthen Recruitment",{"fieldId":18,"description":1611,"description_en":1612,"ogimage":1613},"株式会社オズ - Works - 〜採用を強化するために牧場のイメージを一新〜","OZ Inc. – Works – Refreshing the Farm Image to Strengthen Recruitment",{"url":1614,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/253085cae2e4475dbb2a1353cc100fd4/ogp_misawa.jpg",{"url":1616,"height":776,"width":1617},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/18d51c1d76b4434c9680a19ca7c97729/misawa_B1.jpg",3254,[1619,1620],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"client":1622,"client_en":1623,"year":1591,"links":48},"三澤牧場","Misawa Farm",[1625,1630],{"fieldId":51,"title":1626,"title_en":1627,"description":1628,"description_en":1629},"牧場に通うことで見えてきたコンセプトを表現","Expressing the Concept Revealed Through Visiting the Farm","北海道湧別町の三澤牧場様から、採用パンフレットについて Webサイトを通じてお問い合わせをいただきました。「採用イベントで配布しても、なかなか学生が手に取ってくれない」という課題がありました。打ち合わせで牧場を訪れると、目に入ったのは牛にできるだけストレスを与えない環境をつくる、牧場のまっすぐな姿勢でした。その想いをそのまま伝えるため、新しい採用ツールのコンセプトおよびコピーを 「牛に、まっすぐ。」 と設定。牛がまっすぐカメラを見つめる瞬間を写真でとらえ、シンプルで力強いビジュアルに仕上げています。パンフレットのリニューアルに加え、採用イベントのブースで掲出するポスターもご提案しました。その結果、採用イベントでは 学生の目にとまり、手に取ってもらえる機会が増えた と、うれしい声をいただきました。","Misawa Farm in Yubetsu, Hokkaido, contacted us via their website regarding a recruitment brochure. They were facing the challenge that students rarely picked up the brochure at recruitment events.\n\nDuring a meeting at the farm, we noticed the farm’s straightforward approach to creating an environment that minimizes stress for the cows. To convey this dedication directly, we set the concept and copy for the new recruitment tool as “Straightforward to the Cows.” We captured photos of cows looking directly at the camera, creating simple yet powerful visuals.\n\nIn addition to renewing the brochure, we also proposed posters for display at recruitment event booths. As a result, the materials attracted more attention from students and increased the likelihood that they would pick them up—a result the client was very pleased with.",{"fieldId":55,"images":1631,"type":1640},[1632,1636],{"url":1633,"height":1634,"width":1635},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/616ebb3f014145b7b950b9ef601762de/misawa_A4_1.jpg",2250,3428,{"url":1637,"height":1638,"width":1639},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/288c1b4fe2f9498882f660e6cd80ce82/misawa_A4_2.jpg",1926,2870,[62],{"id":1642,"createdAt":1643,"updatedAt":1644,"publishedAt":1643,"revisedAt":1644,"title":1645,"title_en":1646,"pickup":218,"meta":1647,"kv":1652,"category":1655,"information":1664,"details":1666},"5dt_o0yb2","2025-08-14T09:34:09.944Z","2026-08-28T08:03:16.206Z","AIを使った動画制作とそのコントロール","AI-Powered Video Production and Its Management",{"fieldId":18,"description":1648,"description_en":1649,"ogimage":1650},"株式会社オズ - Works - 〜AIを使った動画制作とそのコントロール〜","OZ Inc. – Works – AI-Powered Video Production and Its Management",{"url":1651,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/535a917544a749589ae2cc26c45ef802/OGP.png",{"url":1653,"height":1654,"width":1440},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/51f6308d764b41d19c1b49f74f33dadf/ezgif-2399fc1c9ea3f0.webp",448,[1656,1657],{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},{"id":1658,"createdAt":1659,"updatedAt":1660,"publishedAt":1659,"revisedAt":1661,"title":1662,"title_en":1663},"n2prxe35_9b","2025-08-06T09:12:45.490Z","2026-06-09T13:03:08.18Z","2025-08-21T04:19:35.408Z","AIを使った開発","AI-Powered Development",{"fieldId":43,"client":171,"client_en":1665,"year":248,"links":48},"JTB",[1667],{"fieldId":51,"title":1668,"title_en":1669,"description":1670,"description_en":1671},"AI技術を駆使して","Leveraging AI Technology","AIによる動画作成自体は決して難しい作業ではありません。しかし本当に難しいのは、その表現を意図どおりにコントロールすることでã
49™ã€‚背景やシーン、人物やアイテム、状況設定などを思い通りに配置するのは容易ではありません。\n今回のプロジェクトでは、クライアントから表現したい内容を丁寧にヒアリングし、テレビCM制作と同様にストーリーに沿った絵コンテを作成しました。その後、短い秒数の動画を作り、編集でつなぎ合わせる工程を経ています。特にコマ割りの設計が動画全体の印象を大きく左右する重要なポイントとなりました。\n最終的には、音楽やセリフもAIを活用して制作し、3分半の完成動画に仕上げています。AI技術を用いながらも、徹底した演出設計と編集によって、意図したストーリーをしっかりと伝える動画を実現しました。","Creating videos with AI itself is not inherently difficult. The real challenge lies in controlling the expression exactly as intended. Arranging backgrounds, scenes, characters, items, and settings to match the vision is far from easy.\n\nFor this project, we carefully interviewed the client to understand the desired expression, then created a storyboard following a narrative, similar to a TV commercial production. We produced short video segments and stitched them together in editing. The design of each shot was particularly important, as it significantly influenced the overall impression of the video.\n\nFinally, we used AI to generate music and dialogue, resulting in a completed 3.5-minute video. While leveraging AI technology, meticulous direction and editing ensured that the video effectively conveyed the intended story.",{"id":1673,"createdAt":1674,"updatedAt":1675,"publishedAt":1674,"revisedAt":1675,"title":1676,"title_en":1677,"pickup":16,"meta":1678,"kv":1683,"category":1686,"information":1696,"details":1701},"uolk_mcm_z","2025-08-14T08:55:30.009Z","2025-08-21T09:15:10.681Z","長野県の産品と全国のバイヤーをつなぐマッチングプラットフォーム","A Matching Platform Connecting Nagano Prefecture Products with Buyers Nationwide",{"fieldId":18,"description":1679,"description_en":1680,"ogimage":1681},"株式会社オズ - Works - 〜長野県の産品と全国のバイヤーをつなぐマッチングプラットフォーム〜","OZ Inc. – Works – A Matching Platform Connecting Nagano Prefecture Products with Buyers Nationwide",{"url":1682,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/d7ad0c3bcd54449d8e0b2a9645b92c7e/OGP.png",{"url":1684,"height":1685,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/a13de45b2b0841319de00edf746c4a0d/01.jpg",1537,[1687,1688,1689],{"id":1275,"createdAt":1276,"updatedAt":1277,"publishedAt":1276,"revisedAt":1277,"title":1278,"title_en":1279},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":1690,"createdAt":1691,"updatedAt":1692,"publishedAt":1691,"revisedAt":1693,"title":1694,"title_en":1695},"x4dom9t_xggb","2025-08-14T05:10:12.886Z","2026-06-09T13:02:10.343Z","2025-08-21T04:17:20.024Z","サービス設計","Service Design",{"fieldId":43,"client":1697,"client_en":1698,"year":1699,"link":1700,"links":48},"長野県庁","Nagano Prefectural Government","2020","https://nagano-shodan.com/top",[1702],{"fieldId":51,"title":1703,"title_en":1704,"description":1705,"description_en":1706},"誰でも使いやすい機能設計で商談を効率化","Streamlining Business Negotiations with User-Friendly Feature Design","長野県が運営する「しあわせ商談サイト NAGANO」は、食品や伝統工芸品などの生産者と、全国のレストランや小売店といったバイヤーをつなぐBtoBマッチングサイトとして設計・開発されたプラットフォームです。コロナ禍による影響が出始めた2020年春に公開され、対面でのビジネスが困難になったことで、会員数は爆発的に増加しました。それまでWebを活用していなかった事業者にとっても、新しい販路を開くきっかけとなり、地域のDX推進に大きく貢献しています。\n\n買い手が欲しい商品を簡単に伝えられる一言オーダー機能や、見積書や写真、サンプル依頼なども含めたやり取りを可能にするチャット機能、旬の産品や商談会情報を発信する特集ページなど、商談を円滑に進めるための機能を多数搭載しました。また、カテゴリーやキーワードに加え、「珍しい食材」「郷土食」「オリジナル品種」といったこだわり条件でも検索できる詳細な分類設計により、ユーザーは必要な商品に素早くアクセスできます。さらに、商品特性や品質、取引条件を整理するFCPシートの作成・登録・管理機能も備え、商談に必要な情報を正確かつ効率的に共有できるようにしました。\n\nサービス開始から半年で登録事業者は550社から800社へ、掲載商品数は1,200点を突破し、アクセス数は4倍に増加。商談件数は延べ500件以上に達しました。こうした成果は、オンライン商談やWEB商談会の開催支援にもつながり、長野県産品の販路拡大を力強く後押ししています。","“Nagano Happy Business Matching Site” (NAGANO), operated by Nagano Prefecture, is a B2B platform designed to connect producers of food, traditional crafts, and other local products with buyers such as restaurants and retailers across Japan. Launched in the spring of 2020, when face-to-face business became difficult due to the COVID-19 pandemic, the platform saw explosive growth in membership. For producers who had not previously leveraged the web, it provided a new avenue for sales and significantly contributed to regional DX (digital transformation) initiatives.\n\nThe platform includes numerous features to streamline negotiations, such as a one-line order function that allows buyers to easily specify desired products, a chat feature for exch
49anging quotes, photos, and sample requests, and special pages highlighting seasonal products and business meeting information. In addition, a detailed classification system enables searches not only by category and keyword but also by specific attributes like “rare ingredients,” “regional foods,” and “original varieties,” allowing users to quickly access the products they need. The platform also includes FCP sheet functionality for creating, registering, and managing product characteristics, quality, and transaction conditions, ensuring accurate and efficient information sharing for negotiations.\n\nWithin six months of launch, registered businesses increased from 550 to 800, the number of listed products surpassed 1,200, and site traffic quadrupled. Negotiation cases exceeded 500. These results also supported online business meetings and web-based trade events, strongly promoting the expansion of sales channels for Nagano products.",{"id":1708,"createdAt":1709,"updatedAt":1710,"publishedAt":1711,"revisedAt":1710,"title":1712,"title_en":1713,"pickup":16,"meta":1714,"kv":1719,"category":1721,"information":1726,"details":1730},"yq045jirf","2025-08-14T05:10:27.710Z","2026-04-08T01:10:37.307Z","2026-04-08T01:10:26.636Z","「知る・探す・管理する」をDXで業務効率化","Streamlining Operations Through DX: “Discover, Search, Manage”",{"fieldId":18,"description":1715,"description_en":1716,"ogimage":1717},"株式会社オズ - Works - 〜「知る・探す・管理する」をDXで業務効率化〜","OZ Inc. – Works – Streamlining Operations Through DX: “Discover, Search, Manage”",{"url":1718,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/cf20db38d885449086418aa9394f684f/OGP.png",{"url":1720,"height":1685,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7a6c0c125ccf4139b8124f82cf0eeb2a/00.jpg",[1722,1723,1724,1725],{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":1275,"createdAt":1276,"updatedAt":1277,"publishedAt":1276,"revisedAt":1277,"title":1278,"title_en":1279},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":1690,"createdAt":1691,"updatedAt":1692,"publishedAt":1691,"revisedAt":1693,"title":1694,"title_en":1695},{"fieldId":43,"client":1727,"client_en":1728,"year":670,"link":1729,"links":48},"イワキ株式会社","IWAKI & CO., LTD.","https://i-platto.jp/",[1731,1737,1742],{"fieldId":55,"images":1732,"type":1736},[1733],{"url":1734,"height":1735,"width":776},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/6d4115c64b104e59ac434ed52d7da723/%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%207.png",918,[62],{"fieldId":51,"title":1738,"title_en":1739,"description":1740,"description_en":1741},"取引企業向けの新しいコミュニケーション体験 — i-Platto(アイプラット)","A New Communication Experience for Partner Companies — i-Platto","i-Platto(アイプラット)は、取引企業様を対象に、サプライヤーやバイヤーとの新しいコミュニケーションの形を提供するサービスです。「知る」「探す」「管理する」の3つの機能により、原料探しの効率化や問い合わせ案件の省力化・共有化を実現し、イワキの価値向上に貢献します。従来は属人的になりがちだった作業も、チームで共有しながら進められる仕組みを実装。また、コミュニケーションを円滑にする多くの機能を盛り込み、業務の効率化と情報の可視化を同時に実現しています。","i-Platto is a service designed for partner companies, offering a new way to communicate with suppliers and buyers. With its three key functions—“Discover,” “Search,” and “Manage”—it streamlines raw material sourcing and reduces the effort required for inquiries, while enabling information sharing, ultimately enhancing the value of Iwaki. Tasks that were traditionally handled individually can now be managed collaboratively within teams. Additionally, the platform incorporates a variety of features to facilitate smooth communication, simultaneously improving operational efficiency and data visibility.",{"f
49ieldId":51,"title":1743,"title_en":1744,"description":1745,"description_en":1746},"ゼロからの開発と継続的改善","From Ground-Up Development to Continuous Improvement","サービス開発では、どのようなサービスであれば受け入れられるか、どのような仕組みなら実現可能か、効果測定の方法、さらにネーミングやVI(ビジュアル・アイデンティティ)まで、要件定義〜デザイン〜開発の全工程を検討。ゼロの状態から約1年間で公開まで完了しました。リリース後もユーザーの声を積極的に取り入れ、修正や機能追加を続けています。","In the service development process, we considered every step from requirements definition to design and development, including what type of service would be accepted, which systems could make it feasible, methods for measuring effectiveness, as well as naming and visual identity (VI). Starting from scratch, the service was launched in about one year. Even after release, we actively incorporated user feedback, continuing to make adjustments and add new features.",{"id":1748,"createdAt":1749,"updatedAt":1750,"publishedAt":1749,"revisedAt":1750,"title":1751,"title_en":1752,"pickup":16,"meta":1753,"kv":1758,"category":1761,"information":1764,"details":1768},"m-fbokbdi09","2025-08-13T13:24:50.617Z","2025-08-21T09:18:31.605Z","北海道とともに歩む企業の新聞広告","Newspaper Ads for a Company Walking Together with Hokkaido",{"fieldId":18,"description":1754,"description_en":1755,"ogimage":1756},"株式会社オズ - Works - 〜北海道とともに歩む企業の新聞広告〜","OZ Inc. – Works – Newspaper Ads for a Company Walking Together with Hokkaido",{"url":1757,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0912d38af55443cca9e2922b86c8a611/ogp_coca.jpg",{"url":1759,"height":1760,"width":396},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/f520aa75288b41dcb67aa5ef3aca0e49/coca_img.jpg",1987,[1762,1763],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"client":1765,"client_en":1766,"year":1767,"links":48},"北海道コカ・コーラボトリング株式会社","Hokkaido Coca-Cola Bottling Co., Ltd.","2012",[1769],{"fieldId":51,"title":1770,"title_en":1771,"description":1772,"description_en":1773},"北海道産だらけ。","Full of Hokkaido Products.","北海道コカ・コーラボトリング株式会社の新聞広告制作を担当しました。テーマは、北海道内でのCSR活動。同社は札幌市清田区に工場を構え、白旗山の地下水を利用した飲料を製造しています。これらを「北海道産」として、北海道産の農作物とともに訴求する広告を提案。「北の大地とともに」を掲げるどさんこ企業として、そして原料に水を用いる企業として、貴重な水資源を大切にし、この恵みを未来へ繋げたい。その想いを体現した、CSR活動の訴求にふさわしい広告に仕上がりました。","We were in charge of producing newspaper ads for Hokkaido Coca-Cola Bottling Co., Ltd. The theme focused on CSR activities within Hokkaido. The company operates a factory in Kiyota Ward, Sapporo, producing beverages using groundwater from Mount Shirahata. We proposed an ad highlighting these beverages as “Hokkaido-made,” alongside locally grown Hokkaido agricultural products. As a proud Hokkaido-based company and a business that uses water as a key ingredient, the ad communicates their commitment to protecting precious water resources and passing these blessings on to the future. The final advertisement effectively conveys the company’s CSR efforts and values.",{"id":1775,"createdAt":1776,"updatedAt":1777,"publishedAt":1776,"revisedAt":1777,"title":1778,"title_en":1779,"pickup":16,"meta":1780,"kv":1785,"category":1787,"information":1791,"details":1794},"rhip0n1gn","2025-08-13T10:35:11.015Z","2025-08-21T09:21:02.507Z","新たな企業の船出をVIで表現","Expressing a New Company’s Launch Through VI",{"fieldId":18,"description":1781,"description_en":1782,"ogimage":1783},"株式会社オズ - Works - 〜新たな企業の船出をVIで表現〜","Oz Inc. – Works – Expressing a New Company’s Launch Through VI (Visual Identity)",{"url":1784,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/dcef6842a9a049ad816a7670a03c9702/ogp_seikan.jpg",{"url":1786,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/921d80b3745e45d18ee51695bd1a9bbb/seikan_kv.png",[1788,1789,1790],{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"fieldId":43,"client":1792,"client_en":1793,"year":1508,"links":48}
49,"青函フェリー株式会社","SEIKAN-FERRY",[1795,1800],{"fieldId":51,"title":1796,"title_en":1797,"description":1798,"description_en":1799},"青森↔︎函館の航行をそのままロゴマークに","Incorporating the Aomori ↔ Hakodate Route Directly into the Logo Design","青森と函館を結ぶフェリーとして長く運航してきた青函フェリー。これまで別々の企業が運営してきましたが、合併により新たに青函フェリー株式会社として生まれ変わりました。この節目を機に、VI制作のご依頼をいただきました。デザインコンセプトは「青森の会社と函館の会社が1つになること」、そして「青森と函館をつなぐフェリーであること」。その意味をそのままロゴマークに。 S(SeikanのS) と K(SeikanのK) の間をつなぎ、フェリーのシルエットが浮かび上がるデザインです。スローガンは「日本のあいだをむすぶ」。この言葉には、津軽海峡を安全・安心に渡り続ける誇りと決意を込めました。","Seikan Ferry has long operated ferries connecting Aomori and Hakodate. Until now, the service was run by separate companies, but following a merger, it was reborn as Seikan Ferry Co., Ltd. On this milestone, we were commissioned to create the company’s VI (Visual Identity).\n\nThe design concept embodies two ideas: “bringing together the Aomori and Hakodate companies as one” and “being a ferry that connects Aomori and Hakodate.” This concept is directly reflected in the logo mark. The design links the “S” (from Seikan) and the “K” (from Seikan), forming a silhouette of a ferry.\n\nThe slogan, “Connecting Across Japan,” conveys the pride and determination to safely and reliably navigate the Tsugaru Strait.",{"fieldId":55,"images":1801,"type":1806},[1802,1804],{"url":1803,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0297538e016f4a31b965e9b3aa939966/seikan_01.png",{"url":1805,"height":159,"width":160},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2f078c5f05e64d68808202ffb1ef84b1/seikan_02.png",[62],{"id":1808,"createdAt":1809,"updatedAt":1810,"publishedAt":1809,"revisedAt":1810,"title":1811,"title_en":1812,"pickup":16,"meta":1813,"kv":1818,"category":1821,"information":1824,"details":1827},"ua7vvfqlzu","2025-08-13T07:55:52.007Z","2025-08-21T09:22:06.463Z","業界常識を覆すサービスで勝負するITベンチャーのCI・VI","CI & VI for an IT Venture Challenging Industry Conventions",{"fieldId":18,"description":1814,"description_en":1815,"ogimage":1816},"株式会社オズ - Works - 〜業界常識を覆すサービスで勝負するITベンチャーのCI・VI〜","OZ Inc. - Works - 〜CI &VI for an IT venture challenging industry conventions〜",{"url":1817,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/8c533a5f34f04361a53117732926a2bc/OGP.png",{"url":1819,"height":1820,"width":396},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9b454d1a1e0048e7bf4efeb9363558c7/01.jpg",2001,[1822,1823],{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"fieldId":43,"client":1825,"client_en":1826,"year":1591,"links":48},"株式会社マンションマーケット","Mansion Market Inc.",[1828,1835],{"fieldId":55,"images":1829,"type":1834},[1830],{"url":1831,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/6fd1fa3cc307416782280d87dc8cab7e/02.png",1294,2300,[1008],{"fieldId":51,"title":1836,"title_en":1837,"description":1838,"description_en":1839},"マルシェのように開かれたサービスをマークで表す","Representing an Open, Market-Like Service Through the Logo","「マンションマーケット」は、マンションの購入や売却をサポートする不動産ポータルサイトです。これまで不動産会社に問い合わせなければ知ることができなかったマンションの相場情報を、誰でも簡単に、しかも無料で調べられる仕組みをæ
49ä¾›ã—ています。不動産オーナーだけでなく、購入を検討する人も気軽に訪れられる場を目指し、「マルシェ」のような開放的で楽しい雰囲気を旗のマークで表現しました。マークの思想は名刺デザインにも採用。さらに、CI(コーポレート・アイデンティティ)への想いや、クリエイティブ展開の方法をまとめたマニュアルを制作し、納品しました。","“Mansion Market” is a real estate portal site that supports the purchase and sale of condominiums. It provides a system where anyone can easily and freely check condominium market prices—information that previously required contacting a real estate company. Aiming to create a space that is accessible not only to property owners but also to potential buyers, we expressed an open and enjoyable “market-like” atmosphere with a flag-shaped logo. The concept of the logo was also applied to the business card design. Additionally, we created and delivered a manual summarizing the ideas behind the CI (Corporate Identity) and methods for creative deployment.",{"id":1841,"createdAt":1842,"updatedAt":1843,"publishedAt":1842,"revisedAt":1843,"title":1844,"title_en":1845,"pickup":16,"meta":1846,"kv":1851,"category":1853,"information":1857,"details":1861},"u2ymnyzt7vw","2025-08-13T07:03:02.240Z","2025-09-01T10:41:57.962Z","施設とその周辺の魅力を凝縮","Condensing the Appeal of the Facilities and Their Surroundings",{"fieldId":18,"description":1847,"description_en":1848,"ogimage":1849},"株式会社オズ - Works - 〜施設とその周辺の魅力を凝縮〜","OZ Inc. – Works – Condensing the Appeal of the Facilities and Their Surroundings",{"url":1850,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0166a9c63fa944a0845a7028bebb51f5/ogp_tsubaki.jpg",{"url":1852,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/e3ac6bb0a50a4c239b0ca28304bf3501/cr_tsunakitei_01.jpg",[1854,1855,1856],{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":400,"createdAt":401,"updatedAt":402,"publishedAt":403,"revisedAt":404,"title":405,"title_en":406},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"fieldId":43,"agency":44,"client":1858,"client_en":1859,"year":449,"link":1860,"links":48},"株式会社ファイネストコーポレーション","FINEST CORPORATION CO., LTD.","https://tsubaki-hokkaido.jp/jozankei/",[1862,1867],{"fieldId":51,"title":1863,"title_en":1864,"description":1865,"description_en":1866},"ヴィラの質感と滞在を促す情報の両立","Balancing the Villa’s Texture with Information That Encourages a Stay","建築資材や家具へのこだわりを写真で表現し、上質な空間の魅力を伝えました。宿泊だけでなく、周辺観光や季節ごとの楽しみ方など、滞在そのものを豊かにする情報を掲載。滞在型ヴィラとしての魅力を丁寧に紹介しています。\n定山渓という土地柄を活かし、夏の新緑、冬の雪景色など、季節の移り変わりに合わせてサイトの写真も切り替わる設計に。訪れる前からその魅力を感じられるサイトに仕上がっています。","We highlighted the quality of construction materials and furniture through photography, conveying the appeal of the refined space. The site includes not only accommodation details but also information that enriches the stay, such as local sightseeing and seasonal activities, carefully presenting the villa’s appeal as a stay-focused destination. Taking advantage of the Jōzankei location, the site is designed to switch photos according to the seasons—fresh greenery in summer, snowy landscapes in winter—allowing visitors to experience its charm even before they arrive.",{"fieldId":55,"images":1868,"type":1872},[1869],{"url":1870,"height":1871,"width":806},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/32422f82b2104e778adac4e92e211a15/cr_tsunakitei_02.webp",488,[62],{"id":1874,"createdAt":1875,"updatedAt":1876,"publishedAt":1875,"revisedAt":1876,"title":1877,"title_en":1878,"pickup":16,"meta":1879,"kv":1884,"category":1886,"information":1891,"details":1894},"io_hrchp5hy","2025-08-13T06:58:56.762Z","2025-09-01T10:42:15.263Z","「ヒト」を深掘りした広報誌","A Public Relations Magazine That Dives Deep into “People”",{"fieldId":18,"description":1880,"description_en":1881,"ogimage":1882},"株式会社オズ - Works - 〜「ヒト」を深掘りした広報誌〜","Oz Inc. – Works – A Public Relations Magazine That Dives Deep into “People”",{"url":1883,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3fc6fedb82684c4fb6ecd3dae48f1207/ogp_kagakuch.jpg",{"url":1885,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/045407f30b404f08bf8323a0a38e5fcf/cr_kagakuch_01.jpg",[1887,1888,1889,1890],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"fieldId":43,"agency":44,"client":1892,"client_en":1893,"year":670,"links":48},"北海道科学大学高等学校","Hokkaido University of Science High School",[1895,1900],{"fieldId":51,"title":1896,"title_en":1897,"description":1898,"description_en":1899},"学生の活躍や日常に焦点を","Focusing on Students’ Achievements and Daily Lives","北海道科学大学高校の広報誌「カガクch」の全面リニューアルを担当しました。これまで同校ã
49®Webニュースでしか紹介されていなかった在校生の活躍や魅力に着目し、誌面の焦点を「ヒト」にシフト。生徒一人ひとりの想いや日常を深く掘り下げる企画を提案しました。誌面では、勉強だけでなく、日常の会話の延長のようなテーマを通じて、高校生なりの苦労や意外な一面を紹介。さらに先生方にもスポットライトを当て、授業や部活動では見えない人柄や情熱を引き出しました。部活動紹介では、普段はあまり知られていない活動の裏側や日常の様子を掲載。高校生活の空気感が伝わる一冊に仕上がりました。","We were in charge of a full redesign of Hokkaido University of Science High School’s PR magazine, Kagaku ch. Focusing on the achievements and appeal of current students—which had previously only been highlighted in the school’s web news—we shifted the editorial focus to “people.” We proposed features that deeply explore each student’s thoughts and daily life. The magazine showcases not only academic efforts but also themes that feel like extensions of everyday conversation, revealing the unique challenges and unexpected sides of high school life. Teachers were also put in the spotlight, highlighting their personalities and passion beyond what is seen in classes or club activities. Club introductions show behind-the-scenes moments and daily routines that are rarely noticed. The result is a magazine that effectively conveys the atmosphere of high school life.",{"fieldId":55,"images":1901,"type":1904},[1902],{"url":1903,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/4d3984c4a7d64d368e6f3f07ef934c63/cr_kagakuch_02.jpg",[62],{"id":1906,"createdAt":1907,"updatedAt":1908,"publishedAt":1907,"revisedAt":1908,"title":1909,"title_en":1910,"pickup":16,"meta":1911,"kv":1916,"category":1918,"information":1924,"details":1927},"g6rk740fib1z","2025-08-12T09:58:21.556Z","2025-08-29T06:50:59.900Z","VIからWebまで一貫したブランド表現","Consistent Brand Expression from VI to Web",{"fieldId":18,"description":1912,"description_en":1913,"ogimage":1914},"株式会社オズ - Works - 〜VIからWebまで一貫したブランド表現〜","Oz Inc. - Works - Consistent brand expression from VI to web",{"url":1915,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0e88fa3a9dad4ebb844238f6e3f35bff/OGP.png",{"url":1917,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/76f582223d62437b8ffc2178d14f1cbc/01.png",[1919,1920,1921,1922,1923],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"fieldId":43,"client":1925,"client_en":1925,"year":670,"link":1926,"links":48},"OSBR","https://www.weareonray.com/en",[1928,1933,1938],{"fieldId":55,"images":1929,"type":1932},[1930],{"url":1931,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/c0a3b61996d64cf1b8382a5622272483/02.png",[62],{"fieldId":51,"title":1934,"title_en":1935,"description":1936,"description_en":1937},"海外市場で光る日本らしさ","Shining Japanese Spirit for the Global Market","マレーシア・クアラルンプールで展開された「おしぼり」販売サービスのVI(ビジュアル・アイデンティティ)、グッズ、Webサイトのクリエイティブをトータルで手掛けました。サービス名「onray(オンレイ)」は、日本の文化であるおしぼりの「温冷」と、感謝を意味する「御礼」という二つの想いを込めたもの。さらに、国外の方でも読みやすく、発音しやすいネーミングとして提案しました。日本のおもてなし文化をさりげなく感じられるデザインとネーミングによって、海外市場でも親しみやすく印象に残るブランドを目指しました。","We handled the complete creative direction for the “onray” hand towel service launched in Kuala Lumpur, Malaysia, including its VI (Visual Identity), merchandise, and website. The service name, “onray”, combines two Japanese concepts: “onrei” (温冷 – warmth and coolness, reflecting the nature of the towel) and “orei” (御礼 – gratitude). The name was also chosen to be easy to read and pronounce for an international audience. Through subtle design cues and naming that evoke Japan’s hospital
49ity culture, we aimed to create a brand that feels approachable and memorable in overseas markets.",{"fieldId":55,"images":1939,"type":1942},[1940],{"url":1941,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/1cbbbd2d20ec46fbaef00d359c23c77a/03.png",[62],{"id":1944,"createdAt":1945,"updatedAt":1946,"publishedAt":1945,"revisedAt":1946,"title":1947,"title_en":1948,"pickup":16,"meta":1949,"kv":1954,"category":1956,"information":1961,"details":1964},"nprj6o4zk","2025-08-12T09:16:07.937Z","2025-08-21T06:02:26.014Z","大規模アクセスにも揺らがないGo言語開発","Go Development That Remains Stable Under Heavy Traffic",{"fieldId":18,"description":1950,"description_en":1951,"ogimage":1952},"株式会社オズ - Works - 〜大規模アクセスにも揺らがないGo言語開発〜","OZ Inc. – Works – Go Development That Remains Stable Under Heavy Traffic",{"url":1953,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/baf5b0cb16cd43318a5eb927b56ba2e8/OGP.png",{"url":1955,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/12323a97fa04474f9e75e779ad934367/01.png",[1957,1958,1959,1960],{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":1540,"createdAt":1541,"updatedAt":1542,"publishedAt":1541,"revisedAt":1543,"title":1544,"title_en":1545},{"id":1275,"createdAt":1276,"updatedAt":1277,"publishedAt":1276,"revisedAt":1277,"title":1278,"title_en":1279},{"id":1690,"createdAt":1691,"updatedAt":1692,"publishedAt":1691,"revisedAt":1693,"title":1694,"title_en":1695},{"fieldId":43,"client":171,"client_en":1962,"year":670,"link":1963,"links":48},"JTB Corp.","https://tabisugo.jtb.co.jp/",[1965,1972],{"fieldId":55,"images":1966,"type":1971},[1967,1969],{"url":1968,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ccd7701c064d42558ace50e5b07d344e/03.png",{"url":1970,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2283afa78de14c35898524e537ffa15a/02.png",[981],{"fieldId":51,"title":1973,"title_en":1974,"description":1975,"description_en":1976},"高速処理を可能にするGo言語採用","Adoption of Go for High-Speed Processing","既存サイトでは繁忙期にサーバーが耐えきれない事態が発生していたことから、「どんなトラフィック集中にも耐えられる」ことを最優先要件に設定。インフラ・サーバー構成の設計段階から携わり、安定稼働を実現しました。AWSをベースに、シンプルかつ高速な処理、並列処理のしやすさ、高いパフォーマンスを備えたGo言語で開発を実施。スムーズなユーザー体験を支えるための強固な技術基盤を構築しています。オリジナルCMSの強みを活ã
49‹ã—、全国の担当者がリアルタイムで数値を確認し、プラン作成や表示順の調整に反映できるバックオフィス機能も開発。この甲斐あって、コロナ禍明けに政府の旅行促進政策が始まった際のアクセス集中でも、問題なく安定稼働を維持できました。現場での意思決定を加速させる仕組みとともに、安心して使える環境を提供しています。","On the previous site, servers were unable to withstand heavy loads during peak periods, so the top priority requirement was set as “being able to handle any level of traffic surge.” From the infrastructure and server architecture design stage, we were involved to ensure stable operation.\n\nThe system was developed on AWS using Go, chosen for its simplicity, high speed, ease of parallel processing, and strong performance. This enabled the construction of a robust technical foundation to support a smooth user experience.\n\nLeveraging the strengths of our original CMS, we also developed back-office functions that allow staff nationwide to check figures in real time, and immediately reflect them in plan creation and display order adjustments.\n\nThanks to these efforts, even when access surged after the government’s post-COVID travel promotion policies began, the system continued to run stably without issues. Alongside mechanisms that accelerate on-site decision-making, we are providing a secure and reliable environment.",{"id":1978,"createdAt":1979,"updatedAt":1980,"publishedAt":1981,"revisedAt":1980,"title":1982,"title_en":1983,"pickup":16,"meta":1984,"kv":1989,"category":1992,"information":1998,"details":2000},"lpsc1omme","2025-08-11T09:51:45.017Z","2025-08-29T05:35:56.139Z","2025-08-11T09:58:12.376Z","みんなでつまむ楽しさを伝えるために","To Convey the Fun of Sharing Together",{"fieldId":18,"description":1985,"description_en":1986,"ogimage":1987},"株式会社オズ - Works - 〜みんなでつまむ楽しさを伝えるために〜","OZ Inc. – Works – To Convey the Fun of Sharing Together",{"url":1988,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/89ba93b99413459e81d62f2d887ec518/OGP.png",{"url":1990,"height":1832,"width":1991},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7568223f84e347478ade874330f63668/01.jpg",2560,[1993,1994,1995,1996,1997],{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":1540,"createdAt":1541,"updatedAt":1542,"publishedAt":1541,"revisedAt":1543,"title":1544,"title_en":1545},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"fieldId":43,"client":1925,"client_en":1925,"year":449,"link":1999,"links":48},"https://www.wearetimecrunch.com/",[2001,2006,2013,2018],{"fieldId":55,"images":2002,"type":2005},[2003],{"url":2004,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/95809e0cdd874debbf3964e1f593423e/04.png",[62],{"fieldId":55,"images":2007,"type":2012},[2008,2010],{"url":2009,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/46c4e0d5ea5f48af9cf718fd3272bf93/03.png",{"url":2011,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/a87f4dcb202a4554b03cc4e7131b045b/02.png",[981],{"fieldId":55,"images":2014,"type":2017},[2015],{"url":2016,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/8f5d32dd739b467a9fb64312481de0ac/05.png",[62],{"fieldId":51,"title":2019,"title_en":2020,"description":2021,"description_en":2022},"コンセプトを形にしたマークデザイン","A Logo Design That Embodies the C
49oncept","マレーシア・クアラルンプールで展開されるBtoBサブスクリプションサービス「TimeCrunch」。日本のさまざまなファミリーパックのお菓子を、オフィスやイベントなどで気軽に楽しめるサービスです。「みんなで仲良くつまんで食べる」光景をイメージしながら、親しみやすく覚えやすいマークを制作しました。楽しげな雰囲気を大切にしつつ、BtoBサービスらしい信頼感も感じられるデザインに仕上げています。\nサービスの世界観をより広げるため、楽しげなキャラクターイラストも制作。こちらはイラストレーター福澤遼さん(https://www.instagram.com/ryo.fukusawa/)に描いていただき、見るだけで「つまみたくなる」ような温かみと遊び心をプラスしました。","TimeCrunch, a B2B subscription service launched in Kuala Lumpur, Malaysia, allows offices and events to easily enjoy a variety of Japanese family-pack snacks. With the image of people happily sharing and snacking together, we created a friendly and memorable logo. The design balances a fun, inviting atmosphere with the trustworthiness expected of a B2B service.\n\nTo further expand the service’s world, we also created cheerful character illustrations. Illustrated by Ryō Fukuzawa, these add warmth and playfulness, making viewers want to “grab a snack” just by looking at them.",{"id":2024,"createdAt":2025,"updatedAt":2026,"publishedAt":2025,"revisedAt":2026,"title":2027,"title_en":2028,"pickup":16,"meta":2029,"kv":2034,"category":2036,"information":2040,"details":2041},"5rlb6xu4ygg","2025-08-11T08:31:07.814Z","2025-08-21T07:39:51.335Z","若者の新生活を応援するコンテンツ企画","Content Planning to Support Young People’s New Life",{"fieldId":18,"description":2030,"description_en":2031,"ogimage":2032},"株式会社オズ - Works - 〜若者の新生活を応援するコンテンツ企画〜","Oz Inc. - Works - 〜Content Planning to Support Young People’s New Life〜",{"url":2033,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/20d0ed7ded884708835cde4d5c831101/OGP.png",{"url":2035,"height":1832,"width":1991},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b2d9cf8358234e0585a253bfecaadadb/01.png",[2037,2038,2039],{"id":37,"createdAt":38,"updatedAt":39,"publishedAt":38,"revisedAt":39,"title":40,"title_en":41},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":1540,"createdAt":1541,"updatedAt":1542,"publishedAt":1541,"revisedAt":1543,"title":1544,"title_en":1545},{"fieldId":43,"client":1346,"client_en":1347,"year":1699,"links":48},[2042,2047,2052,2057],{"fieldId":55,"images":2043,"type":2046},[2044],{"url":2045,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2480a12fd71347699da52c6237c9174d/02.png",[62],{"fieldId":55,"images":2048,"type":2051},[2049],{"url":2050,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/e625990a265f455186f7c807900c61d3/05.png",[62],{"fieldId":51,"title":2053,"title_en":2054,"description":2055,"description_en":2056},"機能で広がる楽しさと販促効果","Fun and Promotional Impact Expanded Through Features","本プロジェクトでは、企画提案から機能開発までを一貫して担当しました。新生活を迎える若者たちを応援するため、11月から翌年3月までの5回に分けて、多彩なコンテンツを順次公開していきました。部屋づくりのインタビュー記事やコーディネート紹介、便利な暮らしのヒントをまとめた「新生活50のコト」など、実用的で読み応えのある情報を展開。初めてのひとり暮らしにも役立つ、安心感と楽しさを兼ね備えたコンテンツとなっています。過不足なく準備ができるチェックリスト機能や、検討中アイテムに応じたリコメンド機能を実装。暮らしの計画が自然と進む仕掛けを盛り込み、ユーザー体験の向上と販促効果を両立しました。","For this project, we were responsible for the entire process from planning proposals to feature development. To support young people starting their new lives, we released diverse content in five installments from November through March of the following year. The content included practical and engaging information such as room-design interviews, coordinated style introductions, and “50 Tips for a New Life,” offering both reassurance and enjoyment for those living alone for the first time. We also implemented a checklist feature for careful preparation and a recommendation function tailored to items under consideration. These features helped users naturally advance their life planning while simultaneously enhancing user experience and promotional impact.",{"fieldId":55,"images":2058,"type":2062},[2059],{"url":2060,"height":1484,"width":2061},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/79e40af7f11e45b1a9665be0f7b4e67f/03.png",720,[1008],{"id":2064,"createdAt":2065,"updatedAt":2066,"publishedAt":2065,"revisedAt":2066,"title":2067,"title_en":2068,"pickup":16,"meta":2069,"kv":2074,"category":2076,"information":2078,"details":2082},"ngv2o60mxyyj","2025-08-10T07:49:56.030Z","2025-08-21T09:46:45.025Z","急成長のベンチャー企業の人材獲得を支える","Supporting Talent Acquisition for a Rapidly Growing Venture Company",{"fieldId":18,"description":2070,"description_en":2071,"ogimage":2072},"株式会社オズ - Works - 〜急成長のベンチャー企業の人材獲得を支える〜","株式会社オズ - Works - 〜Supporting Talent Acquisition for a Rapidly Growing Venture Company〜",{"url":2073,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/68793aa53ebd4ec0bed1179c42777bf8/OGP.png",{"url":2075,"height":1832,"width":1991},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/0a720da35b134afb950a5bf4e50337c4/02.png",[2077],{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"fieldId":43,"client":2079,"client_en":2080,"year":1699,"link":2081,"links":48},"株式会社CUC","CUC Inc.","https://www.cuc-jpn.com/",[2083,2090,2095,2100],{"fieldId":55,"images":2084,"type":2089},[2085],{"url":2086,"height":2087,"width":2088},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ec48398b2a8a4dd08064e1834c4eebf5/01.png",1263,2547,[62],{"fieldId":51,"title":2091,"title_en":2092,"description":2093,"description_en":2094},"上場を果たしたベンチャー企業からの依頼","Request from a Venture Company That Has Gone Public","設立からわずか8年で上場を遂げたベンチャー企業、株式会社CUC。社å
49å¤‰æ›´ã‚’機に、ホームページのリニューアルをご依頼いただきました。急成長を続ける中で欠かせないのが、優秀な人材の獲得。そのためには、スピーディかつ正確な情報発信が不可欠でした。","CUC Co., Ltd., a venture company that went public just eight years after its founding, requested a website renewal coinciding with a company name change. In the midst of rapid growth, attracting top talent was essential, making fast and accurate information dissemination a critical requirement.",{"fieldId":55,"images":2096,"type":2099},[2097],{"url":2098,"height":1832,"width":1833},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/21e31298d70849a294314bccda577292/03.png",[62],{"fieldId":51,"title":2101,"title_en":2102,"description":2103,"description_en":2104},"情報更新を効率化するCMS設計と統一アイコンの作成","Designing a CMS for Efficient Content Updates and Creating a Unified Set of Icons","今回のリニューアルではCMSを採用。広報部門だけでなく、さまざまな部署からの不定期な記事更新でも、情報が的確に整理され、即座に公開できるよう設計しました。また、さまざまな媒体での情報展開を行う場合に使用可能なアイコンを統一して使用することで品質担保と印象の統一を図りました。急速に変化する企業の動きや採用情報をタイムリーに発信できる仕組みにより、成長スピードを支えるWebサイトが完成しました。","For this renewal, a CMS was adopted. The system was designed so that not only the PR department but also various other departments can update articles irregularly while ensuring that information is accurately organized and published immediately. Additionally, by standardizing icons for use across different media, we ensured consistent quality and a unified visual impression. This setup enables timely dissemination of rapidly changing corporate news and recruitment information, resulting in a website that supports the company’s growth speed.",{"id":2106,"createdAt":2107,"updatedAt":2108,"publishedAt":2109,"revisedAt":2108,"title":2110,"title_en":2111,"pickup":16,"meta":2112,"kv":2117,"category":2119,"information":2122,"details":2127},"oliwrjtg5","2025-08-10T07:03:46.467Z","2025-08-29T09:50:05.417Z","2025-08-10T07:08:47.170Z","「真摯で無骨で真面目」。店主の人柄を表現する","\"Honest, Straightforward, and Earnest\": Expressing the Personality of the Shop Owner",{"fieldId":18,"description":2113,"description_en":2114,"ogimage":2115},"株式会社オズ - Works - 〜「真摯で無骨で真面目」。店主の人柄を表現する〜","株式会社オズ - Works - 〜“Honest, Straightforward, and Earnest”: Expressing the Shop Owner’s Personality〜",{"url":2116,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/50ef385930b8442d89c4f79ab389e793/OGP.png",{"url":2118,"height":1832,"width":1991},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/1511f0ca3d604658b18d55e335d6644b/05.jpg",[2120,2121],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"fieldId":43,"client":2123,"client_en":2124,"year":2125,"link":2126,"links":48},"鮨 無双","Sushi Musou","2021","https://sushimusou.com/",[2128,2133,2138,2143],{"fieldId":55,"images":2129,"type":2132},[2130],{"url":2131,"height":1832,"width":1991},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/465ebc11118646369e22732d2742db63/01.png",[62],{"fieldId":51,"title":2134,"title_en":2135,"description":2136,"description_en":2137},"常連を大切にしつつ、新たな出会いへ ","Valuing Regulars While Welcoming New Encounters","札幌市中央区という寿司の激戦区に店を構える「鮨 無双」。予約制で常連客に愛されるこのお店は、これまでホームページを持たず、訪れるお客様との信頼関係を大切にしてきました。ところが、その美味しさは口コミで広がり、一見のお客様からの予約も増加。主人は「せっかく来てくれるなら、初めての方にももっと楽しんでもらいたい」と考えるようになりました。そこで、自慢の寿司ネタや店の想いを伝えるため、初めてのホームページ制作に踏み出すことになりました。","“Sushi Musou,” located in Sapporo’s Chuo Ward, a fiercely competitive sushi district, is a reservation-only restaurant loved by its regular customers. Until now, the restaurant has not had a website, valuing the trust and relationships built directly with visitors. However, its deliciousness has spread by word of mouth, and reservations from first-time customers have been increasing. The owner thought, “If people are making the effort to come, I want even first-time visitors to enjoy it more.” With this in mind, he decided to take the first step in creating a website to showcase the restaurant’s proud sushi selections and convey the passion behind the shop.",{"f
49ieldId":51,"title":2139,"title_en":2140,"description":2141,"description_en":2142},"主人の人柄を映すデザイン","The Design Reflects the Owner's Personality","制作にあたっては、主人の「決して迎合せず、真摯に、無骨に、真面目に」という人柄を、色使いやフォント選びなど細部にまで反映。名刺も同じコンセプトで新たにデザインしました。「こだわり」のコンテンツでは、カメラマンと共に仕入れ先へ足を運び、現地での取材を実施。食材一つひとつの背景や生産者の想いまで、写真と文章で丁寧に紹介しています。この「こだわり」コンテンツは、これからも少しずつ増えていく予定です。常連のお客様も、一見のお客様も、ページを訪れれば店の空気感や主人の情熱が伝わる。そんなホームページを目指しました。","In creating the website, we reflected the owner’s personality—“never pandering, sincere, straightforward, and earnest”—in every detail, from the color palette to the choice of fonts. The business cards were also newly designed following the same concept.\n\nFor the “Commitment” section, the team visited suppliers with a photographer and conducted on-site research. Each ingredient’s background and the passion of its producers are carefully introduced through photos and text. This “Commitment” content will continue to grow gradually over time.\n\nWhether regular customers or first-time visitors, anyone who visits the website can feel the atmosphere of the restaurant and the owner’s dedication. This was the goal we aimed to achieve with the website.",{"fieldId":55,"images":2144,"type":2147},[2145],{"url":2146,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/e3abeeac885e42b0836780a092fff565/02.png",[62],{"id":2149,"createdAt":2150,"updatedAt":2151,"publishedAt":2152,"revisedAt":2151,"title":2153,"title_en":2154,"pickup":16,"meta":2155,"kv":2160,"category":2164,"information":2166,"details":2170},"x8z-zglw5","2025-08-08T07:49:59.606Z","2025-08-21T09:48:24.725Z","2025-08-09T07:09:01.363Z","グローバル展開のためのWebサイト","Website for Global Expansion",{"fieldId":18,"description":2156,"description_en":2157,"ogimage":2158},"株式会社オズ - Works - 〜グローバル展開のためのWebサイト〜","OZ Inc. – Works – A Website for Global Expansion",{"url":2159,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/6b16673cb7e341a7a2b223e5b8345c5a/OGP.png",{"url":2161,"height":2162,"width":2163},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/6c83b295f5f6407fb37270ad961c271e/ezgif-6b4ee520bbd04f.png",1146,2108,[2165],{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"fieldId":43,"client":2167,"client_en":2168,"year":449,"link":2169,"links":48},"株式会社AAB","AAB Inc.","https://aab.co.jp/",[2171,2176,2181],{"fieldId":55,"images":2172,"type":2175},[2173],{"url":2174,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ca00cb4c650a49b69b2d3c3ed767aeec/01%20%E3%81%AE%E3%82%B3%E3%83%92%E3%82%9A%E3%83%BC.png",[62],{"fieldId":51,"title":2177,"title_en":2178,"description":2179,"description_en":2180},"世界へ広がるAABの魅力を発信する","Communicating the Appeal of AAB to the World","イベント企画・運営を手がけるAABは、アジアを中心に世界へと活動の場を広げています。海外展開に伴い、英語対応の重要性を感じ、今回のリニューアルを実施しました。\n\n新しいサイトは、シンプルでありながらも賑やかさと楽しさを感じられるデザインに。日本語と英語を併記することで、日本らしさをしっかりと前面に打ち出しています。さらに、アニメーションピクトグラムを用いて、ページを訪れた人が自然と笑顔になるような“楽しさâ€
49ã‚’表現しました。","AAB, which plans and manages events, is expanding its activities globally, primarily across Asia. With international expansion, the importance of English support became clear, prompting this site renewal.\n\nThe new site features a design that is simple yet lively and fun. By displaying both Japanese and English, it strongly emphasizes its Japanese identity. Additionally, animated pictograms are used to convey a sense of enjoyment, naturally bringing a smile to visitors’ faces.",{"fieldId":55,"images":2182,"type":2185},[2183],{"url":2184,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2758a7caf0ce4bb49f67217857be3481/03.png",[62],{"id":2187,"createdAt":2188,"updatedAt":2189,"publishedAt":2190,"revisedAt":2189,"title":2191,"title_en":2192,"pickup":218,"meta":2193,"kv":2198,"category":2200,"information":2207,"details":2211},"1xoutm3slw_5","2025-08-06T09:11:54.434Z","2025-08-26T12:06:49.567Z","2025-08-06T09:47:54.548Z","Webサイトから商品開発までトータルブランディング","Total Branding from Website to Product Development",{"fieldId":18,"description":2194,"description_en":2195,"ogimage":2196},"株式会社オズ - Works - 〜Webサイトから商品開発までトータルブランディング〜","Oz Inc. – Works – Total Branding from Website to Product Development",{"url":2197,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/1956a92f180949fe866788b59cd3a335/OGP.png",{"url":2199,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/1538e35ba8854ea088ea5a3c4690afea/01.png",[2201,2202,2203,2204,2205,2206],{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":1275,"createdAt":1276,"updatedAt":1277,"publishedAt":1276,"revisedAt":1277,"title":1278,"title_en":1279},{"id":164,"createdAt":165,"updatedAt":166,"publishedAt":165,"revisedAt":167,"title":168,"title_en":169},{"fieldId":43,"client":2208,"client_en":2209,"year":2125,"link":2210,"links":48},"北海道むかわ町","Mukawa Town, Hokkaido","https://mukawaryu.com/",[2212,2218,2223,2228,2233,2240,2245,2250,2255],{"fieldId":55,"images":2213,"type":2217},[2214],{"url":2215,"height":2216,"width":1440},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/a11040482e334138bec302a4f2a25ba4/ezgif-511242224ff68f.webp",465,[62],{"fieldId":55,"images":2219,"type":2222},[2220],{"url":2221,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/94e1cbf9e49b412bbddd65d0ca99feb7/03.png",[62],{"fieldId":51,"title":2224,"title_en":2225,"description":2226,"description_en":2227},"最初の依頼は「町の未来を描くWebサイト」の開発","The Initial Request Was the Development of a Website to Envision the Town’s Future","北海道・むかわ町は、日本最大級の恐竜の全身骨格化石が発掘されたことで知られる、ロマンあふれる町です。化石の宝庫として、多くの研究者が訪れていたこの町ですが、「もっと観光に活かせないか」という強い想いから「むかわ町恐竜ワールド構想推進計画」がスタート。戦略室が立ち上がり、私たちがオフィシャルWebサイトのデザイン・開発をご依頼いただいたのが、すべての始まりでした。町長をはじめ、関係者のみなさまの熱い想いを直接伺う機会にも恵まれ、Webサイトにとどまらず、さまざまな施策を提案させていただきました。親子で参加できる発掘体験ツアーは、今では毎年予約がすぐに埋まる人気企画となり、町の魅力を体験として届けています。","Mukawa Town in Hokkaido is a town full of romance, known for the discovery of one of Japan’s largest complete dinosaur skeleton fossils. As a treasure trove of fossils, the town had long attracted many researchers. However, driven by a strong desire to make better use of this resource for tourism, the “Mukawa Town Dinosaur World Concept Promotion Plan” was launched.\n\nThe strategy office was established, and this is when we were commissioned to design and develop the official website—the beginning of it all. We were fortunate to have the opportunity to hear directly from the mayor and other stakeholders about their passionate vision. This allowed us to propose various initiatives beyond just the website.\n\nToday, the excavation experience tours, which parents and children can participate in together, have become so popular that reservations fill up immediately each year, offering visitors a hands-on way to experience the charm of the town.",{"fieldId":55,"images":2229,"type":2232},[2230],{"url":2231,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/32187cb86f6e4539b3faba76d0975ec9/02.png",[62],{"fieldId":55,"images":2234,"type":2239},[2235],{"url":2236,"height":2237,"width":2238},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/30005de8290f4cbdb161ffce088d68a7/logo_anime.gif",236,680,[1008],{"fieldId":51,"title":2241,"title_en":2242,"description":2243,"description_en":2244},"「関係人口」を増やす、新しい地域商社の立ち上げ","Launching a New Regional Trading Company to Increase ‘Related Population’","観光客に多く訪れてもらえることはもちろん嬉しいことでã
49™ãŒã€ç”ºé•·ãŒå¼·ãé¡˜ã£ã¦ã„たのは「関係人口の拡大」でした。訪れるだけではなく、もっと多くの人がむかわ町と“つながり続ける”関係を築くことで、持続的な地域の活性化につなげたいという想いがありました。その実現のために設立されたのが、地域商社「M Dino(エムディノ)」。恐竜にまつわる企画・商品展開はもちろん、地元の食材を活かしたプロダクトの開発・販売にも取り組む拠点となっています。私たちはこの新しいチャレンジのスタートから伴走し、商社のCI・VI(ロゴやビジュアル)設計、そして販売サイトの構築までを担当しました。","Of course, it was wonderful to attract many tourists, but what the mayor strongly wished for was the “expansion of the related population.” Rather than simply visiting, the goal was to build lasting connections between more people and Mukawa Town, fostering sustainable regional revitalization.\n\nTo achieve this, the regional trading company M Dino was established. It serves as a hub not only for dinosaur-related projects and product development but also for creating and selling products that make use of local ingredients.\n\nFrom the very beginning of this new challenge, we worked alongside them, handling the company’s CI/VI (logo and visual identity) design as well as building the e-commerce site.",{"fieldId":55,"images":2246,"type":2249},[2247],{"url":2248,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/56fab9e3fb1a46bc9572485a035e6c23/04.png",[62],{"fieldId":51,"title":2251,"title_en":2252,"description":2253,"description_en":2254},"限られたリソースでも、自走できる仕組みを","Creating a System That Can Operate Independently, Even with Limited Resources","恐竜関連の商品を販売するECサイトは、写真の見せ方や説明文ひとつひとつにこだわりを込めました。そして、日々の運営においても、町のみなさんが少ないリソースで“自分たちの言葉”で発信できるよう、仕組みそのものを設計しています。今もオフィシャルサイトでの情報発信や、新しいプロジェクトが動き続けています。2026年には、情報発信の拠点として町内に新しい施設が完成予定。町と人とのつながりを広げることを目的に始まったこの取り組みは、今後も進化を続けながら、むかわ町の未来を支えていきます。","For the e-commerce site selling dinosaur-related products, we paid careful attention to every detail, from how the photos are presented to the wording of each product description. In daily operations, we also designed the system so that town staff could communicate in their own words and manage the site efficiently, even with limited resources.\n\nThe official website continues to provide updates, and new projects are constantly underway. In 2026, a new facility within the town is scheduled to open, serving as a hub for information dissemination. This initiative, which began with the goal of expanding connections between the town and people, will continue to evolve and support Mukawa Town’s future.",{"fieldId":55,"images":2256,"type":2259},[2257],{"url":2258,"height":2216,"width":1440},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/97eb5e1b0c324bc9bfdf905989aface8/2025-08-1814.20.20-ezgif.com-video-to-webp-converter.webp",[62],{"id":2261,"createdAt":2262,"updatedAt":2263,"publishedAt":2262,"revisedAt":2263,"title":2264,"title_en":2265,"pickup":218,"meta":2266,"kv":2271,"category":2273,"information":2278,"details":2279},"mh0hewl-l7bh","2025-08-04T05:20:11.673Z","2025-09-01T10:42:46.791Z","ブランドビジョンをそのまま大学案内に","The Brand Vision as-Is in the University Guide",{"fieldId":18,"description":2267,"description_en":2268,"ogimage":2269},"株式会社オズ - Works - 〜ブランドビジョンをそのまま大学案内に〜","OZ Inc. – Works – Bringing the Brand Vision Directly into the University Guide",{"url":2270,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/60924f9f017d4b59bb0245bc30d1ba9c/ogp_hus2026.jpg",{"url":2272,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/02ee85b79e6b4c82be81caf79d10f951/cr-03-kv.jpg",[2274,2275,2276,2277],{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"fieldId":43,"agency":44,"client":247,"year":248,"links":48},[2280,2285,2290],{"fieldId":51,"title":2281,"title_en":2282,"description":2283,"description_en":2284},"編集方針は、「とことん、ひらこう。」","The Editorial Policy Is “Thoroughly, Open Up.”","北海道科学大学が掲げるビジョン「とことん、ひらこう。」を編集方針に据えた大学案内を制作。12学科すべての学生への取材を通じて、飾らない言葉とリアルな日常を収集しました。趣味、アルバイト、将来への想いなど、それぞれの個性を表現する内容を構成。教授・職員・卒業生への取材も実施し、大学をかたちづくる人たちの想いを記録しました。北海道科学大学で過ごす人となりを一冊で表現する冊子「THIS IS HUS」とタイトルをつけています。","We created the university guide based on Hokkaido University of Science’s vision, “Thoroughly, Open Up.” Through interviews with students from all 12 departments, we collected honest words and glimpses of everyday life. The content highlights each student’s individuality, including hobbies, part-time jobs, and aspirations for the future. We also conducted interviews with professors, staff, and alumni to capture the thoughts of the people who shape the university. The booklet, titled “THIS IS HUS,” expresses the character and life of those at Hokkaido University of Science in a single volume.",{"fieldId":55,"images":2286,"type":2289},[2287],{"url":2288,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9fa5eb632e8c41f5b783bfa63c161106/cr-03-img01.jpg",[62],{"fieldId":51,"title":2291,"title_en":2292,"description":2293,"description_en":2294},"本音と素顔を\nそのまま届ける","Delivering Honest Words and True Faces as They Are","学生たちの等身大の言葉を重視し、発言内容をあえて整えずに、収録熱量や不安、夢や日常といった感情をそのまま掲載。撮影においてもフィルムカメラやストリートスナップ風の撮影、学生や教授の方々にも写真の提供を依頼しました。ブランドビジョン「とことん、ひらこう。」を表現するために、さまざまなテイストが混在することも許容したデザインに仕上げています。","We focused on the students’ genuine voices, intentionally leaving their statements unedited to convey the full range of emotions—their enthusiasm, anxieties, dreams, and everyday life. For photography, we used film cameras and street-style snapshots, and also requested photo contributions from students and professors. To reflect the brand vision, “Thoroughly, Open Up,” the design embraces a mix of styles, allowing for a diverse and authentic visual expression.",{"id":2296,"createdAt":2297,"updatedAt":2298,"publishedAt":2297,"revisedAt":2298,"title":2299,"title_en":2300,"pickup":16,"meta":2301,"kv":2306,"category":2308,"information":2313,"details":2317},"9z80o3y_7r","2025-08-04T05:16:20.584Z","2025-08-21T09:51:49.267Z","企業のビジョンを表現するWebサイトへ","Towards a Website That Expresses the C
49ompany’s Vision",{"fieldId":18,"description":2302,"description_en":2303,"ogimage":2304},"株式会社オズ - Works - 〜企業のビジョンを表現するWebサイトへ〜","Oz Inc. – Works – Towards a Website That Expresses the Company’s Vision",{"url":2305,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/3a9070996bb0445a97fe4cdd3a29bff4/ogp_hkp.jpg",{"url":2307,"height":26,"width":27},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/53b8748780e547dea989e20a3f508a38/cr-02-kv.jpg",[2309,2310,2311,2312],{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":333,"createdAt":334,"updatedAt":335,"publishedAt":334,"revisedAt":335,"title":336,"title_en":337},{"id":120,"createdAt":121,"updatedAt":122,"publishedAt":121,"revisedAt":123,"title":124,"title_en":125},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"fieldId":43,"client":2314,"client_en":2315,"year":449,"link":2316,"links":48},"北海道共創パートナーズ","Hokkaido Kyoso Partners","https://www.h-kyoso.co.jp/",[2318,2323,2328,2333],{"fieldId":55,"images":2319,"type":2322},[2320],{"url":2321,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/ebf0676b22d9465987834b2336c77e17/cr-02-img01.jpg",[62],{"fieldId":51,"title":2324,"title_en":2325,"description":2326,"description_en":2327},"目指したのは、\n企業の想いが伝わるサイト","Our Goal: A Website That Conveys the Company’s Vision","札幌市に所在するコンサルティング企業のWebリニューアルプロジェクト。事業拡大に伴い、当初のコーポレートサイトでは表現しきれないほど多様化したサービス領域に対応するため、サイト全体の情報設計から見直しを実施。同社が最も大切にする「伴走」の姿勢を軸に、クライアント企業との信頼関係構築を重視する企業文化を前面に打ち出すデザインを提案しました。誠実なデザイントーンと、経営者の心に寄り添うコピーワークを通じて、企業の想いとビジョンを伝えるサイトとしました。","This was a web renewal project for a consulting firm based in Sapporo. With the expansion of its business, the original corporate site could no longer fully convey the increasingly diverse range of services. We therefore reworked the site’s information architecture from the ground up.\n\nFocusing on the company’s core value of “working alongside clients,” we proposed a design that highlights the corporate culture of building trust with client companies. Through a sincere design tone and copywriting that resonates with the mindset of business leaders, we created a website that effectively communicates the company’s vision and values.",{"fieldId":55,"images":2329,"type":2332},[2330],{"url":2331,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/5649c7240d744e2b9102ff884736aa6c/cr-02-img02.jpg",[62],{"fieldId":51,"title":2334,"title_en":2335,"description":2336,"description_en":2337},"「伴走」にフォーカスし、\n企業の熱量を採用サイトへ","Focusing on ‘Walking Together’: Bringing the Company’s Passion to the Recruitment Site","採用サイトでは、コーポレートサイトとは異なるアプローチをしています。若年層からキャリア採用まで幅広い求職者に対して、企業の人間味と情熱を伝えるデザインを提案しました。「経営者という孤独な存在に寄り添う」という企業理念を具現化し、泥臭く汗をかいて信頼を勝ち取る姿勢をビジュアルとメッセージの両面で表現。社員インタビューやプロジェクト座談会などのコンテンツ制作を通じて、同社の業務内容と企業文化の具体的な理解を深め、入社後のミスマッチを防ぐことを重視した採用サイトの制作を行いました。","For the recruitment site, we took a different approach from the corporate site. Targeting a wide range of job seekers, from young professionals to experienced hires, we proposed a design that conveys the company’s human side and passion.\n\nThe site embodies the corporate philosophy of “supporting the lonely journey of business leaders,” visually and verbally expressing the company’s hands-on, hardworking approach to earning trust. Through content such as employee interviews and project roun
49dtables, we provided a concrete understanding of the company’s work and culture, emphasizing the prevention of mismatches after joining. The result is a recruitment site that authentically communicates the company’s values and environment.",{"id":2339,"createdAt":2340,"updatedAt":2341,"publishedAt":2340,"revisedAt":2341,"title":2342,"title_en":2343,"pickup":16,"meta":2344,"kv":2349,"category":2351,"information":2359,"details":2363},"iqotswrgwkd","2025-08-01T10:22:21.149Z","2026-06-09T13:08:17.144Z","リブランディングで建設業のイメージを刷新","Rebranding to Transform a Construction Company’s Image",{"fieldId":18,"description":2345,"description_en":2346,"ogimage":2347},"株式会社オズ - Works - 〜リブランディングで建設業のイメージを刷新〜","Oz Inc. – Works – Rebranding to Transform a Construction Company’s Image",{"url":2348,"height":22,"width":23},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/7f010f35a65b4d67a1763a16e6ab3e52/ogp_shinya.jpg",{"url":2350,"height":1373,"width":201},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/5f0a11d0af9349f48e3def40e963bb8c/shinya_thumbnail.webp",[2352,2353,2354,2355,2356,2357,2358],{"id":477,"createdAt":478,"updatedAt":479,"publishedAt":478,"revisedAt":480,"title":481,"title_en":482},{"id":439,"createdAt":440,"updatedAt":441,"publishedAt":440,"revisedAt":442,"title":443,"title_en":444},{"id":30,"createdAt":31,"updatedAt":32,"publishedAt":31,"revisedAt":33,"title":34,"title_en":35},{"id":340,"createdAt":341,"updatedAt":342,"publishedAt":341,"revisedAt":343,"title":344,"title_en":345},{"id":114,"createdAt":115,"updatedAt":116,"publishedAt":115,"revisedAt":116,"title":117,"title_en":118},{"id":233,"createdAt":234,"updatedAt":235,"publishedAt":234,"revisedAt":236,"title":237,"title_en":238},{"id":240,"createdAt":241,"updatedAt":242,"publishedAt":241,"revisedAt":243,"title":244,"title_en":245},{"fieldId":43,"client":2360,"client_en":2361,"year":1508,"link":2362,"links":48},"新谷建設株式会社","Shinya Construction Co., Ltd.","https://www.shinya-gr.jp/",[2364,2370,2375,2380,2385,2390,2395],{"fieldId":55,"images":2365,"type":2369},[2366],{"url":2367,"height":2368,"width":973},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/9a000a4356eb44e7ab72e491a23d8364/cr-01-img01.jpg",380,[1008],{"fieldId":51,"title":2371,"title_en":2372,"description":2373,"description_en":2374},"社内外へのヒアリングで\n「らしさ」を見つける","Finding the Brand’s Identity Through Internal and External Interviews","旭川市に所在する土木・建設企業である新谷建設は、公共施設や空港、道の駅など豊富な実績を持ち、確かな技術力で地域から信頼を得てきました。コロナ禍を経て、「新谷建設も変化していきたい」「新しい会社のあり方を考えていきたい」という思いから、リブランディングのご依頼をいただきました。\n社内外へのヒアリングで浮かび上がったキーワードは、「真面目」で「ひたむき」な姿勢。この言葉を軸に据え、「新谷らしさ」とは何かを議論していきました。","Shinya Construction, a civil engineering and construction company based in Asahikawa, has built a strong reputation in the region through its proven technical expertise, with a wide range of projects including public facilities, airports, and roadside stations. Following the COVID-19 pandemic, the company expressed a desire to evolve and explore a new direction, leading to a request for a rebranding project.\n\nThrough interviews with internal and external stakeholders, key words that emerged were “serious” and “dedicated.” Using these as a foundation, we engaged in discussions to define what truly represents the essence of Shinya Construction—its unique identity.",{"f
49ieldId":55,"images":2376,"type":2379},[2377],{"url":2378,"height":59,"width":60},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2e2c6c9eb3124ecd810ede9bb8be0b6f/cr-01-img02.jpg",[62],{"fieldId":51,"title":2381,"title_en":2382,"description":2383,"description_en":2384},"「ひたむき」な姿勢を\nブランディングの軸に","Using a ‘Dedicated’ Approach as the Core of Branding","創業から受け継がれてきた「新谷らしさ」は、真面目で几帳面に仕事へ取り組む「ひたむきさ」。同社が手がける施設や環境の利便性は、その街に住む「人」のためにあり、その利便性を生み出すのも、同社で汗をかく「人」。こうした人を大切に、真面目に取り組むという企業の姿勢を基に、「いつも、あらたに、ひたむきに。」のスローガンを制作。また、これまで使用していたロゴの菱形を踏襲しつつ、より現代的にブラッシュアップしたロゴデザインを、ブランディングの核として策定しました。","The “Shinya identity” passed down since the company’s founding is a wholehearted dedication to work—serious and meticulous. The convenience of the facilities and environments the company develops exists for the people who live in the community, and it is the company’s own people who create that convenience through their efforts. Based on this corporate attitude of valuing people and approaching work earnestly, the slogan “Always, Anew, Wholeheartedly.” was created. At the same time, while retaining the diamond shape of the logo used until now, a more modernized version was developed and established as the core of the company’s branding.",{"fieldId":55,"images":2386,"type":2389},[2387],{"url":2388,"height":1871,"width":806},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/62db67dda4fa455daebe5ed33f4620c5/shinya.webp",[62],{"fieldId":51,"title":2391,"title_en":2392,"description":2393,"description_en":2394},"地域を支える現場を\nクリエイティブで表現","Expressing the Work That Supports the Community Through Creativity","確定したブランドコンセプトを基に、名刺やヘルメットなどの企業ツールを、統一されたデザイントーンで制作。さらに実際の現場に帯同しての撮影も行い、会社案内のパンフレットや、Webサイトも全面刷新しました。Webのコンテンツでは同社の企業理念を伝えるページの新設や、スクロール連動のアニメーションを活用し、旭川地域の幅広い工事への関わりを視覚的に表現しました。","Based on the finalized brand concept, corporate tools such as business cards and helmets were designed with a unified visual tone. In addition, on-site photography was conducted, and both the company brochure and website were completely revamped. On the web, new pages were created to communicate the company’s philosophy, and scroll-linked animations were used to visually showcase the company’s broad involvement in construction projects throughout the Asahikawa region.",{"fieldId":55,"images":2396,"type":2409},[2397,2399,2401,2403,2405],{"url":2398,"height":1484,"width":1485},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/bb8713d560ab4eb6ab14eab7f5b18cba/cr-01-img04-01.jpg",{"url":2400,"height":1484,"width":1485},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/4bab20bc8adc497ebb55c0bbe02f323c/cr-01-img04-02.jpg",{"url":2402,"height":1484,"width":1485},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/98744784dd0e444782eeab389a92cff6/cr-01-img04-03.jpg",{"url":2404,"height":1484,"width":1485},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/2e754c9d7d5e4974b92d7cc991e2671f/cr-01-img04-04.jpg",{"url":2406,"height":2407,"width":2408},"https://images.microcms-assets.io/assets/39178b2db22c4a76a5464c85adea6d0a/b20b8ccf175e42cfa825c54952349ea4/_NI_4776.jpg",4580,6867,[981],["Reactive",2411],{"$snuxt-i18n-meta":2412,"$ssite-config":2413},{},{"_priority":2414,"currentLocale":2420,"defaultLocale":2420,"description":2421,"env":2422,"name":2423,"url":2424},{"name":2415,"env":2416,"description":2417,"url":2418,"defaultLocale":2419,"currentLocale":2419},-5,-15,-10,-3,-2,"ja","株式会社オズ コーポレートサイトの開発環境です。","production","oz-corporate","https://www.oz-design.jp",["Set"],["ShallowReactive",2427],{"$f1Ci23by30kw02svJsJj736CBWFpS7zJ0tilzpzK3gk4":48,"$fphwGO8d34r6CGGBAleYpTaisGFP16bgtcgYKzXBLcZM":48},"/",{"worksCount":2430,"chatbot":2431},{"count":8,"fetched":218},{"state":2432}
49,{"isOpen":16,"isTyping":16,"responseId":-1,"messages":2433,"streamingMessage":-1},[]]</script>
vendor: 1 bytes, line 49
49
50<script>window.__NUXT__={};window.__NUXT__.config={public:{siteName:"株式会社オズ",siteDomain:"https://www.oz-design.jp",siteDescription:"株式会社オズは、グラフィックデザイン、Webサイトデザイン・開発、サーバ開発、AIを用いたアプリケーション・動画制作、企画・販促プランニング、コピーライティングなどの専門チームで構成された、札幌の広告デザイン会社です。",microcmsServiceDomain:"oz-corporate",origin:"https://www.oz-design.jp",i18n:{baseUrl:"",defaultLocale:"ja",defaultDirection:"ltr",strategy:"prefix_except_default",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:false,differentDomains:false,trailingSlash:false,locales:[{code:"ja",name:"日本語",_hreflang:"ja",_sitemap:"ja",files:[{path:"/vercel/path0/i18n/locales/ja.json",cache:""}]},{code:"en",name:"English",_hreflang:"en",_sitemap:"en",files:[{path:"/vercel/path0/i18n/locales/en.json",cache:""}]}],detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false}},app:{baseURL:"/",buildId:"38f8ee16-ab6c-4613-94af-6f504425164f",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
50</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.