CINXE.COM
学校・教育 | 業種別ソリューション | スパイラル株式会社
<!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"> <!-- CSS --> <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' /> <!-- This site is optimized with the Yoast SEO plugin v22.5 - https://yoast.com/wordpress/plugins/seo/ --> <title>学校・教育 | 業種別ソリューション | スパイラル株式会社</title> <meta name="description" content="学校・教育のソリューション紹介ページです。スパイラル株式会社は顧客企業・団体におけるITを活用した業務最適化や顧客との接点機会創出および強化を支援するサービスの提供や、顧客に応じた最適なクラウドSIの開発請負等を行っております。" /> <link rel="canonical" href="https://www.spiral-platform.co.jp/solution/education-group/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="article" /> <meta property="og:title" content="学校・教育 | 業種別ソリューション | スパイラル株式会社" /> <meta property="og:description" content="学校・教育のソリューション紹介ページです。スパイラル株式会社は顧客企業・団体におけるITを活用した業務最適化や顧客との接点機会創出および強化を支援するサービスの提供や、顧客に応じた最適なクラウドSIの開発請負等を行っております。" /> <meta property="og:url" content="https://www.spiral-platform.co.jp/solution/education-group/" /> <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":"WebPage","@id":"https://www.spiral-platform.co.jp/solution/education-group/","url":"https://www.spiral-platform.co.jp/solution/education-group/","name":"学校・教育 | 業種別ソリューション | スパイラル株式会社","isPartOf":{"@id":"https://www.spiral-platform.co.jp/#website"},"datePublished":"2024-01-13T16:37:15+00:00","dateModified":"2024-01-13T16:37:15+00:00","description":"学校・教育のソリューション紹介ページです。スパイラル株式会社は顧客企業・団体におけるITを活用した業務最適化や顧客との接点機会創出および強化を支援するサービスの提供や、顧客に応じた最適なクラウドSIの開発請負等を行っております。","breadcrumb":{"@id":"https://www.spiral-platform.co.jp/solution/education-group/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://www.spiral-platform.co.jp/solution/education-group/"]}]},{"@type":"BreadcrumbList","@id":"https://www.spiral-platform.co.jp/solution/education-group/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://www.spiral-platform.co.jp/"},{"@type":"ListItem","position":2,"name":"ソリューション","item":"https://www.spiral-platform.co.jp/solution/"},{"@type":"ListItem","position":3,"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> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//modules.promolayer.io' /> <link rel="alternate" type="application/rss+xml" title="スパイラル株式会社 » 学校・教育 のコメントのフィード" href="https://www.spiral-platform.co.jp/solution/education-group/feed/" /> <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" /> <link rel='shortlink' href='https://www.spiral-platform.co.jp/?p=31923' /> <link rel="alternate" type="application/json+oembed" href="https://www.spiral-platform.co.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spiral-platform.co.jp%2Fsolution%2Feducation-group%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.spiral-platform.co.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spiral-platform.co.jp%2Fsolution%2Feducation-group%2F&format=xml" /> <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> <style type="text/css"> .contact { background: #7ABCF5; padding: 50px 0; } .contact dl { align-items: center; display: flex; gap: 30px; justify-content: center; margin: 0 auto; width: 70%; } .contact dt { width: 50%; } .contact dd { text-align: left; width: 50%; } .contact .solu__ttl { color: #2b2b2b; } .contact .button { background: var(--wp--preset--gradient--blush-bordeaux); background-position: center; background-size: 200% auto; } .contact .button:hover { background: var(--wp--preset--gradient--blush-bordeaux); background-position: right; background-size: 200% auto; } .contact .solu__ttl { color: #fff; margin-bottom: 30px; } .contact .l-inner { text-align: center; } .contact .sol__link { margin: 30px auto 0; width: 100%; } .contact .sol__link a { background-image: linear-gradient(30deg, #ff4f26 0%, #ffad0f 51%, #ff0066 100%); } .contact .sol__link a:hover { background-image: linear-gradient(30deg, #ff4f26 0%, #ffad0f 51%, #ff0066 100%); background-position: right; } /*-- mainvisual--*/ .sol_mv_contact{ margin-top:20px; width:300px; } .soldetail_mv_contact{ margin-top:20px; width:300px; } /*-- mail-solution --*/ .forMail{ margin-top:40px; margin-left:auto; margin-right:auto; width:80%; } @media screen and (max-width: 767px) { .contact dl { display: block; width: 100%; } .contact dt { margin: 0 auto 4vw; width: 80%; } .contact dd { text-align: center; width: 100%; } .contact .solu__ttl { margin-bottom: 6vw; } .contact .l-inner .sol__link { padding: 3vw 0 0; width: 100%; } .contact .sol__link .button { font-size: 3.8vw; } .soldetail_mv_contact, .sol_mv_contact{ margin-top:20px; } .forMail{ margin-top:40px; margin-left:auto; margin-right:auto; width:100%; } } </style> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <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> <!-- End Google Tag Manager (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/solution/education-group/">サービスについて問い合わせる</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/solution/education-group/" 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> <style> .p-mv__bg:before { background-image: linear-gradient(110deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 67%), url(https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/education/bg_01.png); } </style> <main class="main"> <div class="p-mv__bg"> <div class="l-inner"> <div class="p-mv p-mv--list"> <div class="p-mv__eng">SOLUTION</div> <div class="p-mv__content"> <div class="p-mv__ttlWrap"> <h1 class="blkHead__ttl"> 学校・教育 </h1> <div class="p-mv__icon"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/education/group-icon.svg" alt=""> </div> </div> <p class="p-mv__text">職員はもっと簡単に、学生はもっと便利に</p> <p class="serv__link sol_mv_contact"> <a href="https://www.pi-pe.co.jp/regist/is?SMPFORM=man-mcsepb-0e06c81b1a06832e44b64b391bc18b71&f000099824=https://www.spiral-platform.co.jp/solution/education-group/" target="_blank" class="button button--primary" rel="noopener">ご相談・お問い合わせ はこちら</a> </p> </div> </div> </div> </div> <div class="p-anchor p-anchor--nav p-anchor--list js-anchorFixed"> <div class="p-anchor__inner"> <ul class="p-anchor__list"> <li><a href="#problem">解決できる課題</a></li> <li><a href="#overview">ソリューション全体像</a></li> <li><a href="#details">ソリューション詳細</a></li> <li><a href="#case">導入事例</a></li> <li><a href="#security">セキュリティ</a></li> </ul> </div> </div> <div class="p-solution-task" id="problem"> <div class="l-inner"> <div class="p-solution-task__inner"> <div class="p-solution-task__inner--flex"> <div class="p-solution-task__text"> <div class="p-heading p-heading--left"> <h2 class="p-heading__title">解決できる問題・課題</h2> <span class="p-heading__titleEn">PROBLEM</span> </div> <p>学校・教育における<br class="only-sp">このようなお悩みを解決します。</p> </div> <div class="p-box"> <ul class="p-box__list"> <li>入試課:資料請求者をオープンキャンパスに誘導できていない</li> <li>留学生課:留学の申請書類が紙&エクセルに手入力で負荷が大きい</li> <li>就職支援課:内定先報告率が低く、アルバイトを雇って電話している</li> <li>学内選挙が3密回避のために実施できない</li> </ul> </div> </div> </div> </div> </div> <div class="p-solution-outline skew-bg" id="overview"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">ソリューション全体像</h2> <span class="p-heading__titleEn p-heading__titleEn--lg">OVERVIEW</span> </div> <p class="p-lead u-fw_normal">教育機関×入学見込み学生、在校生、<br class="only-sp">卒業生、保護者、教職員<br>全チャネルをITで効率化します。</p> <div class="p-box"> <div class="p-box__inner boxShadow"> <ul class="p-box__list"> <li>資料請求だけの見込み学生をオープンキャンパスに自動誘導します</li> <li>各種申請書の電子化で1件あたりの入力時間を短縮します</li> <li>LINEから、ターゲットを絞ったセグメント配信が可能です</li> <li>3密を回避し、不正投票/重複投票を防止するWeb投票ができます</li> </ul> </div> </div> <p class="p-solution-outline__img"><a href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/education/overview-image.png" target="_blank" class="img-zoom"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/education/overview-image.png" alt=""></a></p> </div> </div> <div class="p-solution-detail" id="details"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">ソリューション詳細</h2> <span class="p-heading__titleEn p-heading__titleEn--lg">DETAILS</span> </div> <div class="case__list case__list--arrow"> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution/school-job-offer/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2019/03/school-joboffer_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">学校法人向け求人票管理</h3> <p>就職活動の一環である企業調査を、多くの学生は深夜以降に行うと言われています。いつでも、どこにいても、求人票を見ることができる環境を提供し、就職支援を強化しましょう。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution/student_benefits_support/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2020/06/bnr_sol_student_benefits_support_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">学生支援給付金申請</h3> <p>経済的に困窮している在学生への支援金給付を迅速に行うための、学生や保証人の口座情報収集システムを提供します。</p> </div> </a> </div> <div class="case__col case__col--nolink"> <div class="case__item"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2021/10/tnl_sol_education_02.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">オープンキャンパス</h3> <p>資料請求した学生をオープンキャンパスに自動で誘導します。見込み学生の情報を管理や出願プロセスを記録するにより、翌年度のプラン改善を図れます。</p> </div> </div> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution/web-applications/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2021/10/tnl_sol_education_03.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">Web申請</h3> <p>各種申請書をWEBフォーム経由でデータベース化し、事務局の手入力箇所を可能な限り削減します。</p> </div> </a> </div> <div class="case__col case__col--nolink"> <div class="case__item"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2019/01/marketing_sp_2019.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">LINE連携</h3> <p>4年生だけを抽出配信など属性配信が自由にできます。既読率の高いLINEから直接報告窓口へ誘導します。</p> </div> </div> </div> <div class="case__col case__col--nolink"> <div class="case__item"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2021/10/tnl_sol_education_05.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">Web投票</h3> <p>紙を配布しその場で集める濃厚接触行為を回避し、3密と不正と重複投票を防止します。</p> </div> </div> </div> </div> </div> </div> <div class="p-case-list" id="case"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">導入事例</h2> <span class="p-heading__titleEn">CASE</span> </div> <p class="p-lead">金融・製造・小売・学校・飲食・官公庁など<br class="only-sp">あらゆる業界で</p> <h3 class="p-title p-title--line line-grad"><span>延べ13,000社を超える導入実績</span></h3> <p style="max-width: 900px; margin: 60px auto 0;" class="p-case-list__img"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/service/spiralv1/img_case_logo.png" alt="ご支援企業ロゴ" class="has-sp"></p> </div> <div class="p-case"> <div class="l-inner"> <h3 class="p-title p-title--line line-grad"><span>学校・教育における事例を紹介します</span></h3> <div class="p-case__items"> <a href="https://www.spiral-platform.co.jp/case/asia-u/" class="p-case__item boxShadow"> <div class="p-case__itemImage"> <img width="1200" height="800" src="https://www.spiral-platform.co.jp/wp-content/uploads/2022/04/tmb_case_asia-u01.jpg" class="attachment-full size-full" alt="" decoding="async" fetchpriority="high" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2022/04/tmb_case_asia-u01.jpg 1200w, https://www.spiral-platform.co.jp/wp-content/uploads/2022/04/tmb_case_asia-u01-300x200.jpg 300w, https://www.spiral-platform.co.jp/wp-content/uploads/2022/04/tmb_case_asia-u01-1024x683.jpg 1024w, https://www.spiral-platform.co.jp/wp-content/uploads/2022/04/tmb_case_asia-u01-768x512.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">学校法人亜細亜学園</p> <h4 class="p-title">大学院の出願システムを<br class="only-pc">SPIRAL® と決済システムとの連携で構築。<br class="only-pc">毎年の更新業務をほぼ内製化し、年間外注コストを<br class="only-pc">大幅に削減!</h4> <p class="p-case__itemDesc">年間200万も掛かっていた出願システムの固定費用と改修費用を、100万近くまで抑えることができました。今年度は、SPIRAL® の導入費用が掛かっていたので、来年度以降はより一層のコスト削減を見込んでいます。また以前はツールの担当者にお願いをしていた毎年の更新作業もほぼ内製化することができ、修正時間も費用も削減されました。</p> </div> </a> <a href="https://www.spiral-platform.co.jp/case/roouteplus2/" class="p-case__item boxShadow reverse"> <div class="p-case__itemImage"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/2021/11/img_case_roouteplus2-01.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2021/11/img_case_roouteplus2-01.jpg 600w, https://www.spiral-platform.co.jp/wp-content/uploads/2021/11/img_case_roouteplus2-01-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">一般社団法人ルートプラス</p> <h4 class="p-title">SPIRAL® ×LINEで子どもの成長を可視化する<br class="only-pc">会員専用マイページを構築!<br>充実したオンラインコンテンツでサービスの価値を高め、<br class="only-pc">ファンの育成に成功</h4> <p class="p-case__itemDesc">各種手続きをオンライン化する事で会員の手間を軽減。スタッフが指導に集中できる環境を整えました。またLINEと連携をした会員専用マイページでは、子どもの成長記録のページを作り、指導員から子どもたちのスクールでの様子を伝えたり、一人ひとりに合わせた細やかなアドバイスを共有できるようにしています。保護者とのコミュニケーションツールの一つとしても活用できています。</p> </div> </a> <a href="https://www.spiral-platform.co.jp/case/nodai-kumiai/" class="p-case__item boxShadow"> <div class="p-case__itemImage"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/2021/08/img_case_nodai-kumiai02.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2021/08/img_case_nodai-kumiai02.jpg 600w, https://www.spiral-platform.co.jp/wp-content/uploads/2021/08/img_case_nodai-kumiai02-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">東京農業大学教職員組合</p> <h4 class="p-title">パッケージでは難しかった複雑なWeb投票要件を<br class="only-pc">SPIRAL® で実現。<br>コロナ禍における選挙の非対面化と、<br class="only-pc">事務作業時間を1/10に短縮することに成功。</h4> <p class="p-case__itemDesc">投票用紙の印刷・配布、投票所の確保、投票用紙の集計作業など、これまで選挙管理委員会が行っていたほとんどの事務作業を削減できました。1回の選挙・投票にかかる事務作業工数は、少なくとも1/10程度にはなっていると思います。開票作業も格段に速くなっていまして、開票から結果判明までにかかる時間は2~3時間から30分へと、1/5程度に短縮されています。</p> </div> </a> <a href="https://www.spiral-platform.co.jp/case/apu/" class="p-case__item boxShadow reverse"> <div class="p-case__itemImage"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/2021/08/img_case_apu01.jpg" class="attachment-full size-full" alt="" decoding="async" loading="lazy" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2021/08/img_case_apu01.jpg 600w, https://www.spiral-platform.co.jp/wp-content/uploads/2021/08/img_case_apu01-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">立命館アジア太平洋大学</p> <h4 class="p-title">留学生の入学手続き事務処理をSPIRAL® でオンライン化!<br>手続きスピードのUPと人件費・郵送費の大幅削減を実現</h4> <p class="p-case__itemDesc">在留資格認定証明書(COE)申請における業務のオンライン化をSPIRAL® で実現。書類でのやり取りからマイページ上でのコミュニケーションに切り替えることで、留学生・スタッフ双方の負担を軽減しながら、郵送コストも約60%削減できました。今はCOE申請だけでなく選考結果通知や入学手続きなど、入学までに必要な一連の手続きをすべてオンライン化できています。</p> </div> </a> </div> </div> </div> <div class="l-inner"> <div class="p-buttonArea p-buttonArea--w_auto"> <a href="https://www.spiral-platform.co.jp/case/job/education/" class="button button--secondary button--large">学校・教育の導入事例をみる</a> </div> </div> </div> <div class="p-case p-case--auto skew-bg" id="security"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">安心のセキュリティと<br class="only-sp">サポート体制</h2> <span class="p-heading__titleEn p-heading__titleEn--lg">SECURITY & SUPPORT</span> </div> <div class="p-case__items"> <div class="p-case__item reverse"> <div class="p-case__itemText"> <h3 class="p-title">金融機関・官公庁でも導入。<br>万全なセキュリティで、大切な情報を守る。</h3> <p class="p-case__itemDesc">日々新たな脅威への対策を行うとともに、毎年第3者機関の脆弱性診断を受診しセキュリティレベルの維持・向上に努めています。また、SPIRAL® をご利用いただく上での安全対策として人的ミスを予防する機能やサービスを提供しています。</p> <a href="/service/spiralv1/security/" class="c-link">セキュリティについて詳しく知る ></a> </div> <div class="p-case__itemImage"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/security-1.png" alt="セキュリティ診断A、Pマーク、ISO27001"> </div> </div> <div class="p-case__item"> <div class="p-case__itemText"> <h3 class="p-title">顧客満足度97%のサポート。</h3> <p class="p-case__itemDesc">最短5分以内を目標に即時対応のサポートを提供しております。<br> また、サポート方法もTEL、画面共有、Webフォーム問い合わせから、お客さまのご状況に合わせて最適な方法をお選びいただけます。</p> </div> <div class="p-case__itemImage"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/security-2.png" alt="第3会サービス・ホスピタリティ・アワード優秀賞"> </div> </div> </div> </div> </div> <div class="p-banner"> <div class="l-inner"> <div class="p-column p-column--3"> <div class="p-column__item"> <a href="/solution-app/wordpress/"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/bn_top01.png" alt="WordPress×SPIRALで会員サイトを簡単&安全に!"> </a> </div> <div class="p-column__item"> <a href="/service/insourcing_development_support/"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/bn_top02.png" alt="内製化・開発支援サービス"> </a> </div> <div class="p-column__item"> <a href="/sp/lp/line-solution/"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/bn_top03.png" alt="顧客をファンに進化させるLINE連携サービスSPIRAL"> </a> </div> </div> </div> </div> <div class="contact"> <div class="soluSec__inner"> <div class="l-inner"> <dl> <dt> <img src="/wp-content/uploads/common/img_contact.png" alt="お問い合わせ" width="300"> </dt> <dd> <h2 class="solu__ttl">まずはお問い合わせください!</h2> <p>具体的にやりたいことが決まっていなくても大丈夫です。まずは気軽にご相談ください。事例紹介、情報提供などを通して、解決策の明確化のお手伝いをいたします。 </p> <p class="sol__link"> <a href="https://www.pi-pe.co.jp/regist/is?SMPFORM=man-mcsepb-0e06c81b1a06832e44b64b391bc18b71&f000099824=https://www.spiral-platform.co.jp/solution/education-group/" target="_blank" class="button button--primary" rel="noopener">ご相談・お問い合わせはこちら</a> </p> </dd> </dl> </div> </div> </div> </main><!-- /main --> <div class="breadcrumb"> <div class="l-inner"> <ul> <li><a href="/">HOME</a></li> <li><a href="/solution/">ソリューション</a></li> <li>学校・教育</li> </ul> </div> </div> <!--#include virtual='/assets/inc/footer.html'--> <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/solution/education-group/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> <!-- JS --> <!--#include virtual='/assets/inc/foot.html'--> <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> .contact { background: #edf6ff; margin: 10px auto; } .button--primary, .contact .sol__link a { background-color: #eb1000; background-image: none; border-radius: 50px; transition: 0.2s; } .button--primary:hover, .contact .sol__link a:hover { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 10px 0px rgba(0,0,0,.40); color: #eb1000; transform: translateY(-2px); transition: 0.2s; } .button--primary:active, .contact .sol__link a:active { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.40); color: #eb1000; transform: translateY(0); transition: 0s; } .contact .solu__ttl { color: #2b2b2b; } @media screen and (min-width: 768px) { .p-case--auto .p-case__itemText { width: 75%; } .p-case--auto .p-case__itemImage { width: 25%; } } </style>