PageSourceSearch

https://sus4.co.jp/blog/gallery/

html sus4.co.jp collected 2026-10-05 10:36:34 UTC 53,410 bytes, 717 lines download raw bytes

1<!DOCTYPE html>
2<html class="pc" lang="ja">
3<head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb#">
4<meta charset="UTF-8">
5<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
6<meta name="viewport" content="width=device-width">
7<title>制作実績</title>
8<meta name="description" content="私たちが手がけたブランドづくりからブランディングまでの実績をご紹介いたします。">
9<link rel="pingback" href="https://sus4.co.jp/xmlrpc.php">
10<meta name='robots' content='max-image-preview:large' />
11<meta property="og:type" content="website">
12<meta property="og:url" content="https://sus4.co.jp/blog/gallery/">
13<meta property="og:title" content="制作実績">
14<meta property="og:description" content="私たちが手がけたブランドづくりからブランディングまでの実績をご紹介いたします。">
15<meta property="og:site_name" content="sus4 Co., Ltd.">
16<meta property="og:image" content="https://sus4.co.jp/wp-content/uploads/2025/03/insta_logo.png">
17<meta property="og:image:secure_url" content="https://sus4.co.jp/wp-content/uploads/2025/03/insta_logo.png"> 
18<meta property="og:image:width" content="500"> 
19<meta property="og:image:height" content="500">
20<meta name="twitter:card" content="summary">
21<meta name="twitter:title" content="制作実績">
22<meta property="twitter:description" content="私たちが手がけたブランドづくりからブランディングまでの実績をご紹介いたします。">
23<link rel='dns-prefetch' href='//www.googletagmanager.com' />
24<link rel="alternate" type="application/rss+xml" title="sus4 Co., Ltd. &raquo; フィード" href="https://sus4.co.jp/feed/" />
25<link rel="alternate" type="application/rss+xml" title="sus4 Co., Ltd. &raquo; コメントフィード" href="https://sus4.co.jp/comments/feed/" />
26<link rel="alternate" type="application/rss+xml" title="sus4 Co., Ltd. &raquo; sus4の制作実績 フィード" href="https://sus4.co.jp/blog/gallery/feed/" />
27<style id="wp-img-auto-sizes-contain-inline-css">
28img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
29/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
30</style>
31<link rel='stylesheet' id='main-style-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/style.css?ver=1.9' media='all' />
32<link rel='stylesheet' id='design-plus-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/css/design-plus.css?ver=1.9' media='all' />
33<link rel='stylesheet' id='sns-botton-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/css/sns-botton.css?ver=1.9' media='all' />
34<link rel='stylesheet' id='responsive-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/css/responsive.css?ver=1.9' media='screen and (max-width:1221px)' />
35<link rel='stylesheet' id='footer-bar-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/css/footer-bar.css?ver=1.9' media='screen and (max-width:1221px)' />
36<link rel='stylesheet' id='simplebar-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/simplebar.css?ver=1.9' media='all' />
37<link rel='stylesheet' id='slick-style-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/slick.css?ver=1.0.0' media='all' />
38<link rel='stylesheet' id='splide_css-css' href='https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/splide-core.min.css?ver=4.1.3' media='all' />
39<style id="wp-block-library-inline-css">
40:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}
40:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
41
42/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
43</style>
44<style id="classic-theme-styles-inline-css">
45/*! This file is auto-generated */
46.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
47/*# sourceURL=/wp-includes/css/classic-themes.min.css */
48</style>
49
50<style id="global-styles-inline-css">
51:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
510) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
51.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
52/*# sourceURL=global-styles-inline-css */
53</style>
54
55<script id="jquery-core-js" src="https://sus4.co.jp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 55
55
56<script id="jquery-migrate-js" src="https://sus4.co.jp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
56
57
58<!-- Google タグ (gtag.js) スニペット (Site Kit が追加) -->
59<!-- Google アナリティクス スニペット (Site Kit が追加) -->
vendor: 80 bytes, lines 59-60
59
60<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
60GT-55VSD8F
vendor: 18 bytes, line 60
60" async></script>
61<script id="google_gtagjs-js-after">
62window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
63gtag("set","linker",{"domains":["sus4.co.jp"]});
64gtag("js", new Date());
65gtag("set", "developer_id.dZTNiMT", true);
66gtag("config", "GT-55VSD8F");
67 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
68//# sourceURL=google_gtagjs-js-after
69</script>
69
70<link rel="https://api.w.org/" href="https://sus4.co.jp/wp-json/" /><!-- Favicon Rotator -->
71<link rel="shortcut icon" href="https://sus4.co.jp/wp-content/uploads/2025/03/sus4_favicon-16x16.png" />
72<link rel="apple-touch-icon-precomposed" href="https://sus4.co.jp/wp-content/uploads/2025/03/sus4_favicon-1-114x114.png" />
73<!-- End Favicon Rotator -->
74<meta name="generator" content="Site Kit by Google 1.188.0" /><style type="text/css">
75body { font-size:16px; }
76#single_post_header .title { font-size:28px; }
77.post_content h1 { font-size:28px; }
78.post_content h2 { font-size:28px; }
79.post_content h3 { font-size:26px; }
80.post_content h4 { font-size:24px; }
81.post_content h5 { font-size:22px; }
82.post_content h6 { font-size:20px; }
83.header_catch { font-size:40px !important; }
84.rich_font { font-size:32px !important; }
85@media screen and (max-width:1100px) {
86  .header_catch { font-size:33px !important; }
87  .rich_font { font-size:28px !important; }
88}
89@media screen and (max-width:800px) {
90  body { font-size:14px; }
91  #single_post_header .title { font-size:20px; }
92  .post_content h1 { font-size:20px; }
93  .post_content h2 { font-size:20px; }
94  .post_content h3 { font-size:18px; }
95  .post_content h4 { font-size:16px; }
96  .post_content h5 { font-size:14px; }
97  .post_content h6 { font-size:12px; }
98  .header_catch { font-size:20px !important; }
99  .rich_font { font-size:20px !important; }
100}
101body, input, textarea { font-weight:500; font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; }
102
103.rich_font, .p-vertical { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }
104
105.header_catch { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }
106
107
108.rich_font_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight:600; }
109.rich_font_type2 { font-family: Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:600; }
110.rich_font_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; font-weight:600; }
111
112
113.logo_text { font-size:26px; }
114@media screen and (max-width:1201px) {
115  .logo_text { font-size:20px; }
116}
117.animate_background .image_wrap img {
118  width:100%; height:100%; will-change:transform;
119  transition: transform  0.5s ease;
120}
121.animate_background:hover .image_wrap img {
122  transform: scale(1.2);
123}
124
125
126a { color:#000; }
127
128:root,::before,::after{--tcd-main-color: #ff9933;--tcd-hover-color: #cd6701;--tcd-hover-color2: #b44e00;}
129.design_content .main_content .catch, .design_button2, .post_content a.design_button2, .faq_list .headline, .design_profile .headline, .design_profile .name, .widget_headline, #access_map h3, .lp_content .headline, .lesson_content .headline, .lesson_content .list_type2.pc tr:nth-child(1), .lesson_content .list_type2.mobile td:nth-child(1), #archive_recommend_post_slider .new_icon, #author_sns.color_type1 li a:before, #author_headline, .toc_widget_wrap.styled .toc_title, #dropdown_menu > ul > li.active > a, #tcd_toc_modal_content .toc_title,
130  #archive_news .headline, #single_post_header .category a, #archive_pickup_post_slider .category, #archive_gallery .gallery_list .headline, #archive_recommend_post_slider .category, .blog_list .category, #blog_category_sort .item a,#archive_blog .headline, .voice_list .catch, #single_voice_header .catch, #single_voice_main_content .voice_faq_list h2, .drawer_menu_button .label, #drawer_menu_button .label, #header_button_list a, #footer_sns.color_type1 a:before, #bread_crumb, #bread_crumb li.last, #related_post .headline,  #comments .headline, .faq_list .t
130itle.active, #simple_page_header .catch
131    { color:#ff9933; }
132
133.design_profile .sns_button_list.color_type1 a:before, .cardlink .title a
134  { color:#ff9933 !important; }
135
136.design_content .headline, .design_button2:after, .page_navi span.current, .cb_headline, #submit_comment, #post_pagination p, #archive_pickup_post_slider_area .headline, #archive_gallery .splide__pagination li button.is-active, .drawer_menu_button .line, #drawer_menu, #header_logo, #drawer_menu_button .line, #return_top a, #archive_recommend_post_slider .splide__pagination button.is-active, #comment_tab li.active a, .widget_tab_post_list_button div.active, #wp-calendar tbody a, .widget_categories a:before, .lesson_content .top_headline, .q_styled_ol li:before, #drawer_menu_mobile,
137  body.header_fixed #header, #header:after, #dropdown_menu ul ul a
138    { background-color:#ff9933; }
139
140.page_navi span.current, .design_profile .sns_button_list.color_type1 a, #single_post_header .category, #header_button_list a, #footer_sns.color_type1 a, #archive_recommend_post_slider .category, .blog_list .category,#blog_category_sort .item a,#archive_pickup_post_slider .category, #author_sns a
141  { border-color:#ff9933; }
142
143a:hover, .post_content a.design_button2:hover, .design_profile .sns_button_list.color_type1 a:hover:before, #header_button_list a:hover, .drawer_menu_button:hover .label, #next_prev_post2 a:hover .title, .single_post_nav:hover span:after, .faq_list .title:hover, .tcdw_search_box_widget .search_area .search_button:hover:before, #single_author_title_area .author_link li a:hover:before, .author_profile a:hover, #post_meta_bottom a:hover, .cardlink_title a:hover, .comment a:hover,
144  .comment_form_wrapper a:hover, #tcd_toc.styled .toc_link:hover, .tcd_toc_widget.no_underline .toc_widget_wrap.styled .toc_link:hover, #author_sns.color_type1 li a:hover:before, .voice_list a:hover .catch, .voice_carousel a:hover .catch, #next_prev_post2 a:hover .title, #single_post_header .category a:hover, #archive_recommend_post_slider .category:hover, #archive_pickup_post_slider .category:hover, .blog_list .category:hover
145    { color:#cd6701; }
146
147#post_pagination a:hover, #return_top a:hover, .drawer_menu_button:hover .line, #archive_gallery .splide__pagination li button:hover, .page_navi a:hover, #archive_recommend_post_slider .splide__pagination button:hover, #p_readmore .button:hover, .c-pw__btn:hover, #comment_tab li a:hover, #submit_comment:hover, #cancel_comment_reply a:hover, #post_tag_list a:hover,  #wp-calendar #prev a:hover, #wp-calendar #next a:hover, #wp-calendar td a:hover, #comment_tab li a:hover, .tcdw_tag_list_widget ol a:hover, .widget_tag_cloud .tagcloud a:hover, #wp-calendar tbody a:hover, #dropdown_menu ul ul a:hover
148  { background-color:#cd6701; }
149
150#mobile_menu li li a, body.header_fixed #dropdown_menu > ul > li.active > a, body.header_fixed #dropdown_menu ul ul a
151  { background-color:#cd6701; }
152
153.design_profile .sns_button_list.color_type1 a:hover, #archive_pickup_post_slider .category:hover, #header_button_list a:hover, .blog_list .category:hover, #archive_recommend_post_slider .category:hover, #comment_textarea textarea:focus, .c-pw__box-input:focus, .tcdw_tag_list_widget ol a:hover, .widget_tag_cloud .tagcloud a:hover, #header_slider_wrap .slick-dots button:hover::before, #author_sns a:hover
154  { border-color:#cd6701; }
155
156body.header_fixed #dropdown_menu ul ul a:hover { background-color:#b44e00; }
157
158@media screen and (max-width:800px) {
159  body.mobile_header_fixed #header { background-color:#ff9933; }
160}
161
162.post_content a, .widget_block a, .textwidget a, #no_post a, #page_404_header .desc a, #no_search_result a { color:#1578d6; }
163#page_404_header .desc a:hover { color:#1578d6; }
164.widget_block a:hover, .textwidget a:hover, #no_post a:hover { color:rgba(21,120,214,0.6); }
165.post_content a:hover { color:#1578d6; }
166.styled_h2 {
167  font-size:28px!important;
168  text-align:center!important;
169  font-weight:600!important;
170  color:#000000;
171  border-color:#000000;
172  border-width:1px;
173  border-style:solid;
174border-left:none;
175border-right:none;
176border-top:none;
177border-bottom:none;
178background-color:transparent;
179}
180@media screen and (max-width:800px) {
181  .styled_h2 { font-size:22px!important; }
182}
183.styled_h3 {
184  font-size:26px!important;
185  text-align:left!important;
186  font-weight:600!important;
187  color:#000000;
188  border-color:#000000;
189  border-width:2px;
190  border-style:solid;
191padding-left:1em!important;
192padding-top:0.5em!important;
193padding-bottom:0.5em!important;
194border-right:none;
195border-top:none;
196border-bottom:none;
197background-color:transparent;
198}
199@media screen and (max-width:800px) {
200  .styled_h3 { font-size:20px!important; }
201}
202.styled_h4 {
203  font-size:22px!important;
204  text-align:left!important;
205  font-weight:500!important;
206  color:#000000;
207  border-color:#dddddd;
208  border-width:1px;
209  border-style:dotted;
210border-left:none;
211border-right:none;
212border-top:none;
213padding-bottom:0.8em!important;
214background-color:transparent;
215}
216@media screen and (max-width:800px) {
217  .styled_h4 { font-size:18px!important; }
218}
219.styled_h5 {
220  font-size:20px!important;
221  text-align:left!important;
222  font-weight:500!important;
223  color:#000000;
224  border-color:#000000;
225  border-width:3px;
226  border-style:double;
227border-left:none;
228border-right:none;
229border-top:none;
230border-bottom:none;
231background-color:#f2f2f2;
232padding:0.8em 1em!important;
233}
234@media screen and (max-width:800px) {
235  .styled_h5 { font-size:16px!important; }
236}
237.post_content a.q_custom_button1 { width:280px; height:60px; line-height:60px;border-radius:0px;color:#7ea0c8 !important; border-color:#7ea0c8; }
238.post_content a.q_custom_button1:before { background-color:#4c6e96;opacity:0; }
239.post_content a.q_custom_button1:hover { color:#fff !important; border-color:#4c6e96; }
240.post_content a.q_custom_button1:hover:before { opacity:1; }
241@media (max-width: 1200px) {
242  .post_content a.q_custom_button1 { width:260px; }
243}
244@media (max-width: 800px) {
245  .post_content a.q_custom_button1 { width:240px; height:50px; line-height:50px; }
246}
247.post_content a.q_custom_button2 { width:280px; height:60px; line-height:60px;border-radius:0px;color:#fff !important; background-color:#7ea0c8;border:none; }
248.post_content a.q_custom_button2:before { background-color:#4c6e96;opacity:0; }
249.post_content a.q_custom_button2:hover {  }
250.post_content a.q_custom_button2:hover:before { opacity:1; }
251@media (max-width: 1200px) {
252  .post_content a.q_custom_button2 { width:260px; }
253}
254@media (max-width: 800px) {
255  .post_content a.q_custom_button2 { width:240px; height:50px; line-height:50px; }
256}
257.post_content a.q_custom_button3 { width:280px; height:60px; line-height:60px;border-radius:0px;color:#fff !important; border-color:#7ea0c8; }
258.post_content a.q_custom_button3:before { background-color:#7ea0c8;
258opacity:1; }
259.post_content a.q_custom_button3:hover { color:#4c6e96 !important; border-color:#4c6e96; }
260.post_content a.q_custom_button3:hover:before { opacity:0; }
261@media (max-width: 1200px) {
262  .post_content a.q_custom_button3 { width:260px; }
263}
264@media (max-width: 800px) {
265  .post_content a.q_custom_button3 { width:240px; height:50px; line-height:50px; }
266}
267.q_frame1 {
268  background:#ffffff;
269  border-radius:0px;
270  border-width:1px;
271  border-color:#dddddd;
272  border-style:solid;
273}
274.q_frame1 .q_frame_label {
275  color:#000000;
276}
277.q_frame2 {
278  background:#ffffff;
279  border-radius:0px;
280  border-width:1px;
281  border-color:#009aff;
282  border-style:solid;
283}
284.q_frame2 .q_frame_label {
285  color:#009aff;
286}
287.q_frame3 {
288  background:#ffffff;
289  border-radius:10px;
290  border-width:1px;
291  border-color:#f9b42d;
292  border-style:solid;
293}
294.q_frame3 .q_frame_label {
295  color:#f9b42d;
296}
297.q_underline1 {
298  font-weight:500;
299  background-image: -webkit-linear-gradient(left, transparent 50%, #fff799 50%);
300  background-image: -moz-linear-gradient(left, transparent 50%, #fff799 50%);
301  background-image: linear-gradient(to right, transparent 50%, #fff799 50%);
302  background-position:-100% 0.8em;}
303.q_underline2 {
304  font-weight:600;
305  background-image: -webkit-linear-gradient(left, transparent 50%, #99f9ff 50%);
306  background-image: -moz-linear-gradient(left, transparent 50%, #99f9ff 50%);
307  background-image: linear-gradient(to right, transparent 50%, #99f9ff 50%);
308  }
309.q_underline3 {
310  font-weight:600;
311  background-image: -webkit-linear-gradient(left, transparent 50%, #ff99b8 50%);
312  background-image: -moz-linear-gradient(left, transparent 50%, #ff99b8 50%);
313  background-image: linear-gradient(to right, transparent 50%, #ff99b8 50%);
314  }
315.speech_balloon1 .speech_balloon_text_inner {
316  color:#000000;
317  background-color:#ffdfdf;
318  border-color:#ffdfdf;
319}
320.speech_balloon1 .before { border-left-color:#ffdfdf; }
321.speech_balloon1 .after { border-right-color:#ffdfdf; }
322.speech_balloon2 .speech_balloon_text_inner {
323  color:#000000;
324  background-color:#ffffff;
325  border-color:#ff5353;
326}
327.speech_balloon2 .before { border-left-color:#ff5353; }
328.speech_balloon2 .after { border-right-color:#ffffff; }
329.speech_balloon3 .speech_balloon_text_inner {
330  color:#000000;
331  background-color:#ccf4ff;
332  border-color:#ccf4ff;
333}
334.speech_balloon3 .before { border-left-color:#ccf4ff; }
335.speech_balloon3 .after { border-right-color:#ccf4ff; }
336.speech_balloon4 .speech_balloon_text_inner {
337  color:#000000;
338  background-color:#ffffff;
339  border-color:#0789b5;
340}
341.speech_balloon4 .before { border-left-color:#0789b5; }
342.speech_balloon4 .after { border-right-color:#ffffff; }
343.qt_google_map .pb_googlemap_custom-overlay-inner { background:#000000; color:#ffffff; }
344.qt_google_map .pb_googlemap_custom-overlay-inner::after { border-color:#000000 transparent transparent transparent; }
345</style>
346
347<style id="current-page-style" type="text/css">
348</style>
349
350
351<link rel="icon" href="https://sus4.co.jp/wp-content/uploads/2025/03/cropped-sus4_favicon-1-32x32.png" sizes="32x32" />
352<link rel="icon" href="https://sus4.co.jp/wp-content/uploads/2025/03/cropped-sus4_favicon-1-192x192.png" sizes="192x192" />
353<link rel="apple-touch-icon" href="https://sus4.co.jp/wp-content/uploads/2025/03/cropped-sus4_favicon-1-180x180.png" />
354<meta name="msapplication-TileImage" content="https://sus4.co.jp/wp-content/uploads/2025/03/cropped-sus4_favicon-1-270x270.png" />
355<style id="wp-custom-css">
356#bread_crumb li,
357#bread_crumb,
358#breadcrumbs a,
359.breadcrumbs a,
360.breadcrumbs{
361	font-size:smaller !important;
362  margin: .3em;
363  color: #666 !important;
364}
365
366#bread_crumb ul{
367  margin-top: 1.3em !important;
368}
369
370.link-none {
371   pointer-events: none !important;
372	color:#000 !important;
373}
374
375.link-none a{
376	color:#000 !important;
377}
378</style>
379</head>
380<body id="body" class="archive post-type-archive post-type-archive-gallery wp-embed-responsive wp-theme-cherie_tcd101 design_type1 header_type1 hide_post_carousel no_page_nav">
381<div id="js-body-start"></div>
382
383
384<header id="header">
385 <p id="header_logo">
386 <a href="https://sus4.co.jp/" title="sus4 Co., Ltd.">
387    <img class="logo_image pc" src="https://sus4.co.jp/wp-content/uploads/2025/02/sus4_ver2.png?1791196593" alt="sus4 Co., Ltd." title="sus4 Co., Ltd." width="221" height="64" />
388    <img class="logo_image mobile" src="https://sus4.co.jp/wp-content/uploads/2025/02/sus4_ver2.png?1791196593" alt="sus4 Co., Ltd." title="sus4 Co., Ltd." width="221" height="64" />
389     </a>
390</p>
391
392 <div id="site_desc"><div><span>喜びを共有するブランディング</span></div></div>
393  <div class="drawer_menu_button open"><span class="line"></span><span class="line"></span><span class="line"></span><span class="label">MENU</span></div>
394 
395</header>
396
397<div id="container">
398
399 
400<div class="design_content layout1 inview">
401 <div class="main_content">
402    <p class="catch header_catch">sus4の制作実績</p>
403      <p class="desc">私たちが手がけたブランドづくりからブランディングまでの実績をご紹介いたします。</p>
404   </div>
405 <div class="image_area">
406    <h1 class="headline">Works</h1>
407      <img class="image1" src="https://sus4.co.jp/wp-content/uploads/2025/03/実績1.jpg" alt="" width="550" height="650">
408   </div>
409  <div class="image_bottom">
410  <img src="https://sus4.co.jp/wp-content/uploads/2025/03/ラッピング.jpg" alt="" width="550" height="538">
411 </div>
412   <p class="desc_bottom">私たちが手がけたブランドづくりからブランディングまでの実績をご紹介いたします。</p>
413 </div>
414
415<div id="archive_gallery">
416
417   <section class="gallery_list hide_nav gallery_list_776 inview">
418
419   <div class="header">
420    <h2 class="headline">加藤大典商店様 ブランドロゴ</h2>
421        <div class="desc"><p>加藤大典商店様は、三代にわたって地域に根ざした誠実な商いを続けてこられた、歴史ある企業です。<br />
422その由緒ある社名を冠したブランドに、新しい息吹をもたらすべく、今回ロゴのリニューアルをご一緒させていただきました。</p>
423<p>&nbsp;</p>
424<p>かつてから使われてきた漢字の社名表記を一新し、ロゴマークとロゴタイプで構成された現代的な企業ブランドロゴへと刷新したのは、三代目となる新社長の「新たな時代を切り拓く」という強い意志の表れでもあります。</p>
425<p>&nbsp;</p>
426<p>ロゴのモチーフには、モザイクタイルのような幾何学的なフォルムを採用し、見る人に親しみやすさと手になじむ温もりを感じさせながらも、右上へと転がり続けるような躍動感を持たせました。これは、これまでの歴史に敬意を払いながらも、今後の発展と挑戦を力強く象徴する造形です。</p>
427<p>&nbsp;</p>
428<p>sus4としては、このロゴが単なる印ではなく、企業の精神を体現する“旗印”となることを目指し、視覚だけでなく意味と未来性を込めて設計しました。<br />
429これからの加藤大典商店様の歩みに、ささやかでも確かな追い風となれたことを誇りに思います。</p>
430</div>
431       </div>
432
433   <div class="splide post_list_carousel">
434    <div class="splide__track">
435     <div class="splide__list">
436      <div class="splide__slide post_list">
437              <a class="item animate_background no_auto_scroll modal_button" data-modal-target="#gallery_image_modal_num_776" data-item-num="0" href="#">
438                        <div class="image_wrap">
439         <img loading="lazy" class="image" src="https://sus4.co.jp/wp-content/uploads/2025/07/加藤大典商店_実績用ロゴ_logoのみ-1.jpg" width="500" height="500" />
440        </div>
441       </a>
442             <a class="item animate_background no_auto_scroll modal_button" data-modal-target="#gallery_image_modal_num_776" data-item-num="1" href="#">
443                        <div class="image_wrap">
444         <img loading="lazy" class="image" src="https://sus4.co.jp/wp-content/uploads/2025/07/加藤大典商店_実績用ロゴ_logo縦-1.jpg" width="500" height="500" />
445        </div>
446       </a>
447             <a class="item animate_background no_auto_scroll modal_button" data-modal-target="#gallery_image_modal_num_776" data-item-num="2" href="#">
448                        <div class="image_wrap">
449         <img loading="lazy" class="image" src="https://sus4.co.jp/wp-content/uploads/2025/07/加藤大典商店_実績用ロゴ_logo横.jpg" width="500" height="500" />
450        </div>
451       </a>
452            </div><!--- END .post_list -->
453           </div><!-- END .splide__list -->
454    </div><!-- END .splide__track -->
455   </div><!-- END .splide -->
456
457  </section>
458
459    <div class="gallery_image_modal" id="gallery_image_modal_num_776">
460   <div class="gallery_image_modal_inner">
461    <div class="close_button"></div>
462    <div class="splide gallery_image_modal_carousel">
463     <div class="splide__track">
464      <div class="splide__list">
465              <div class="splide__slide item">
466        <div class="item_inner">
467                  <div class="image">
468                   <img src="https://sus4.co.jp/wp-content/uploads/2025/07/加藤大典商店_実績用ロゴ_logoのみ-1.jpg" width="500" height="500" />
469                            </div>
470                 </div>
471       </div>
472              <div class="splide__slide item">
473        <div class="item_inner">
474                  <div class="image">
475                   <img src="https://sus4.co.jp/wp-content/uploads/2025/07/加藤大典商店_実績用ロゴ_logo縦-1.jpg" width="500" height="500" />
476                            </div>
477                 </div>
478       </div>
479              <div class="splide__slide item">
480        <div class="item_inner">
481                  <div class="image">
482                   <img src="https://sus4.co.jp/wp-content/uploads/2025/07/加藤大典商店_実績用ロゴ_logo横.jpg" width="500" height="500" />
483                            </div>
484                 </div>
485       </div>
486             </div>
487     </div>
488    </div><!-- END .splide -->
489   </div>
490   <div class="overlay"></div>
491  </div>
492
493  
494</div><!-- END #archive_gallery -->
495
496
497 
498  <div id="footer_banner_wrap">
499  <div id="footer_banner">
500      <img loading="lazy" class="logo_image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4_logo_open.png" width="458" height="133" />
501      <a class="animate_background" href="https://sus4.co.jp/contact/" >
502    <span class="title">お問合せ</span>    <div class="image_wrap">
503     <img loading="lazy" class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/フッダー1.jpg" width="550" height="400" />
504    </div>
505   </a>
506      <a class="animate_background" href="https://sus4.co.jp/company/#access" >
507    <span class="title">アクセス</span>    <div class="image_wrap">
508     <img loading="lazy" class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/フッダー2.jpg" width="550" height="400" />
509    </div>
510   </a>
511      <div class="overlay" style="background-color:rgba(255,255,255,0.1);"></div>
512  </div>
513 </div>
514 
515 
516  <footer id="footer">
517
518  
519    <div id="footer_nav">
520   <div class="footer_menu"><ul id="menu-menu2" class="menu"><li id="menu-item-91" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-91"><a href="https://sus4.co.jp/">ホーム</a></li>
521<li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://sus4.co.jp/about/">sus4について</a></li>
522<li id="menu-item-96" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96"><a href="https://sus4.co.jp/company/">会社概要・アクセス</a></li>
523<li id="menu-item-94" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94"><a href="https://sus4.co.jp/business/">sus4の事業</a></li>
524<li id="menu-item-97" class="menu-item menu-item-type-post_type_archive menu-item-object-gallery current-menu-item menu-item-97"><a href="https://sus4.co.jp/blog/gallery/" aria-current="page">sus4の制作実績</a></li>
525<li id="menu-item-98" class="menu-item menu-item-type-post_type_archive menu-item-object-voice menu-item-98"><a href="https://sus4.co.jp/blog/voice/">お客様の声</a></li>
526<li id="menu-item-102" class="menu-item menu-item-type-post_type_archive menu-item-object-news menu-item-102"><a href="https://sus4.co.jp/blog/news/">最新情報</a></li>
527<li id="menu-item-199" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-199"><a href="https://sus4.co.jp/column/">コラム</a></li>
528<li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="https://sus4.co.jp/contact/">お問合せ</a></li>
529<li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="https://sus4.co.jp/sitemap/">サイトマップ</a></li>
530<li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-92"><a rel="privacy-policy" href="https://sus4.co.jp/privacy-policy/">プライバシーポリシー</a></li>
531</ul></div>  </div>
532  
533  
534    <ul id="footer_sns" class="sns_button_list clearfix color_type1">
535   <li class="insta"><a href="https://www.instagram.com/strategic_unit_for_success_4/" rel="nofollow noopener" target="_blank" title="Instagram"><span>Instagram</span></a></li>         <li class="facebook"><a href="https://www.facebook.com/sus4.co.jp/" rel="nofollow noopener" target="_blank" title="Facebook"><span>Facebook</span></a></li>            <li class="rss"><a href="https://sus4.co.jp/feed/" rel="nofollow noopener" target="_blank" title="RSS"><span>RSS</span></a></li>  </ul>
536  
537  
538    <p id="copyright">Copyright © 2025</p>
539
540 </footer>
541
542 <div id="return_top">
543  <a class="no_auto_scroll" href="#body"><span>PAGE TOP</span></a>
544 </div>
545
546</div><!-- #container -->
547
548<div id="drawer_menu">
549
550 <div class="drawer_menu_button close"><span class="line"></span><span class="line"></span><span class="line"></span></div>
551
552 <div id="drawer_menu_content">
553
554    <h2 class="logo"><a href="https://sus4.co.jp/" title="sus4 Co., Ltd."><img src="https://sus4.co.jp/wp-content/uploads/2025/02/sus4_ver2.png" width="221" height="64" /></a></h2>
555  
556    <nav id="global_menu">
557   <ul id="menu-menu1" class="menu"><li><a class="animate_background" href="https://sus4.co.jp/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">ホーム</span></div></a></li>
558<li><a class="animate_background" href="https://sus4.co.jp/about/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">sus4について</span></div></a></li>
559<li><a class="animate_background" href="https://sus4.co.jp/company/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">会社概要・アクセス</span></div></a></li>
560<li><a class="animate_background" href="https://sus4.co.jp/business/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">sus4の事業</span></div></a></li>
561<li><a class="animate_background" href="https://sus4.co.jp/blog/gallery/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">sus4の制作実績</span></div></a></li>
562<li><a class="animate_background" href="https://sus4.co.jp/blog/voice/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">お客様の声</span></div></a></li>
563<li><a class="animate_background" href="https://sus4.co.jp/blog/news/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">最新情報</span></div></a></li>
564<li><a class="animate_background" href="https://sus4.co.jp/column/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">コラム</span></div></a></li>
565<li><a class="animate_background" href="https://sus4.co.jp/contact/"><div class="image_wrap"><img class="image" src="https://sus4.co.jp/wp-content/uploads/2025/03/sus4mark2.png" width="142" height="142" /></div><div class="content"><span class="title">お問合せ</span></div></a></li>
566</ul>  </nav>
567
568 </div>
569
570</div>
571
572<div id="drawer_menu_mobile">
573
574 <div class="header">
575  <div id="mobile_close_button"></div>
576 </div>
577
578  <nav id="mobile_menu">
579  <ul id="menu-menu1-1" class="menu"><li id="menu-item-68" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-68"><a href="https://sus4.co.jp/">ホーム</a></li>
580<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="https://sus4.co.jp/about/">sus4について</a></li>
581<li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://sus4.co.jp/company/">会社概要・アクセス</a></li>
582<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="https://sus4.co.jp/business/">sus4の事業</a></li>
583<li id="menu-item-75" class="menu-item menu-item-type-post_type_archive menu-item-object-gallery current-menu-item menu-item-75"><a href="https://sus4.co.jp/blog/gallery/" aria-current="page">sus4の制作実績</a></li>
584<li id="menu-item-76" class="menu-item menu-item-type-post_type_archive menu-item-object-voice menu-item-76"><a href="https://sus4.co.jp/blog/voice/">お客様の声</a></li>
585<li id="menu-item-74" class="menu-item menu-item-type-post_type_archive menu-item-object-news menu-item-74"><a href="https://sus4.co.jp/blog/news/">最新情報</a></li>
586<li id="menu-item-200" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-200"><a href="https://sus4.co.jp/column/">コラム</a></li>
587<li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://sus4.co.jp/contact/">お問合せ</a></li>
588</ul> </nav>
589
590  <ul id="mobile_sns" class="sns_button_list clearfix color_type1">
591  <li class="insta"><a href="https://www.instagram.com/strategic_unit_for_success_4/" rel="nofollow noopener" target="_blank" title="Instagram"><span>Instagram</span></a></li>      <li class="facebook"><a href="https://www.facebook.com/sus4.co.jp/" rel="nofollow noopener" target="_blank" title="Facebook"><span>Facebook</span></a></li>        <li class="rss"><a href="https://sus4.co.jp/feed/" rel="nofollow noopener" target="_blank" title="RSS"><span>RSS</span></a></li> </ul>
592 
593</div>
594
595
596<script type="speculationrules">
597{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/cherie_tcd101/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
598</script>
vendor: 1 bytes, line 598
598
599<script id="simplebar.min-js" src="https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/simplebar.min.js?ver=1.9"></script>
vendor: 1 bytes, line 599
599
600<script id="jquery.easing.1.4-js" src="https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/jquery.easing.1.4.js?ver=1.9"></script>
vendor: 1 bytes, line 600
600
601<script id="jscript-js" src="https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/jscript.js?ver=1.9"></script>
vendor: 1 bytes, line 601
601
602<script id="tcd_cookie-js" src="https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/tcd_cookie.min.js?ver=1.9"></script>
vendor: 1 bytes, line 602
602
603<script id="slick-script-js" src="https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/slick.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 603
603
604<script id="splide_script-js" src="https://sus4.co.jp/wp-content/themes/cherie_tcd101/js/splide.min.js?ver=4.1.3"></script>
vendor: 1 bytes, line 604
604
605<script id="googlesitekit-events-provider-content-events-js-before">
606window._googlesitekit = window._googlesitekit || {};
607window._googlesitekit.contentEvents = {"postID":0,"isSinglePost":false,"hasVimeoEmbed":false};
608//# sourceURL=googlesitekit-events-provider-content-events-js-before
609</script>
vendor: 1 bytes, line 609
609
610<script id="googlesitekit-events-provider-content-events-js" src="https://sus4.co.jp/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 610
610
611<script>
612
613
614jQuery(window).bind("pageshow", function(event) {
615  if ('scrollRestoration' in history) {
616    history.scrollRestoration = 'manual';
617  }
618});
619
620const targets = document.querySelectorAll('.inview');
621const options = {
622  root: null,
623  rootMargin: '-150px 0px',
624  threshold: 0
625};
626const observer = new IntersectionObserver(intersect, options);
627targets.forEach(target => {
628  observer.observe(target);
629});
630function intersect(entries) {
631  entries.forEach(entry => {
632    if (entry.isIntersecting) {
633      jQuery(entry.target).addClass('start_animate');
634      observer.unobserve(entry.target);
635    }
636  });
637}
638
639jQuery(document).ready(function($){
640
641if( $('.gallery_list').length ){
642
643  $(".modal_button").on('click',function() {
644    var target_modal = $(this).data('modal-target');
645    $('.gallery_image_modal').removeClass('open_modal');
646    $(target_modal).addClass('open_modal');
647    var item_num = $(this).data('item-num');
648    var gallery_image_modal_carousel = new Splide( target_modal + ' .gallery_image_modal_carousel', {
649      type : 'loop',
650      drag : 'free',
651      snap : true,
652      autoplay : false,
653      pauseOnFocus : false,
654      speed : 1500,
655      easing : 'cubic-bezier(0.165, 0.84, 0.44, 1)',
656      perPage : 1,
657      perMove : 1,
658      arrows : true,
659      pagination : false,
660      gap : '20px',
661      padding : { left: 10, right: 10 },
662      start : item_num,
663    });
664    gallery_image_modal_carousel.on('ready', function(){
665      $('.gallery_image_modal_carousel .item.is-active', target_modal).addClass('first_item');
666    });
667    gallery_image_modal_carousel.mount();
668    gallery_image_modal_carousel.on( 'move', function () {
669      $('.gallery_image_modal_carousel .item', target_modal).removeClass('first_item').addClass('moving');
670    });
671    gallery_image_modal_carousel.on( 'moved', function () {
672      $('.gallery_image_modal_carousel .item', target_modal).removeClass('moving');
673    });
674    return false;
675  });
676
677  $(".gallery_image_modal .close_button, .gallery_image_modal .overlay").on('click',function() {
678    $('.gallery_image_modal').removeClass('open_modal');
679    $('.gallery_image_modal_carousel .item').removeClass('animate');
680    return false;
681  });
682
683  var thumb_list_776 = new Splide('.gallery_list_776 .post_list_carousel', {
684    drag : 'free',
685    snap : true,
686    autoplay : false,
687    pauseOnFocus : false,
688    speed : 1000,
689    easing : 'cubic-bezier(0.165, 0.84, 0.44, 1)',
690    perPage : 1,
691    perMove : 1,
692    arrows : false,
693    pagination : true,
694    gap : '25px',
695    breakpoints : {
696      800 : {
697        gap : '20px',
698      }
699    }
700  });
701  thumb_list_776.mount();
702
703};
704
705});
706
707jQuery(document).ready(function($){
708
709  
710  $('#page_header').addClass('animate');
711
712  
713});
714
715</script>
715
716</body>
717</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.