スパイラル株式会社

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <link rel="icon" href="/favicon.ico">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@100;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/css/destyle.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/slick/slick.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/slick/slick-theme.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/css/style.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/css/pb_style.css"> <script src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/js/jquery-3.6.4.min.js"></script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>スパイラル株式会社</title> <meta name="description" content="スパイラル株式会社は「デジタルによる未来最適」をビジョンに掲げ、自社開発のローコード開発プラットフォーム「SPIRAL®」を中心に幅広い業種や分野を対象としたクラウドサービスを提供しています。" /> <link rel="canonical" href="https://www.spiral-platform.co.jp/" /> <link rel="next" href="https://www.spiral-platform.co.jp/page/2/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="website" /> <meta property="og:title" content="スパイラル株式会社" /> <meta property="og:description" content="スパイラル株式会社は「デジタルによる未来最適」をビジョンに掲げ、自社開発のローコード開発プラットフォーム「SPIRAL®」を中心に幅広い業種や分野を対象としたクラウドサービスを提供しています。" /> <meta property="og:url" content="https://www.spiral-platform.co.jp/" /> <meta property="og:site_name" content="スパイラル株式会社" /> <meta property="og:image" content="https://www.spiral-platform.co.jp/wp-content/uploads/2023/11/ogp_logo_spiralinc.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.spiral-platform.co.jp/","url":"https://www.spiral-platform.co.jp/","name":"スパイラル株式会社","isPartOf":{"@id":"https://www.spiral-platform.co.jp/#website"},"about":{"@id":"https://www.spiral-platform.co.jp/#organization"},"description":"スパイラル株式会社は「デジタルによる未来最適」をビジョンに掲げ、自社開発のローコード開発プラットフォーム「SPIRAL®」を中心に幅広い業種や分野を対象としたクラウドサービスを提供しています。","breadcrumb":{"@id":"https://www.spiral-platform.co.jp/#breadcrumb"},"inLanguage":"ja"},{"@type":"BreadcrumbList","@id":"https://www.spiral-platform.co.jp/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム"}]},{"@type":"WebSite","@id":"https://www.spiral-platform.co.jp/#website","url":"https://www.spiral-platform.co.jp/","name":"スパイラル株式会社","description":"","publisher":{"@id":"https://www.spiral-platform.co.jp/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.spiral-platform.co.jp/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"Organization","@id":"https://www.spiral-platform.co.jp/#organization","name":"スパイラル株式会社","url":"https://www.spiral-platform.co.jp/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https://www.spiral-platform.co.jp/#/schema/logo/image/","url":"https://www.spiral-platform.co.jp/wp-content/uploads/2023/11/ogp_logo_spiralinc.png","contentUrl":"https://www.spiral-platform.co.jp/wp-content/uploads/2023/11/ogp_logo_spiralinc.png","width":1200,"height":630,"caption":"スパイラル株式会社"},"image":{"@id":"https://www.spiral-platform.co.jp/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//modules.promolayer.io' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.spiral-platform.co.jp\/wp-includes\/js\/wp-emoji-release.min.js"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.spiral-platform.co.jp/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .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} </style> <style id='global-styles-inline-css' type='text/css'> body{--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,rgba(6,147,227,1) 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,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 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 rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;}.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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <script type="module" src="https://modules.promolayer.io/index.js" data-pluid="8wZWE7wq4dd8cnesZmSlJbkOnre2" crossorigin async></script><link rel="https://api.w.org/" href="https://www.spiral-platform.co.jp/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.spiral-platform.co.jp/xmlrpc.php?rsd" /> <style type="text/css"> @media screen and (min-width: 768px){.blkMvTop{height:956px;background-image:url(/wp-content/themes/spiral/assets/img/top/bg_top_mv-2.png)}}@media screen and (max-width: 767px){.blkMvTop{background-image:url(/wp-content/themes/spiral/assets/img/top/bg_top_mv_sp-2.png);height:167.4666666667vw}}.blkMvTop__inner{max-width:1180px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 767px){.blkMvTop__inner{position:absolute;bottom:0;width:100%;padding:0 8vw 25.3333333333vw}}.blkMvTop__txt{font-weight:bold;color:#fff}@media screen and (min-width: 768px){.blkMvTop__txt{margin: 124px auto 0;padding: 0 20px 0 100px}}@media screen and (min-width: 1199px){.blkMvTop__txt{margin: 124px auto 0;padding: 0 20px 0 100px}}@media screen and (max-width: 767px){.blkMvTop__txt{width:100%}}@media screen and (min-width: 768px){.blkMvTop__txt01{font-size:35px;line-height:2.08;padding-left:30px;text-align:center}}@media screen and (max-width: 767px){.blkMvTop__txt01{font-size:6vw;line-height:5.9733333333vw;text-align:center}}.blkMvTop__txt02{position:absolute;text-align:center;font-weight:700;width:100%;font-size:37px;line-height:54px;color:rgba(255,255,255,.65);text-shadow:0px 0px 6px rgba(0,255,226,.65);letter-spacing:4.3px}@media screen and (min-width: 768px){.blkMvTop__txt02{padding: 0 20px 287px 100px;bottom:0}}@media screen and (min-width: 768px)and (max-width: 1024px){.blkMvTop__txt02{font-size:28px;line-height:1.4594594595;padding: 0 20px 287px 100px}}@media screen and (max-width: 767px){.blkMvTop__txt02{font-size:4.8vw;line-height:6.9333333333vw;top:15.2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:center;letter-spacing:0.5333333333vw}}.blkMvTop__ttl{font-size:52px;letter-spacing:.02em;text-align:center}.blkMvTop__ttl span{font-size:35px}@media screen and (min-width: 768px)and (max-width: 1024px){.blkMvTop__ttl{font-size:45px}}@media screen and (max-width: 767px){.blkMvTop__ttl{font-size:8.5333333333vw;margin:2.6666666667vw -8vw 0 -5.8666666667vw}.blkMvTop__ttl span{font-size:6vw}}.blkMvTop__subTtl{letter-spacing:.02em}@media screen and (min-width: 768px){.blkMvTop__subTtl{font-size:36px;padding-left:34px}}@media screen and (min-width: 768px)and (max-width: 1024px){.blkMvTop__subTtl{font-size:30px}}@media screen and (max-width: 767px){.blkMvTop__subTtl{font-size:6.4vw}}@media screen and (max-width: 767px){.blkMvTop__subTtl span{font-size:3.7333333333vw}}#blkMvTop__btn{display:flex;justify-content:center;gap:20px}.blkMvTop__btn{font-size:19px;line-height:1.3684210526;color:#fff;background:rgba(0,0,0,0);border-radius:999px;border:2px solid #fff;padding:14px 20px 17px;height:60px;width:240px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:60px 0 0;transition:.3s}@media screen and (max-width: 767px){.blkMvTop__btn{margin:0;font-size:3.7333333333vw;line-height:5.9733333333vw;padding:2.6666666667vw 5.3333333333vw 2.6666666667vw;width:46.9333333333vw;height:11.7333333333vw;margin-top:11.7333333333vw}}.blkMvTop__btn:hover{border:0;background:#fff;color:#1d50a2;-webkit-box-shadow:0px 4px 15px 0px rgba(0,0,0,.42);-moz-box-shadow:0px 4px 15px 0px rgba(0,0,0,.42);box-shadow:0px 4px 15px 0px rgba(0,0,0,.42)}.blkService{padding:164px 0 130px;position:relative}@media screen and (max-width: 767px){.blkService{padding:19.2vw 0 13.3333333333vw}}.blkService:after{content:"";width:100%;height:400px;background:#f5f5f5;position:absolute;bottom:0;left:0;right:0;margin:auto;-webkit-transform:skewY(5deg);transform:skewY(5deg);z-index:-1;pointer-events:none} #blkMvTop__btn a { text-align: center; width: 340px; } .btn_right { background-color: #f08437; border-color: #f08437; } .btn_right:hover { background-color: #fff; border-color: #fff; color: #1d50a2; } @media screen and (max-width: 767px) { #blkMvTop__btn { display: block; margin: 7vw auto 0; } .blkMvTop__btn { width: 90%; } .btn_right { margin-top: 6vw; } } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KXC326');</script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXC326" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript>  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v18.0" nonce="dhSAInnP"></script> <div class="wrap"> <header class="l-header"> <div class="l-header__logo only-sp"><a href="/"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/logo.svg" alt="Spiral"></a></div> <div class="navigation__action only-sp"> <div class="navigation__button only-sp"> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> </div> </div> <div class="l-header__inner"> <div class="l-header__main"> <div class="l-header__logo only-pc"><a href="/"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/logo.svg" alt="Spiral"></a></div> <div class="l-header__service">サービス/ソリューション一覧</div> <ul class="l-header__nav only-pc"> <li class="l-header__navItem nav-open"><a href="/service/" class="l-header__navLink">サービス</a> <div id="service__nav" class="l-header__navItem"> <div class="inner"> <dl class="type"> <dt>分類から選ぶ：</dt> <dd> <ul> <li><a href="/service/low-code/">ローコード開発プラットフォーム</a></li> <li><a href="/solution/">クラウドSI（ソリューション）</a></li> <li><a href="/service/public-dx/">公共DX</a></li> <li><a href="/service/industry-specific/">業界・業種特化サービス</a></li> </ul> </dd> </dl> <dl class="want_to"> <dt>やりたいことから選ぶ：</dt> <dd> <ul> <li><a href="/solution/">Webアプリ開発を依頼したい</a></li> <li><a href="/service/insourcing_development_support/">Webアプリを内製したい</a></li> <li><a href="/solution-app/wordpress/">WordPressで会員サイトを構築したい</a></li> </ul> </dd> </dl> <dl class="industry"> <dt>業界から選ぶ：</dt> <dd> <ul> <li><a href="/solution/financial-group/">金融（銀行・保険・証券・カード）</a></li> <li><a href="/service/public-dx/">公共（地方自治体・官公庁）</a></li> <li><a href="/solution/real-estate-group/">不動産</a></li> <li><a href="/solution/manufacturing-group/">メーカー・製造</a></li> <li><a href="/solution/medical-care-group/">製薬・医療</a></li> <li><a href="/solution/education-group/">学校・教育</a></li> <li><a href="/solution/organization-group/">協会・団体</a></li> </ul> </dd> </dl> <dl class="work"> <dt>業務から選ぶ：</dt> <dd> <ul> <li><a href="/solution/web-dev-group/">Webサイト・Webアプリ開発</a></li> <li><a href="/solution/support-group/">顧客対応・サポート</a></li> <li><a href="/solution/marketing-sales-group/">営業・マーケティング</a></li> <li><a href="/solution/office-group/">人事・総務・経理・IR</a></li> <li class="box"><a href="/service/">サービストップをみる</a></li> <li class="box"><a href="/contact/?f000099824=https://www.spiral-platform.co.jp">サービスについて問い合わせる</a></li> </ul> </dd> </dl> <dl class="products"> <dt>製品から選ぶ：</dt> <dd> <ul> <li><a href="/service/spiralv1/"><img src="/wp-content/uploads/common/logo_spiral-v1.svg" alt="SPIRAL ver.1"></a></li> <li><a href="https://spiral.pi-pe.co.jp/" target="blank"><img src="/wp-content/uploads/common/logo_spiral-v2.svg" alt="SPIRAL ver.2"></a></li> <li><a href="https://joypla.jp" target="blank"><img src="/wp-content/uploads/common/logo_joypla.svg" alt="JoyPla"></a></li> <li><a href="https://weex.jp" target="blank"><img src="/wp-content/uploads/common/logo_weex.svg" alt="WeeX"></a></li> <li><a href="/sp/product/mynumber/" target="blank"><img src="/wp-content/uploads/common/logo_mynumber.svg" alt="SPIRALマイナンバートータルソリューション"></a></li> </ul> </dd> </dl> <dl class="related_services"> <dt>関連サービスをみる：</dt> <dd> <ul> <li><a href="/service/spiral-solution/">SPIRAL ソリューションサービス</a></li> <li><a href="/service/spiral-managed-cloud/">SPIRAL マネージドクラウド</a></li> <li><a href="/solution-app/wp-mls/">SPIRALセキュアセッションマネージャー</a></li> </ul> </dd> </dl> </div> </div> </li> <li class="l-header__navItem"><a class="l-header__navLink" href="/case/">導入事例</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/news/">お知らせ</a></li> <li class="l-header__navItem nav-open"><a href="/event/" class="l-header__navLink">イベント</a> <div id="event__nav" class="l-header__navItem"> <div class="inner"> <dl class="seminar"> <dt> 製品・サービスに関する<br>セミナー・イベント </dt> <dd> <ul> <li><a href="/event/">開催予定のセミナー・イベント</a></li> </ul> </dd> </dl> <dl class="community-revitalization"> <dt> まちおこしイベント </dt> <dd> <ul> <li><a href="https://love-shimokitazawa.jp/archives/category/event" target="_blank">下北沢でのイベント（外部ページ）</a></li> </ul> </dd> </dl> </div> </div> </li> <li class="l-header__navItem"><a class="l-header__navLink" href="https://recruit.spiral-platform.co.jp/" target="_blank">採用情報</a></li> <li class="l-header__navItem l-header__navItem--dropdown"> <a class="l-header__navLink" href="/company/">企業情報</a> <ul class="dropdown"> <li class="dropdown__title">企業情報</li> <li class="l-header__navItem only-sp"><a href="/company/" class="l-header__navLink">企業情報TOP</a></li> <li class="l-header__navItem"><a href="/company/message/" class="l-header__navLink">代表メッセージ</a></li> <li class="l-header__navItem"><a href="/company/philosophy/" class="l-header__navLink">ビジョン・ミッション・バリュー</a></li> <li class="l-header__navItem"><a href="/company/outline/" class="l-header__navLink">会社概要</a></li> <li class="l-header__navItem"><a href="/company/history/" class="l-header__navLink">沿革</a></li> <li class="l-header__navItem"><a href="/company/access/" class="l-header__navLink">所在地</a></li> <li class="dropdown__back"><span class="dropdown__backIcon"></span>戻る</li> </ul> </li> </ul> <ul class="l-header__nav only-sp"> <li class="l-header__navItem"><a class="l-header__navLink" href="/service/">サービス</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/case/">導入事例</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/news/">お知らせ</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/event/">イベント</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="https://recruit.spiral-platform.co.jp/" target="_blank">採用情報</a></li> <li class="l-header__navItem l-header__navItem--dropdown"> <a class="l-header__navLink" href="/company/">企業情報</a> <ul class="dropdown"> <li class="dropdown__title">企業情報</li> <li class="l-header__navItem only-sp"><a href="/company/" class="l-header__navLink">企業情報TOP</a></li> <li class="l-header__navItem"><a href="/company/message/" class="l-header__navLink">代表メッセージ</a></li> <li class="l-header__navItem"><a href="/company/philosophy/" class="l-header__navLink">ビジョン・ミッション・バリュー</a></li> <li class="l-header__navItem"><a href="/company/outline/" class="l-header__navLink">会社概要</a></li> <li class="l-header__navItem"><a href="/company/history/" class="l-header__navLink">沿革</a></li> <li class="l-header__navItem"><a href="/company/access/" class="l-header__navLink">所在地</a></li> <li class="dropdown__back"><span class="dropdown__backIcon"></span>戻る</li> </ul> </li> </ul> </div> <div class="l-header__contact"> <div class="l-header__info"> <p class="l-header__time">平日／9:00～18:00</p> <p class="l-header__phone">0120-963-454</p> </div> <div class="l-header__action"><a href="/contact/?f000099824=https://www.spiral-platform.co.jp" class="l-header__button button">お問い合わせ</a></div> </div> </div> </header> <div class="navigation"> <div class="navigation__wrap"> <div class="navigation__inner"> <div class="navigation__main"> <div class="navigation__group navigation__group--half"> <p class="navigation__text">ローコード開発プラットフォーム事業</p> <div class="navigation__block"> <div class="navigation__box navigation__box--half"> <p class="navigation__title">プラットフォーム</p> <ul class="navigation__list"> <li class="navigation__item"><a href="/service/spiralv1/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_spiral_s.svg" alt="SPIRAL®︎ ver.1"></span>SPIRAL®︎ ver.1</a></li> <li class="navigation__item"><a href="https://spiral.pi-pe.co.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_spiral_s.svg" alt="SPIRAL®︎ ver.2"></span>SPIRAL®︎ ver.2</a></li> </ul> </div> <div class="navigation__box navigation__box--half"> <p class="navigation__title">ソリューション</p> <ul class="navigation__list"> <li class="navigation__item"><a href="/solution/financial-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_01.svg" alt=""></span>金融</a></li> <li class="navigation__item"><a href="/solution/real-estate-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_02.svg" alt=""></span>不動産</a></li> <li class="navigation__item"><a href="/solution/manufacturing-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_03.svg" alt=""></span>製造・メーカー</a></li> <li class="navigation__item"><a href="/solution/medical-care-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_04.svg" alt=""></span>製薬・医療</a></li> <li class="navigation__item"><a href="/solution/education-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_05.svg" alt=""></span>学校・教育</a></li> <li class="navigation__item"><a href="/solution/organization-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_06.svg" alt=""></span>協会・団体</a></li> <li class="navigation__item"><a href="https://weex.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_07.svg" alt=""></span>EC・アパレル</a></li> <li class="navigation__item"><a href="https://bireki.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_08.svg" alt=""></span>美容</a></li> </ul> </div> </div> </div> <div class="navigation__group"> <p class="navigation__text">SaaS・その他の事業</p> <div class="navigation__block"> <div class="navigation__box"> <p class="navigation__title"></p> <ul class="navigation__list"> <li class="navigation__item"><a href="/service/insourcing_development_support/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_11.png" alt=""></span>内製化・開発支援サービス</a></li> <li class="navigation__item"><a href="/service/spiral-place/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_01.svg" alt=""></span>SPIRAL PLACE®</a></li> <li class="navigation__item"><a href="/sp/product/stresscheck/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_02.png" alt=""></span>こころの健診センター</a></li> <li class="navigation__item"><a href="https://joypla.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_03.svg" alt=""></span>JoyPla®</a></li> <li class="navigation__item"><a href="/service/spiral-hr-cloud/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_04.svg" alt=""></span>SPIRAL HRクラウド</a></li> <li class="navigation__item"><a href="https://weex.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_05.svg" alt=""></span>WeeX</a></li> <li class="navigation__item"><a href="https://www.bizbase.biz/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_06.svg" alt=""></span>BizBase®</a></li> <li class="navigation__item"><a href="/service/spiral-managed-cloud/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_07.svg" alt=""></span>SPIRAL マネージドクラウド</a></li> <li class="navigation__item"><a href="https://bireki.jp/facultystore/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_10.svg" alt=""></span>美歴サロンワークステーション</a></li> <li class="navigation__item"><a href="https://bireki.jp/faculty/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_09.svg" alt=""></span>美歴 for Business</a></li> </ul> </div> </div> </div> <div class="navigation__group"> <p class="navigation__text">メディア</p> <div class="navigation__block"> <div class="navigation__box"> <p class="navigation__title"></p> <ul class="navigation__list"> <li class="navigation__item"><a href="https://seijiyama.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_01.svg" alt=""></span>政治山®</a></li> <li class="navigation__item"><a href="https://mykoho.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_02.svg" alt=""></span>マイ広報紙®</a></li> <li class="navigation__item"><a href="https://love-shimokitazawa.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_03.svg" alt=""></span>I LOVE 下北沢</a></li> <li class="navigation__item"><a href="https://curryfes.com/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_04.svg" alt=""></span>下北沢カレーフェスティバル®</a></li> <li class="navigation__item"><a href="https://barbar.love-shimokitazawa.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_05.svg" alt=""></span>ばるばる下北沢</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="navigation__action only-pc"> <div class="navigation__button"> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> </div> <div class="navigation__rotate">SERVICE / SOLUTION</div> </div> <div class="navigation__close only-sp"></div> </div> <style> .l-header { padding: 0; } .l-header__inner { align-items: center; } .l-header__nav { margin-left: 0; position: static !important; } #service__nav, #event__nav { background-color: #fff; border-bottom: 1px solid #e1edf8; box-shadow: 0 7px 20px 0 rgba(148,176,196,.42); display: none; margin-right: auto; margin-left: auto; padding: 40px 32px 50px 112px; position: absolute; top: 81px; left: 0; width: 100%; z-index: -10; } .l-header__navItem { padding: 28px 20px; } .l-header__navItem:first-of-type { padding-left: 40px; } .l-header__navItem+.l-header__navItem { margin-left: 0; } .l-header__navItem.nav-open .l-header__navLink, .l-header__navItem.nav-open2 .l-header__navLink { cursor: pointer; margin-right: 20px; position: relative; } .l-header__navItem.nav-open .l-header__navLink:after, .l-header__navItem.nav-open2 .l-header__navLink:after { content: ""; background: url(/wp-content/uploads/service/public-dx/arrow_right.svg) no-repeat center/contain; width: 13px; height: 13px; display: block; position: absolute; top: 50%; right: -20px; transform: translateY(-45%) rotate(90deg); } #service__nav div.inner, #event__nav div.inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; margin: 0 auto; max-width: 1180px; } #service__nav .type, #service__nav .want_to, #service__nav .industry, #service__nav .work { width: calc(25% - 30px); } #service__nav .products, #service__nav .related_services { border-top: 1px solid #e1edf8; padding-top: 30px; width: 100%; } #service__nav dt { font-size: 15px; margin-bottom: 20px; } #service__nav .products dd ul { display: flex; gap: 30px; justify-content: space-between; } #service__nav .related_services dd ul { display: flex; gap: 30px; } #service__nav dd li, #event__nav dd li { margin-top: 10px; } #service__nav dd li a, #event__nav dd li a { color: #2778be; font-size: 14px; text-decoration: underline; } #service__nav dd li a:hover, #event__nav dd li a:hover { color: #3394e8; } #service__nav .work .box a { border: 1px solid #2778be; display: block; margin: 15px 0; padding: 3px 5px 4px; text-decoration: none; text-align: center; } #service__nav .work .box a:hover { background-color: #e8f2fb; border: 1px solid #3394e8; text-decoration: none; } #service__nav .products img { height: 33px; } #event__nav dl { align-items: center; display: flex; gap: 50px; justify-content: space-between; width: calc(50% - 50px); } #event__nav dl dt { text-align: center; width: calc(40% - 20px); } #event__nav dl dd { width: calc(60% - 20px); } .l-header__button { background-color: #eb1000; background-image: none; border-radius: 50px; transition: 0.2s; } .l-header__button:hover { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 6px 0px rgba(0,0,0,.30); color: #eb1000; transform: translateY(-2px); transition: 0.2s; } .l-header__button:active { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.30); color: #eb1000; transform: translateY(0); transition: 0s; } @media screen and (max-width: 767px) { .l-header { padding: 0 5.3333333333vw; } .l-header__navItem { padding: 0; } #service__nav, #event__nav { border-bottom: 0.2666666667vw solid #2778be; display: none; padding: 5vw; position: static; } #service__nav div.inner, #event__nav div.inner { display: block; } .l-header__navItem:first-of-type { padding-left: 0; } .l-header__navItem.nav-open .l-header__navLink, .l-header__navItem.nav-open2 .l-header__navLink { margin-right: 0; } .l-header__navItem.nav-open .l-header__navLink:after, .l-header__navItem.nav-open2 .l-header__navLink:after { content: ""; background: url(/wp-content/themes/spiral/assets/img/icon_arrow_triangle.svg) no-repeat center/contain; width: 2.6666666667vw; height: 2.9333333333vw; display: block; position: absolute; top: 50%; right: 1.5vw; transform: translateY(-45%) rotate(90deg); } .l-header__navItem.nav-open.active .l-header__navLink:after, .l-header__navItem.nav-open2.active .l-header__navLink:after { content: ""; transform: translateY(-45%) rotate(-90deg); } #service__nav div.inner { margin-top: 7vw; } #service__nav .type, #service__nav .want_to, #service__nav .industry, #service__nav .work { margin-bottom: 10vw; width: 100%; } #service__nav .products, #service__nav .related_services { border: none; } #service__nav .products, #service__nav .related_services { padding: 7vw 0; width: 100%; } #service__nav dt, #event__nav dt { font-size: 4vw; margin-bottom: 3vw; text-align: center; } #service__nav dd, #event__nav dd { border-top: 1px solid #ddd; } #service__nav dd li { margin-top: 0; } #service__nav dd li a, #event__nav dd li a { border-bottom: 1px solid #ddd; font-size: 4vw; display: block; padding: 5vw 0; text-align: center; text-decoration: none; } #service__nav .products dd ul, #service__nav .related_services dd ul { display: block; } #service__nav .products dd li, #service__nav .related_services dd li { width: 100%; } #service__nav dd li a { font-size: 4vw; } #service__nav .products img { height: 10vw; } #service__nav .related_services { padding-top: 5vw; } #service__nav .related_services dd ul { display: block; } #service__nav .work .box a { margin: 5vw 0; padding: 3vw 0; } #event__nav dl { display: block; padding: 7vw 0; width: 100%; } #event__nav dl dt, #event__nav dl dd { width: 100%; } } </style> <script> $(function(){ $('.nav-open').hover(function() { $(this).toggleClass('active'); $(this).find('#service__nav, #event__nav').fadeIn(200); }, function() { $(this).toggleClass('active'); $(this).find('#service__nav, #event__nav').fadeOut(200); }); }); </script> <main class="main"> <div class="blkMvTop"> <div class="blkMvTop__inner"> <div class="blkMvTop__txt"> <p class="blkMvTop__txt01">未来最適を実現するDXは、</p> <h1 class="blkMvTop__ttl"><span>ローコード開発プラットフォーム</span>「SPIRAL®︎」</h1> <div class="subMenu"> <ul> <li><img src="/wp-content/uploads/service/insourcing_development_support/img_service_insourcing_development_support01.svg" alt=""><p>メール配信</p></li> <li><img src="/wp-content/uploads/common/icon_contact.svg" alt=""><p>お問い合わせ管理</p></li> <li><img src="/wp-content/uploads/common/icon_members-site.svg" alt=""><p>会員サイト構築・<br>マイページ</p></li> <li><img src="/wp-content/uploads/service/insourcing_development_support/img_service_insourcing_development_support08.svg" alt=""><p>セミナー管理</p></li> <li><img src="/wp-content/uploads/common/icon_application.svg" alt=""><p>申請受付</p></li> </ul> <h2>ローコードで簡単実装</h2> <ul> <li><img src="/wp-content/uploads/common/icon_line.svg" alt=""><p>LINE連携</p></li> <li><img src="/wp-content/uploads/service/insourcing_development_support/img_service_insourcing_development_support07.svg" alt=""><p>会員管理</p></li> <li><img src="/wp-content/uploads/common/icon_agent.svg" alt=""><p>販売代理店管理</p></li> <li><img src="/wp-content/uploads/service/insourcing_development_support/img_service_insourcing_development_support06.svg" alt=""><p>キャンペーン受付</p></li> <li><img src="/wp-content/uploads/common/icon_vote.svg" alt=""><p>投票システム</p></li> </ul> </div> <div id="blkMvTop__btn"> <a href="https://www.pi-pe.co.jp/regist/is?SMPFORM=man-mcsepb-0e06c81b1a06832e44b64b391bc18b71&f000099824=https://www.spiral-platform.co.jp/" class="blkMvTop__btn btn_right" target="_blank">お問い合わせ</a> <p>「こんなことがしたい」のご相談をお受けいたします </p> </div> </div> </div> </div> <div class="blkNews main--bg"> <div class="l-inner"> <div class="blkHead"> <h2 class="blkHead__ttl">お知らせ</h2> <span class="blkHead__logo"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/txt_news.svg" alt="News"></span> </div> <div class="blkNews__list"> <a href="https://www.fukuri.jp/fkr/contents/files/fukuri/webinar/241204/spiral.html" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.29</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>【中国銀行様事例を紹介】今、金融業界で求められる顧客体験とは</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241127/43864/"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.27</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>企業向け『働く女性のための相談・連絡窓口』サービスの提供でエースチャイルド株式会社と協業を開始</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/event/wordpress_20241204/" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.26</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>[12/4開催 WordPressウェビナー］WordPressで高速＆安全に会員サイト構築！ここまでできる最新プラグインの実力</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3997" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.21</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>ヴィンテージで彩る、心あたたまるクリスマス！「下北沢古着マーケット+（プラス）CHRISTMAS MARKET 」を12月7日（土）、8日（日）、14日（土）、15日（日）、28日（土）、29日（日）の6日間開催！</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241120/43794/"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.20</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>　「JPAAWG 7th General Meeting」登壇のお知らせ</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241119/43789/"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.19</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>ローコード開発プラットフォーム「SPIRAL ver.2」アップデートのお知らせ～ノーコードで開発したWebアプリケーションやWebサイトのパッケージ化により開発パートナーの横展開ビジネスの実現を支援〜</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241113/43770/"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.13</span> <span class="blkNews__label blkNews__label--orange">メディア掲載</span> <div class="blkNews__text"><span>2024年11月12日放映のテレビ東京「ワールドビジネスサテライト（WBS）」にて当社が紹介されました</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241113/43759/"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.13</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>自治体向けDX展示会「TOHOKU DX GATEWAY 2024」につくば市と共同出展～つくば市におけるインターネット投票の取り組み事例や自治体向けDX支援事業を紹介～</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241112/43735/"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.12</span> <span class="blkNews__label blkNews__label--orange">メディア掲載</span> <div class="blkNews__text"><span>IDC Japan株式会社の「2024年国内ローコード／ノーコード／Generative AI開発テクノロジー市場動向：GenAIが促進するLOB開発」（2024年10月発刊）に当社が掲載されました</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/event/wordpress_20241126/" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.11.07</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>[11/26開催 WordPressウェビナー］WordPressで高速＆安全に会員サイト構築！ここまでできる最新プラグインの実力</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241031/43590/"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.31</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>WordPressでセキュアな会員サイトを制作できる高性能プラグイン「SPIRALセキュアセッションマネージャー」を提供開始～WordPress制作エンジニアが大規模アクセスに対応した会員サイトを短期間で安全に構築可能～</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3888" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.17</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>ヴィンテージアイテムやアンティーク雑貨の掘り出し物を見つけよう！「下北沢古着マーケット+（プラス）シモキタ蚤の市」を11月2日（土）、3日（日）、4日（月・祝）、9日（土）、10日（日）の5日間開催！</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241016/43487/"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.16</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>ローコード開発プラットフォーム「SPIRAL ver.1」が「ITreview Grid Award 2024 Fall」の2部門で13期連続の最高位評価を受賞</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241008/43446/"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.08</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>マイカー通勤管理クラウド「ビークルBiz」supported by ドコモ・インシュアランスサービス改定（新プラン追加、オプション機能追加）のお知らせ～自動車やバイクだけでなく原付・自転車通勤のリスク管理最適化を支援～</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3861" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.03</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>下北沢カレーフェス×エスビー食品「赤缶カレー粉」を使った特別メニューが登場！</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241002/43434/"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.02</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>下半期最大のIT・DX総合展「営業・デジタルマーケティング Week【秋】」営業DX EXPOに出展～ローコード開発プラットフォーム「SPIRAL」による顧客専用マイページ構築の実現プランや事例を紹介～</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20241001/43426/"> <div class="blkNews__item"> <span class="blkNews__date">2024.10.01</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>「内製化・開発支援サービス」コース改定のお知らせ～「SPIRAL ver.1」ユーザーのエンジニアやパートナーもより安心して開発できる支援サービスを拡充～</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3827" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.09.26</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>下北沢カレーフェスとアメリカ乳製品輸出協会のコラボ実施！大好評チーズカレーを42店舗にて提供</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3814" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.09.25</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>秋風を感じる下北沢にて、古着探しをしよう！「下北沢古着マーケット+（プラス）AUTUMN VINTAGE」を10月5日（土）、6日（日）、12日（土）、13日（日）、14日（月・祝）、26日（土）の6日間開催！</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20240924/43402/"> <div class="blkNews__item"> <span class="blkNews__date">2024.09.24</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>日本最大の金融ITフェア「FIT2024」に出展～中国銀行様が登壇する事例セミナーにて「内製開発による行内のDX推進事例」をご紹介～</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3789" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.09.19</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>10月4日（金）より『吉祥寺ワールドビアフェス2024』を開催！世界を旅するビールを吉祥寺で味わおう</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20240918/43386/"> <div class="blkNews__item"> <span class="blkNews__date">2024.09.18</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>「SPIRAL」と「ProTech ID Checker」が連携～金融機関での申込・身元確認におけるあらゆる課題をワンストップで解決～</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3753" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.09.11</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>秋の風物詩「下北沢カレーフェスティバル2024」が10月10日（木）より開催！5年ぶりの開会式や、芸人が“ネタ以外”で魅せる「芸人特技フェス」も実施</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3663" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.08.28</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>9月13日（金）より『吉祥寺武蔵野三鷹ウイスキーフェスティバル2024』を開催！秋の夜長に世界のウイスキーと特選ペアリングを</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3650" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.08.27</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>夜市始まる！下北沢へ古着を探しに出かけよう「下北沢古着マーケット+（プラス）古着夜市」を9月14日（土）、15日（日）、16日（月・祝）、21日（土）、22日（日）、23日（月・休）の6日間開催！</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20240826/43259/"> <div class="blkNews__item"> <span class="blkNews__date">2024.08.26</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>大阪支店と京都支店が西日本最大級のマーケティングの総合展示会「マーケティングWeek -大阪-」CX・顧客育成EXPOに共同出展～ローコード開発プラットフォーム「SPIRAL」による顧客体験（CX）をテーマに顧客・会員専用マイページ構築の実現プランや導入事例・SI事例を紹介～</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20240809/43145/"> <div class="blkNews__item"> <span class="blkNews__date">2024.08.09</span> <span class="blkNews__label blkNews__label--default">その他</span> <div class="blkNews__text"><span>愛媛県今治市「高校ベンチャー留学2024」協力のお知らせ</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20240807/43124/"> <div class="blkNews__item"> <span class="blkNews__date">2024.08.07</span> <span class="blkNews__label blkNews__label--orange">導入事例</span> <div class="blkNews__text"><span>【導入事例】研究助成・表彰事業の申請システムをSPIRALに刷新～セキュアな環境で管理業務を効率化しながら、ランニングコスト約50％の削減を実現～</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3599" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.08.01</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>「吉祥寺カレーフェスティバル2024」が8月23日（金）より開催！〜吉祥寺で楽しむスパイスの祭典〜</span></div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3562" target="_blank"> <div class="blkNews__item"> <span class="blkNews__date">2024.07.23</span> <span class="blkNews__label blkNews__label--purple">イベント</span> <div class="blkNews__text"><span>夏本番！古着に似合うアイテムを下北沢でGET！「SUMMER ITEM 下北沢古着マーケット+（プラス）」を8月3日（土）、4日（日）、10日（土）、11日（日）、12日（月・休）24日（土）、25日（日）の7日間開催！</span></div> </div> </a> <a href="https://www.spiral-platform.co.jp/20240717/43088/"> <div class="blkNews__item"> <span class="blkNews__date">2024.07.17</span> <span class="blkNews__label blkNews__label--sky">サービス</span> <div class="blkNews__text"><span>ローコード開発プラットフォーム「SPIRAL ver.1」が「ITreview Grid Award 2024 Summer」の2部門で12期連続の最高位評価を受賞</span></div> </div> </a> <div class="blkNews__action"><a href="/news/" class="button button--primary">お知らせ一覧へ</a></div> </div> </div> </div> <div class="blkService blkService--top"> <div class="l-inner"> <div class="blkHead"> <h2 class="blkHead__ttl">サービス</h2> <span class="blkHead__logo"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/txt_service.svg" alt="Service"></span> </div> <p class="blkService__desc">私たちは「デジタルによる未来最適」をビジョンに掲げ、自社開発のローコード開発プラットフォーム「SPIRAL®」を中心に幅広い業種や分野を対象とした「ホリゾンタルDX」、EC、美容、政治・行政、タウンマネジメントなどの各分野に特化した「バーティカルDX」、地方自治体や官公庁の公共サービスDXを支援する「公共DX」を推進します。</p> <div class="wrap__hdx"> <div class="blkService__title"> <h3 class="p-title">ホリゾンタルDX</h3> <p>業界・業種に関係なく、<br class="only-sp">柔軟なシステム・設計で幅広いお客様に<br class="only-sp">フィットするITサービスを提供</p> </div> <div class="horizontal__dx left"> <a href="/solution/"> <dl class="cloud__si"> <dt>クラウドSI</dt> <dd class="app"><img src="/wp-content/uploads/top/img_baloon.png" alt="App"></dd> </dl> </a> <a href="/service/low-code/"> <dl class="spiral"> <dt>ローコード開発<br class="only-sp">プラットフォーム</dt> <dd class="logo"><img src="/wp-content/uploads/service/logo_spiral.svg" alt="SPIRAL"></dd> </dl> </a> </div> <div class="horizontal__dx right"> <a href="https://weex.jp" target="_blank"> <dl class="ec"> <dt>EC</dt> <dd class="logo"><img src="/wp-content/uploads/common/logo_weex.svg" alt="WeeX"></dd> </dl> </a> <a href="https://www.bizbase.biz" target="_blank"> <dl class="call__center"> <dt>コールセンター</dt> <dd class="logo"><img src="/wp-content/uploads/common/logo_bizbase.png" alt="BizBase"></dd> </dl> </a> <a href="/service/industry-specific/#job2"> <dl class="back__office"> <dt>バックオフィス</dt> <dd></dd> </dl> </a> </div> </div> <div class="wrap__vdx"> <div class="vertical-dx"> <div class="blkService__title"> <h3 class="p-title">バーティカルDX</h3> <p>業界特有の課題や形態にフィットする<br class="only-sp">ITサービスを提供</p> </div> <a href="https://joypla.jp" target="_blank"> <dl> <dt class="logo"><img src="/wp-content/uploads/common/logo_joypla.svg" alt="JoyPla"></dt> <dd>病院・クリニック</dd> </dl> </a> <a href="https://bireki.jp" target="_blank" class="bireki"> <dl> <dt class="logo"><img src="/wp-content/uploads/company/trademark/bireki.png" alt="美歴"></dt> <dd>美容・サロン</dd> </dl> </a> <a href="https://love-shimokitazawa.jp" target="_blank"> <dl> <dt class="logo"><img src="/wp-content/uploads/common/logo_ilove.svg" alt="I love 下北沢"></dt> <dd>タウンマネジメント</dd> </dl> </a> </div> <div class="public-dx"> <div class="blkService__title"> <h3 class="p-title">公共DX</h3> <p>地方自治体・官公庁の<br class="only-sp">公共サービスDXを支援</p> </div> <a href="/service/public-dx/#vote">投票システム</a> <a href="/service/public-dx/#my-koho">マイ広報紙・広報プラス</a> <a href="/service/public-dx/#bpo">公共BPOサービス</a> </div> </div> <div class="blkService__btn"><a href="/service/">サービスへ</a></div> </div> </div> <div class="blkCase"> <div class="l-inner"> <div class="blkHead"> <h2 class="blkHead__ttl">導入事例</h2> <span class="blkHead__logo"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/txt_customers.svg" alt="Customers"></span> </div> </div> <div class="blkLogo"> <div class="blkLogo__wrap"> <div class="blkLogo__slide active" data-time="100" data-include="logo-up" style="animation-duration: 100s;"> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_01.png" alt="横浜銀行"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_02.png" alt="MS&ADホールディングス"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_03.png" alt="三菱総研グループ"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_04.png" alt="SBテクノロジー株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_03.png" alt="三菱総研グループ"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_05.png" alt="亜細亜大学"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/01.png" alt="宝酒造株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/03.png" alt="ピジョン株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/04.png" alt="ニッセイ基礎研究所"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/05.png" alt="日本血液製造機構"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/06.png" alt="シスメックス株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/07.png" alt="東急コミュニティ-"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/08.png" alt="オークラ　ホテルズ&リゾーツ"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/09.png" alt="ミドリ安全株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/12.png" alt="ホテル日航大阪"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/13.png" alt="セブン&アイフードシステムズ"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/15.png" alt="松屋フーズ"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/16.png" alt="株式会社クレディセゾン"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/17.png" alt="リリカラ株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/19.png" alt="さわかみ投信株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/20.png" alt="住信SBIネット銀行"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/21.png" alt="三浦印刷株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/22.png" alt="株式会社CA Tech Kids"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/23.png" alt="株式会社博展"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/24.png" alt="ロイヤルパインズホテル浦和"></div> </div></div> <div class="blkLogo__wrap reverse"> <div class="blkLogo__slide active" data-time="100" data-include="logo-down" style="animation-duration: 100s;"><div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_06.png" alt="新興出版社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_07.png" alt="京都新聞社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_08.png" alt="ちば興銀"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/add202206_09.png" alt="東京海上ディーアール"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/25.png" alt="株式会社ザ・アカデミージャパン"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/27.png" alt="バルテス・ホールディングス"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/28.png" alt="住友生命"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/30.png" alt="東京海上日動"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/31.png" alt="三井住友ファイナンス&リース"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/32.png" alt="慶應義塾大学"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/35.png" alt="株式会社リコー"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/36.png" alt="株式会社SBI証券"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/37.png" alt="日本大学"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/40.png" alt="松井証券株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/41.png" alt="キッコーマン株式会社"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/43.png" alt="株式会社JTB"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/44.png" alt="ヴィレッジヴァンガード"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/45.png" alt="名城大学"></div> <div><img src="/wp-content/themes/spiral/assets/img/service/spiralv1/logo/47.png" alt="株式会社はなまる"></div> </div></div> </div> <div class="l-inner"> <div class="case__list" id="Show_list"> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/case/shoushin/" rel="noopener"> <div class="case__itemImg"> <img width="1200" height="800" src="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/tmb_case_shoushin.jpg" class="attachment-full size-full" alt="" decoding="async" fetchpriority="high" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/tmb_case_shoushin.jpg 1200w, https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/tmb_case_shoushin-300x200.jpg 300w, https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/tmb_case_shoushin-1024x683.jpg 1024w, https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/tmb_case_shoushin-768x512.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /> <div class="case__itemLogo"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/case/cat_icon/icon_spiral.svg" alt="SPIRAL® ver.1"> </div> </div> <div class="case__itemCnt"> <h2 class="case__itemTtl" data-mh="case-ttl">岐阜商工信用組合</h2> <p>非対面で口座開設できるメールオーダーシステムをSPIRAL®で構築。期待以上の申込を獲得し、新規顧客拡大に大きく貢献</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/case/jx-nmm/" rel="noopener"> <div class="case__itemImg"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/img_case_jx-nmm01.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/img_case_jx-nmm01.jpg 600w, https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/img_case_jx-nmm01-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> <div class="case__itemLogo"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/case/cat_icon/icon_spiral-ver2.svg" alt="SPIRAL® ver.2"> </div> </div> <div class="case__itemCnt"> <h2 class="case__itemTtl" data-mh="case-ttl">ＪＸ金属株式会社</h2> <p>SPIRAL® ver.2をグループ展開し情報セキュリティガバナンスを強化。高セキュリティかつ手がかからない運用管理を実現</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/case/iml2/" rel="noopener"> <div class="case__itemImg"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_iml2.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_iml2.png 600w, https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_iml2-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /> <div class="case__itemLogo"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/case/cat_icon/icon_spiral-ver2.svg" alt="SPIRAL® ver.2"> </div> </div> <div class="case__itemCnt"> <h2 class="case__itemTtl" data-mh="case-ttl">株式会社九州インターメディア研究所</h2> <p>サーバーの移転により急遽発生したサイト運用の危機！SPIRAL® ver.2だからこそできた、約3カ月でのサイト移転＆リニューアル</p> </div> </a> </div> </div> </div> <div class="blkService__btn"><a href="/case/">導入事例一覧へ</a></div> </div> </div> <div class="blkEvent"> <div class="l-inner"> <div class="blkHead"> <h2 class="blkHead__ttl">セミナー・イベント情報</h2> <span class="blkHead__logo"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/txt_event.svg" alt="Event"></span> </div> </div> <div class="l-inner"> <div class="event__list"> <a href="https://www.fukuri.jp/fkr/contents/files/fukuri/webinar/241204/spiral.html" target="_blank"> <div class="event__col"> <div class="event__item"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/20241129_1.png" alt=""> <div class="event__itemCnt"> <h2 class="event__itemTtl" data-mh="event-ttl">【中国銀行様事例を紹介】今、金融業界で求められる顧客体験とは</h2> <p class="blkEvent__itemBtn"><span>詳しくみる</span></p> </div> </div> </div> </a> <a href="https://www.spiral-platform.co.jp/event/wordpress_20241204/" target="_blank"> <div class="event__col"> <div class="event__item"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/1126webinar.png" alt=""> <div class="event__itemCnt"> <h2 class="event__itemTtl" data-mh="event-ttl">[12/4開催 WordPressウェビナー］WordPressで高速＆安全に会員サイト構築！ここまでできる最新プラグインの実力</h2> <p class="blkEvent__itemBtn"><span>詳しくみる</span></p> </div> </div> </div> </a> <a href="https://love-shimokitazawa.com/archives/3997" target="_blank"> <div class="event__col"> <div class="event__item"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2024/11/20241121_1.png" alt=""> <div class="event__itemCnt"> <h2 class="event__itemTtl" data-mh="event-ttl">ヴィンテージで彩る、心あたたまるクリスマス！「下北沢古着マーケット+（プラス）CHRISTMAS MARKET 」を12月7日（土）、8日（日）、14日（土）、15日（日）、28日（土）、29日（日）の6日間開催！</h2> <p class="blkEvent__itemBtn"><span>詳しくみる</span></p> </div> </div> </div> </a> </div> </div> <div class="blkService__btn"><a href="https://love-shimokitazawa.jp/archives/category/event" target="_blank">まちおこしイベント情報へ</a><a href="/event/">セミナー・イベント情報へ</a></div> </div> </div> <div class="blkAbout"> <div class="l-inner"> <div class="blkHead"> <h2 class="blkHead__ttl">企業情報</h2> <span class="blkHead__logo"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/txt_outline.svg" alt="Outline"></span> </div> <div class="blkAbout__list"> <div class="blkAbout__col"> <a href="/company/philosophy/" class="blkAbout__item blkAbout__item--vision"> <div class="blkAbout__info"> <p class="blkAbout__action"></p> <h3 class="blkAbout__title">VISION/MISSION/VALUE</h3> <p class="blkAbout__text">ビジョン・ミッション・バリュー</p> </div> <p class="blkAbout__img"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/top/img_about_01.png" alt="VISION/MISSION/VALUE"></p> </a> <a href="/company/outline/" class="blkAbout__item blkAbout__item--company only-pc"> <div class="blkAbout__info"> <h3 class="blkAbout__title">COMPANY</h3> <p class="blkAbout__text">会社概要</p> <p class="blkAbout__action blkAbout__action--right"></p> </div> <p class="blkAbout__img"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/top/img_about_02.png" alt="COMPANY"></p> </a> </div> <div class="blkAbout__col blkAbout__col--s"> <a href="/company/message/" class="blkAbout__item blkAbout__item--message"> <div class="blkAbout__info"> <p class="blkAbout__action"></p> <h3 class="blkAbout__title">MESSAGE</h3> <p class="blkAbout__text">代表者メッセージ</p> </div> <p class="blkAbout__img"> <img class="only-pc" src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/top/img_about_03.png" alt="MESSAGE"> <img class="only-sp" src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/top/img_about_03_sp.png" alt="MESSAGE"> </p> </a> </div> <div class="blkAbout__col"> <a href="/company/history/" class="blkAbout__item blkAbout__item--history"> <div class="blkAbout__info"> <p class="blkAbout__action"></p> <h3 class="blkAbout__title">HISTORY</h3> <p class="blkAbout__text">沿革</p> </div> <p class="blkAbout__img"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/top/img_about_04.png" alt="HISTORY"></p> </a> <a href="/company/outline/" class="blkAbout__item blkAbout__item--company only-sp"> <div class="blkAbout__info"> <h3 class="blkAbout__title">COMPANY</h3> <p class="blkAbout__text">会社概要</p> <p class="blkAbout__action blkAbout__action--right"></p> </div> </a> <a href="/company/access/" class="blkAbout__item blkAbout__item--access"> <div class="blkAbout__info"> <h3 class="blkAbout__title">ACCESS</h3> <p class="blkAbout__text">所在地</p> <p class="blkAbout__action blkAbout__action--right"></p> </div> <p class="blkAbout__img"> <img class="only-pc" src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/top/img_about_05.png" alt="ACCESS"> </p> </a> </div> </div> </div> </div> </main>  <footer class="l-footer"> <div class="backTop"></div> <div class="l-footer__inner"> <div class="l-footer__info"> <p class="l-footer__logo"><a href="/"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/logo_footer.svg" alt="Spiral"></a></p> <ul class="l-footer__blank"> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/sitepolicy/">サイトポリシー</a></li> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/company/privacypolicy/">個人情報保護方針</a></li> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/company/securitypolicy/">情報セキュリティ基本方針</a></li> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/company/qualitypolicy/">品質マネジメント方針</a></li> </ul> <p class="l-footer__copyright">© SPIRAL Inc.</p> </div> <div class="l-footer__wrap"> <div class="l-footer__group"> <p class="l-footer__title">スパイラル株式会社について</p> <ul class="l-footer__list"> <li class="l-footer__item"><a class="l-footer__link" href="/company/">企業情報</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/news/">お知らせ</a></li> <li class="l-footer__item"><a class="l-footer__link l-footer__link--blank" href="https://recruit.spiral-platform.co.jp/" target="_blank">採用情報</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/company/e-publicnotice/">電子公告</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/company/trademark/">商標・ロゴ</a></li> </ul> </div> <div class="l-footer__group"> <p class="l-footer__title">提供サービスについて</p> <ul class="l-footer__list"> <li class="l-footer__item"><a class="l-footer__link" href="/service/">サービス</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/case/">導入事例</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/event/">イベント</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/service/partner/">パートナープログラム</a></li> </ul> </div> <div class="l-footer__group"> <div class="l-footer__contact"> <p class="l-footer__contactItem"> <a href="/contact/?f000099824=https://www.spiral-platform.co.jp/footer/" class="l-footer__title">お問い合わせ</a> </p> <p class="l-footer__contactItem"><a href="https://reg18.smp.ne.jp/regist/is?SMPFORM=nhth-sbnap-d3b50219acc8920224e65e1c350df348" target="_blank" class="l-footer__title">内部通報窓口</a></p> <p class="l-footer__contactItem"><a href="https://rbpoppy.eco-serv.jp/pipedbits-meisai/" target="_blank" class="l-footer__title l-footer__link--blank">Web請求書ログイン</a></p> <p class="l-footer__contactItem"><a href="/usersupport/" class="l-footer__title">ユーザーサポート</a></p> </div> </div> </div> </div> </footer></div>   <script src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/js/jquery.matchHeight.js"></script> <script src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/slick/slick.min.js"></script> <script type="module" src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/js/script.js"></script></body> </html> <style> .blkMvTop { background-image: linear-gradient(180deg, rgba(65, 85, 253, 1), rgba(14, 163, 255, 1)); padding: 0; } .blkMvTop__txt { margin: 50px auto 0; } .blkMvTop__txt01 { font-size: 32px; line-height: 1; } .blkMvTop__txt02 { padding: 0 100px 50px 0; bottom: 0; } .blkMvTop__ttl { margin-top: 0; } .blkMvTop__btn { font-size: 50px; margin: 10px 0 0; width:400px } .blkNews { background: none; padding: 160px 0 50px; } .blkNews__list a:nth-of-type(n + 6) { display: none; } .blkService.blkService--top { background: url(../img/top/bg_business.svg) no-repeat; } .blkService:after { content: ""; width: 100%; height: 80%; background-color: #d6e7f7; position: absolute; bottom:50px; left: 0; right: 0; margin: auto; -webkit-transform: skewY(-8deg); -ms-transform: skewY(-8deg); transform: skewY(-8deg); z-index: -1; pointer-events: none; } .blkService__desc { margin: 60px 0 0; width: 60%; } .blkService__title .p-title { background-color: #2778be; border-radius: 999px; color: #fff; font-size: 22px; padding: 8px 0; } .blkService .blkService__title { position: relative; z-index: 10; width: 100%; } .blkService__title p { margin-top: 30px; text-align: center; width: 100%; } .blkService .wrap__hdx { display: flex; flex-wrap: wrap; gap: 2px; } .blkService .horizontal__dx { border-radius: 12px; box-shadow: 0 7px 20px 0 rgba(148,176,196,.42); margin-top: 70px; width: calc(50% - 2px); } .blkService .horizontal__dx dl { align-items: center; display: flex; gap: 10px; justify-content: space-between; margin-top: 2px; padding: 0 30px; } .blkService .horizontal__dx .logo img { max-height: 50px; } .blkService .wrap__hdx a { transition: .5s; } .ec { border-radius: 0 12px 0 0; } .spiral { border-radius: 0 0 0 12px; } .back__office { border-radius: 0 0 12px 0; } .cloud__si, .ec, .call__center, .back__office { display: flex; gap: 20px; } .cloud__si, .ec, .call__center, .back__office { background-color: #b3e6b5; height: 100px; margin-top: 2px; } .cloud__si { background-color: #6eb4f0; border-radius: 12px 0 0 0; } .blkService .horizontal__dx.left { position: relative; } .blkService .horizontal__dx .cloud__si dd img { position: absolute; top: -40%; left: 10%; width: 80%; } .spiral { background-color: #eaf5ff; height: 202px; } .blkService .horizontal__dx dl dt, .blkService .horizontal__dx dl dd { width: calc(50% - 20px); } .blkService .horizontal__dx dl dd { text-align: center; } .blkService .wrap__vdx { display: flex; gap: 60px; justify-content: space-between; } .blkService .wrap__vdx .blkService__title { margin: 80px 0 15px; width: 100%; } .blkService .wrap__vdx .vertical-dx, .blkService .wrap__vdx .public-dx { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; width: calc(50% - 20px); } .blkService .wrap__vdx .vertical-dx a, .blkService .wrap__vdx .public-dx a { align-items: center; background-color: #fff; border-radius: 12px; box-shadow: 0 7px 20px 0 rgba(148,176,196,.42); display: flex; flex-wrap: wrap; font-weight: bold; height: 130px; justify-content: center; padding: 20px 10px; text-align: center; transition: .3s; width: calc(50% - 15px); } .blkService .wrap__hdx a .logo img { transition: all .3s ease; } .blkService .wrap__vdx .vertical-dx a img.bireki { max-height: 55px; } .blkService .wrap__hdx a:hover .logo img, .blkService .wrap__vdx .vertical-dx a:hover, .blkService .wrap__vdx .public-dx a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blkService .wrap__vdx .vertical-dx dl, .blkService .wrap__vdx .public-dx dl { width: 100%; } .blkService .wrap__vdx .vertical-dx .logo { margin: 0 auto 10px; max-width: 180px; } .blkService .public-dx { width: calc(50% - 30px); } .blkService__btn { display: flex; gap: 30px; margin: 78px auto 0; width: 600px; } .blkCase .blkService__btn { padding: 0 20px 0 100px; } .blkService__btn a { width: 300px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border: 2px solid #2778be; border-radius: 999px; line-height: 24px; font-weight: bold; text-decoration: none; color: #2778be; margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .blkService__btn a:hover { background-color: #2778be; border: 0; color: #fff; } .blkCase { position: relative; } .blkCase:after { content: ""; width: 100%; height: 400px; background-color: #f5f5f5; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; -webkit-transform: skewY(5deg); transform: skewY(5deg); z-index: -1; pointer-events: none; } .blkCase .case__list { margin-top: 50px; } .blkEvent { padding: 120px 0 260px; position: relative; } .blkEvent:after { content: ""; width: 100%; height: 400px; background-color: #f5f5f5; position: absolute; bottom: 100px; left: 0; right: 0; margin: auto; -webkit-transform: skewY(-5deg); transform: skewY(-5deg); z-index: -1; pointer-events: none; } .blkEvent.event__list { margin-top: 81px; } .blkEvent .event__item { border-radius: 12px; -webkit-box-shadow: 0 7px 20px 0 rgba(148,176,196,.42); box-shadow: 0 7px 20px 0 rgba(148,176,196,.42); background-color: #fff; height: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: block; padding-bottom: 70px; position: relative; } .event__item img { border-radius: 12px 12px 0 0; height: 234px; object-fit: cover; width: 100%; } .event__itemCnt { padding: 25px 24px 30px; } .blkEvent__itemBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 24px; position: absolute; bottom: 30px; left: 0; right: 0; } .blkEvent .event__item .blkEvent__itemBtn span { border: 1px solid #2778be; border-radius: 999px; color: #2778be; font-size: 14px; line-height: 19px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 182px; padding: 9px 10px 11px; transition: .5s; } .blkEvent .event__item:hover .blkEvent__itemBtn span { background-color: #2778be; color: #fff; } .blkLogo__wrap+* { margin: 0 auto; } .blkAbout__col a { white-space: normal; } .blkAbout:after { -webkit-transform: skewY(5deg); -ms-transform: skewY(5deg); transform: skewY(5deg); } .subMenu { background-color: #fff; border-radius: 20px; padding: 20px; margin: 10px auto 30px; width: 100%; } .subMenu h2 { color: #2b2b2b; font-size: 35px; font-weight: bold; letter-spacing: 0.05em; margin: 20px 0; text-align: center; } .subMenu ul { align-items: center; display: flex; justify-content: center; } .subMenu ul li { color: #2b2b2b; height: 115px; padding: 10px 5px 5px; text-align: center; width: 20%; } .subMenu ul li:not(:last-of-type) { border-right: 1px solid #ddd; } .subMenu ul li img { margin-bottom: 10px; width: 25%; } .subMenu ul li p { font-size: 13px; } #blkMvTop__btn { display: block; text-align: center; } #blkMvTop__btn a { background-color: #eb1000; background-image: none; border-radius: 50px; font-size: 20px; transition: 0.2s; margin: 10px auto; width: 400px; } #blkMvTop__btn a:hover { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 6px 0px rgba(0,0,0,.30); color: #eb1000; transform: translateY(-2px); transition: 0.2s; } #blkMvTop__btn a:active { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.30); color: #eb1000; transform: translateY(0); transition: 0s; } #blkMvTop__btn p { font-size: 17px; text-align: center; } .btn_right { border-color: #eb1000; } /*--------------------------------------------------------------------*/ @media screen and (min-width: 768px) { .blkMvTop { height: 710px; } .blkService.blkService--top { padding-bottom: 100px; padding-top: 135px; background-position: top -445px right -258px; background-size: 879px 953px; } .blkEvent .case__item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blkEvent .event__list { display: flex; flex-wrap: wrap; row-gap: 40px; margin-top: 81px; margin-bottom: 46px; z-index: 1; } .event__list a { width: 33.3333333333%; padding: 0 22px; } } /*--------------------------------------------------------------------*/ @media screen and (max-width: 900px) { .blkService .horizontal__dx .cloud__si dd img { top: -17%; } .blkService .wrap__vdx .vertical-dx a, .blkService .wrap__vdx .public-dx a { height: 150px; width: 100%; } } /*--------------------------------------------------------------------*/ @media screen and (max-width: 767px) { .blkMvTop { height: 215vw; } .blkMvTop__inner { padding: 0 0 15vw; } .blkMvTop__txt { z-index: 10; } .blkMvTop__txt01 { font-size: 7vw; } .blkMvTop__txt02 { padding: 0; right: 0; } .blkNews, .blkCase, .blkEvent { padding: 12.8vw 0 25vw; } .blkService { padding: 12.8vw 0; } .blkService__title .p-title { font-size: 4.5vw; padding: 0; } .blkService__desc { margin: 81px 0 0; width: 100%; } .blkService .horizontal__dx { margin-top: 10vw; } .blkService .horizontal__dx dl { flex-wrap: wrap; padding: 4vw; text-align: center; } .blkService .horizontal__dx dl dt, .blkService .horizontal__dx dl dd { font-size: 4vw; width: 100%; } .blkService .horizontal__dx .logo img { max-height: 10vw; } .blkService .horizontal__dx .cloud__si dt { margin-top: 7.5vw; } .blkService .horizontal__dx .cloud__si dd img { top: -17%; left: -2vw; width: 100%; } .blkService .horizontal__dx .spiral { height: 60vw; padding: 20vw 4vw; } .cloud__si, .ec, .call__center, .back__office { height: calc(30vw - 1px); } .blkService .wrap__vdx { display: block; gap: 20px; } .blkService .wrap__vdx .vertical-dx, .blkService .wrap__vdx .public-dx { display: flex; gap: 20px; width: 100%; } .blkService .wrap__vdx .vertical-dx a img.bireki { max-height: 55px; } .blkService .wrap__hdx a:hover .logo img, .blkService .wrap__vdx .vertical-dx a:hover, .blkService .wrap__vdx .public-dx a:hover { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } .blkService .wrap__vdx .vertical-dx .logo { margin-bottom: 0; } .blkService .vertical-dx .logo img { height: 10vw; margin-bottom: 2vw; } .blkService .wrap__vdx .vertical-dx a, .blkService .wrap__vdx .public-dx a { height:30vw; width: 100%; } .blkService .wrap__hdx a:hover, .blkService .wrap__vdx .vertical-dx a:hover, .blkService .wrap__vdx .public-dx a:hover { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } #blkMvTop__btn a { margin-right: auto; margin-left: auto; width: 90%; } .blkService_btn { border: 0.5333333333vw solid #2778be; font-size: 3.7333333333vw; } .blkService_btn a:hover { background-color: #2778be; border: 0; color: #fff; font-size: 3.7333333333vw; } .blkLogo { margin-top: 0; } .blkCase .blkService__btn { padding: 0; } .blkEvent .event__list { display: flex; flex-wrap: wrap; margin-top: 12.8vw; row-gap: 7.4666666667vw; } .blkEvent .event__list .event__itemImg>img { width: 100%; } .blkService__btn { display: block; gap: 30px; margin: 10.4vw auto 0; width: auto; } .blkService__btn a { margin-top: 5vw; } .blkEvent .event__item:hover { transform: scale(1.1); } .subMenu { border-radius: 3vw; padding: 4vw 2vw; width: 90%; } .subMenu h2 { font-size: 7vw; letter-spacing: 0; margin: 4vw 0; } .subMenu ul { flex-wrap: wrap; gap: 2vw; width: 100%; } .subMenu ul li:not(:last-of-type) { border-right: none; } .subMenu ul li { border-bottom: 1px solid #ddd; align-items: center; display: flex; height: 15vw; padding: 0; width: 45%; } .subMenu ul li img { margin-bottom: 0; width: 18%; } .subMenu ul li p { display: block; width: 100%; } #blkMvTop__btn p { font-size: 3.5vw; text-align: center; } } </style>

CINXE.COM

スパイラル株式会社