Jooto - 無料から使えるタスク・プロジェクト管理ツール

<!doctype html> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="google-site-verification" content="w_FGj8KgR8e2OAfWUzEuNOlVapkUjkWo-5hPvSSSoRo" /> <meta name="google-site-verification" content="sp8iSiLatQZXZ_QfJ_9x9HY-QiX4Ur-eTAZVL5KhPr4" />  <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-5B7QBB'); </script>     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <link rel="shortcut icon" href="https://www.jooto.com/wp-content/uploads/2018/05/jootonewfavicon_retina.png"> <link rel="apple-touch-icon" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon57.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon120.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon76.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon152.png">  <script> /* You can add more configuration options to webfontloader by previously defining the WebFontConfig with your options */ if ( typeof WebFontConfig === "undefined" ) { WebFontConfig = new Object(); } WebFontConfig['google'] = {families: ['Noto+Sans:400,700,400italic,700italic', 'Open+Sans:400', 'Montserrat:700&subset=latin']}; (function() { var wf = document.createElement( 'script' ); wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( wf, s ); })(); </script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script> var ajaxurl = 'https://www.jooto.com/wp-admin/admin-ajax.php'; </script>  <title>Jooto - 無料から使えるタスク・プロジェクト管理ツール</title> <link rel="preload" as="font" href="https://www.jooto.com/wp-content/themes/unicon/framework/css/font/fontawesome-webfont.woff2?v=4.6.3" crossorigin> <link rel="preload" as="font" href="https://www.jooto.com/wp-content/themes/unicon/framework/css/font/icomoon.ttf" crossorigin><link rel="preload" as="image" href="https://www.jooto.com/wp-content/uploads/2024/10/top-mv1017.png" fetchpriority="high"> <meta name="description" content="40万人以上が利用するカンバン方式のタスク・プロジェクト管理ツールJooto（ジョートー）。基本操作はドラッグ&ドロップだけ。ガントチャートやプロジェクト横断してタスク管理も可能。プロジェクトメンバーの状況を把握しやすいので、マネージメントもしやすくなります。" /> <link rel="canonical" href="https://www.jooto.com/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Jooto - 無料から使えるタスク・プロジェクト管理ツール" /> <meta property="og:description" content="40万人以上が利用するカンバン方式のタスク・プロジェクト管理ツールJooto（ジョートー）。基本操作はドラッグ&ドロップだけ。ガントチャートやプロジェクト横断してタスク管理も可能。プロジェクトメンバーの状況を把握しやすいので、マネージメントもしやすくなります。" /> <meta property="og:url" content="https://www.jooto.com/" /> <meta property="og:site_name" content="タスク・プロジェクト管理ツールJooto (ジョートー)" /> <meta property="article:modified_time" content="2024-11-06T03:04:36+00:00" /> <meta property="og:image" content="https://www.jooto.com/wp-content/uploads/2019/02/Group.png" /> <meta property="og:image:width" content="3600" /> <meta property="og:image:height" content="1860" /> <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.jooto.com/","url":"https://www.jooto.com/","name":"Jooto - 無料から使えるタスク・プロジェクト管理ツール","isPartOf":{"@id":"https://www.jooto.com/#website"},"primaryImageOfPage":{"@id":"https://www.jooto.com/#primaryimage"},"image":{"@id":"https://www.jooto.com/#primaryimage"},"thumbnailUrl":"https://www.jooto.com/wp-content/uploads/2019/02/Group.png","datePublished":"2019-02-06T14:19:22+00:00","dateModified":"2024-11-06T03:04:36+00:00","description":"40万人以上が利用するカンバン方式のタスク・プロジェクト管理ツールJooto（ジョートー）。基本操作はドラッグ&ドロップだけ。ガントチャートやプロジェクト横断してタスク管理も可能。プロジェクトメンバーの状況を把握しやすいので、マネージメントもしやすくなります。","breadcrumb":{"@id":"https://www.jooto.com/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://www.jooto.com/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https://www.jooto.com/#primaryimage","url":"https://www.jooto.com/wp-content/uploads/2019/02/Group.png","contentUrl":"https://www.jooto.com/wp-content/uploads/2019/02/Group.png","width":3600,"height":1860},{"@type":"BreadcrumbList","@id":"https://www.jooto.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.jooto.com/#website","url":"https://www.jooto.com/","name":"タスク・プロジェクト管理ツールJooto (ジョートー)","description":"クラウド型タスク管理ツールJooto(ジョートー)はPC・スマートフォンからタスクやプロジェクトを一元管理できるオンラインサービス","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.jooto.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"}]}</script>  <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link rel='dns-prefetch' href='//maps.gstatic.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//fonts.gstatic.com' /> <link rel='dns-prefetch' href='//use.fontawesome.com' /> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//apis.google.com' /> <link rel='dns-prefetch' href='//google-analytics.com' /> <link rel='dns-prefetch' href='//www.google-analytics.com' /> <link rel='dns-prefetch' href='//ssl.google-analytics.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='dns-prefetch' href='//www.googletagservices.com' /> <link rel='dns-prefetch' href='//googleads.g.doubleclick.net' /> <link rel='dns-prefetch' href='//adservice.google.com' /> <link rel='dns-prefetch' href='//pagead2.googlesyndication.com' /> <link rel='dns-prefetch' href='//tpc.googlesyndication.com' /> <link rel='dns-prefetch' href='//youtube.com' /> <link rel='dns-prefetch' href='//i.ytimg.com' /> <link rel='dns-prefetch' href='//player.vimeo.com' /> <link rel='dns-prefetch' href='//api.pinterest.com' /> <link rel='dns-prefetch' href='//assets.pinterest.com' /> <link rel='dns-prefetch' href='//connect.facebook.net' /> <link rel='dns-prefetch' href='//platform.twitter.com' /> <link rel='dns-prefetch' href='//syndication.twitter.com' /> <link rel='dns-prefetch' href='//platform.instagram.com' /> <link rel='dns-prefetch' href='//referrer.disqus.com' /> <link rel='dns-prefetch' href='//c.disquscdn.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//cdn.ampproject.org' /> <link rel='dns-prefetch' href='//pixel.wp.com' /> <link rel='dns-prefetch' href='//disqus.com' /> <link rel='dns-prefetch' href='//s.gravatar.com' /> <link rel='dns-prefetch' href='//0.gravatar.com' /> <link rel='dns-prefetch' href='//2.gravatar.com' /> <link rel='dns-prefetch' href='//1.gravatar.com' /> <link rel='dns-prefetch' href='//sitename.disqus.com' /> <link rel='dns-prefetch' href='//s7.addthis.com' /> <link rel='dns-prefetch' href='//platform.linkedin.com' /> <link rel='dns-prefetch' href='//w.sharethis.com' /> <link rel='dns-prefetch' href='//s0.wp.com' /> <link rel='dns-prefetch' href='//s1.wp.com' /> <link rel='dns-prefetch' href='//s2.wp.com' /> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//ajax.microsoft.com' /> <link rel='dns-prefetch' href='//ajax.aspnetcdn.com' /> <link rel='dns-prefetch' href='//s3.amazonaws.com' /> <link rel='dns-prefetch' href='//code.jquery.com' /> <link rel='dns-prefetch' href='//stackpath.bootstrapcdn.com' /> <link rel='dns-prefetch' href='//github.githubassets.com' /> <link rel='dns-prefetch' href='//ad.doubleclick.net' /> <link rel='dns-prefetch' href='//stats.g.doubleclick.net' /> <link rel='dns-prefetch' href='//cm.g.doubleclick.net' /> <link rel='dns-prefetch' href='//stats.buysellads.com' /> <link rel='dns-prefetch' href='//s3.buysellads.com' /> <link rel="alternate" type="application/rss+xml" title="タスク・プロジェクト管理ツールJooto (ジョートー) » フィード" href="https://www.jooto.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="タスク・プロジェクト管理ツールJooto (ジョートー) » コメントフィード" href="https://www.jooto.com/comments/feed/" /> <style 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.jooto.com/wp-includes/css/dist/block-library/style.min.css?ver=6.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-front-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/css/front.css?ver=2.22.1' type='text/css' media='all' /> <style id='arkhe-blocks-front-inline-css' type='text/css'> body{--arkb-marker-color:#ffdc40;--arkb-marker-start:1em;--arkb-marker-style:linear-gradient(transparent var(--arkb-marker-start), var(--arkb-marker-color) 0)} </style> <link rel='stylesheet' id='arkhe-blocks-accordion-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/accordion/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-blog-card-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/blog-card/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-button-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/button/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-columns-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/columns/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-container-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/container/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-faq-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/faq/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-dl-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/dl/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-icon-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/icon/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-notice-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/notice/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-section-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/section/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-section-heading-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/section-heading/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-step-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/step/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-tab-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/tab/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-timeline-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/timeline/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='arkhe-blocks-toc-style-css' href='https://www.jooto.com/wp-content/plugins/arkhe-blocks/dist/gutenberg/blocks/toc/index.css?ver=2.22.1' type='text/css' media='all' /> <link rel='stylesheet' id='classic-theme-styles-css' href='https://www.jooto.com/wp-includes/css/classic-themes.min.css?ver=1' type='text/css' media='all' /> <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--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--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;}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.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-columns.is-layout-flex){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.jooto.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.7.6' type='text/css' media='all' /> <link rel='stylesheet' id='flexible-table-block-css' href='https://www.jooto.com/wp-content/plugins/flexible-table-block/build/style-index.css?ver=1696385522' type='text/css' media='all' /> <style id='flexible-table-block-inline-css' type='text/css'> .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table{width:100%;max-width:100%;border-collapse:collapse;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#f0f0f1;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#f0f0f1;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#ffffff;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#ffffff;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td{padding:0.5em;border-width:1px;border-style:solid;border-color:#4cacfe;text-align:left;vertical-align:middle;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th{color:#ffffff;background-color:#4cacfe;}.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td{background-color:#ffffff;}@media screen and (min-width:769px){.wp-block-flexible-table-block-table.is-scroll-on-pc{overflow-x:scroll;}.wp-block-flexible-table-block-table.is-scroll-on-pc table{max-width:none;align-self:self-start;}}@media screen and (max-width:768px){.wp-block-flexible-table-block-table.is-scroll-on-mobile{overflow-x:scroll;}.wp-block-flexible-table-block-table.is-scroll-on-mobile table{max-width:none;align-self:self-start;}.wp-block-flexible-table-block-table table.is-stacked-on-mobile th,.wp-block-flexible-table-block-table table.is-stacked-on-mobile td{width:100%!important;display:block;}} </style> <link rel='stylesheet' id='ez-toc-css' href='https://www.jooto.com/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css?ver=2.0.66.1' type='text/css' media='all' /> <style id='ez-toc-inline-css' type='text/css'> div#ez-toc-container .ez-toc-title {font-size: 120%;}div#ez-toc-container .ez-toc-title {font-weight: 600;}div#ez-toc-container ul li {font-size: 95%;}div#ez-toc-container ul li {font-weight: 500;}div#ez-toc-container nav ul ul li {font-size: 90%;}div#ez-toc-container {background: #ffffff;border: 1px solid #4cabff;width: 75%;}div#ez-toc-container p.ez-toc-title , #ez-toc-container .ez_toc_custom_title_icon , #ez-toc-container .ez_toc_custom_toc_icon {color: #4cabff;}div#ez-toc-container ul.ez-toc-list a {color: #0066c0;}div#ez-toc-container ul.ez-toc-list a:hover {color: #4cabff;}div#ez-toc-container ul.ez-toc-list a:visited {color: #000000;} .ez-toc-container-direction {direction: ltr;}.ez-toc-counter ul {direction: ltr;counter-reset: item ;}.ez-toc-counter nav ul li a::before {content: counter(item, disc) ' ';margin-right: .2em; counter-increment: item;flex-grow: 0;flex-shrink: 0;float: left; }.ez-toc-widget-direction {direction: ltr;}.ez-toc-widget-container ul {direction: ltr;counter-reset: item ;}.ez-toc-widget-container nav ul li a::before {content: counter(item, disc) ' ';margin-right: .2em; counter-increment: item;flex-grow: 0;flex-shrink: 0;float: left; } </style> <link rel='stylesheet' id='spu-public-css-css' href='https://www.jooto.com/wp-content/plugins/popups/public/assets/css/public.css?ver=1.9.3.8' type='text/css' media='all' /> <link rel='stylesheet' id='stylesheet-css' href='https://www.jooto.com/wp-content/themes/unicon-child/style.css?ver=2403-2' type='text/css' media='all' /> <link rel='stylesheet' id='js_composer_front-css' href='https://www.jooto.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=6.10.0' type='text/css' media='all' /> <link rel='stylesheet' id='shortcodes-css' href='https://www.jooto.com/wp-content/themes/unicon/framework/css/shortcodes.css?ver=6.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='responsive-css' href='https://www.jooto.com/wp-content/themes/unicon/framework/css/responsive.css?ver=220324-2' type='text/css' media='all' /> <link rel='stylesheet' id='fancybox-css' href='https://www.jooto.com/wp-content/plugins/easy-fancybox/fancybox/1.5.4/jquery.fancybox.min.css?ver=6.1.1' type='text/css' media='screen' /> <link rel='stylesheet' id='cf7cf-style-css' href='https://www.jooto.com/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.4.12' type='text/css' media='all' /> <link rel='stylesheet' id='wpsgui-swagger-ui-css-css' href='https://www.jooto.com/wp-content/plugins/embed-swagger-ui/core/includes/assets/css/swagger-ui.css?ver=1.0.0' type='text/css' media='all' /> <script type='text/javascript' src='https://www.jooto.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.1' id='jquery-core-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <link rel="https://api.w.org/" href="https://www.jooto.com/wp-json/" /><link rel="alternate" type="application/json" href="https://www.jooto.com/wp-json/wp/v2/pages/12358" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.jooto.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.jooto.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.1.1" /> <link rel='shortlink' href='https://www.jooto.com/' /> <link rel="alternate" type="application/json+oembed" href="https://www.jooto.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.jooto.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.jooto.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.jooto.com%2F&format=xml" />  <style type="text/css"> /* Add your CSS code here. For example: .example { color: red; } For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp End of comment */ @media only screen and (max-width: 959px){ #mobile-header { background: #62abf8 !important; } } .fa-bars:before { content: "\f0c9"; color:#ffffff; }</style>  <link rel='stylesheet' id='10670-css' href='//www.jooto.com/wp-content/uploads/custom-css-js/10670.css?v=4351' type="text/css" media='all' /> <style type="text/css"> body{ font: 400 16px Noto Sans, Arial, Helvetica, sans-serif; color: #4c4c4c; line-height: 1.9;} .wrapall, .boxed-layout{ background-color: #ffffff; } body.page-template-page-blank-php{ background: #ffffff !important; } h1, .title-h1{ font: 400 28px Noto Sans, Arial, Helvetica, sans-serif; color: #333333; } h2{ font: 400 24px Noto Sans, Arial, Helvetica, sans-serif; color: #333333; } h3{ font: 400 18px Noto Sans, Arial, Helvetica, sans-serif; color: #333333; } h4{ font: 400 16px Noto Sans, Arial, Helvetica, sans-serif; color: #333333; } h5{ font: 400 16px Noto Sans, Arial, Helvetica, sans-serif; color: #333333; } h6{ font: 400 16px Noto Sans, Arial, Helvetica, sans-serif; color: #333333; } .title{ font-family: 'Noto Sans', Arial, Helvetica, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: #333333; } a{ color: #10a4df; } a:hover{ color: #333333; } input[type='text'], input[type='password'], input[type='email'], input[type='tel'], textarea, select { font-family: Noto Sans, Arial, Helvetica, sans-serif; font-size: 16px; } #sidebar .widget h3{ font: 700 14px Noto Sans, Arial, Helvetica, sans-serif; color: #444444; } .container .twelve.alt.sidebar-right, .container .twelve.alt.sidebar-left, #sidebar.sidebar-right #sidebar-widgets, #sidebar.sidebar-left #sidebar-widgets{ border-color: #efefef;} #topbar{ background: #f5f5f5; color: #777777; } #topbar a{ color: #777777; } #topbar a:hover{ color: #333333; } @media only screen and (max-width: 767px) { #topbar .topbar-col1{ background: #f5f5f5; } } /* Navigation */ #navigation > ul > li > a{ font: 400 13px , Arial, Helvetica, sans-serif; color: #9b9b9b; } #navigation > ul > li:hover > a, #navigation > ul > li > a:hover { color: #a8d7ff; } #navigation li.current-menu-item > a:hover, #navigation li.current-page-ancestor > a:hover, #navigation li.current-menu-ancestor > a:hover, #navigation li.current-menu-parent > a:hover, #navigation li.current_page_ancestor > a:hover, #navigation > ul > li.sfHover > a { color: #a8d7ff; } #navigation li.current-menu-item > a, #navigation li.current-page-ancestor > a, #navigation li.current-menu-ancestor > a, #navigation li.current-menu-parent > a, #navigation li.current_page_ancestor > a { color: #4dabff; } #navigation ul li:hover{ border-color: #a8d7ff; } #navigation li.current-menu-item, #navigation li.current-page-ancestor, #navigation li.current-menu-ancestor, #navigation li.current-menu-parent, #navigation li.current_page_ancestor{ border-color: #4dabff; } #navigation .sub-menu{ background: #5e9ce6; } #navigation .sub-menu li a{ font: 400 13px Noto Sans, Arial, Helvetica, sans-serif; color: #ffffff; } #navigation .sub-menu li a:hover{ color: #ffffff; } #navigation .sub-menu li.current_page_item > a, #navigation .sub-menu li.current_page_item > a:hover, #navigation .sub-menu li.current-menu-item > a, #navigation .sub-menu li.current-menu-item > a:hover, #navigation .sub-menu li.current-page-ancestor > a, #navigation .sub-menu li.current-page-ancestor > a:hover, #navigation .sub-menu li.current-menu-ancestor > a, #navigation .sub-menu li.current-menu-ancestor > a:hover, #navigation .sub-menu li.current-menu-parent > a, #navigation .sub-menu li.current-menu-parent > a:hover, #navigation .sub-menu li.current_page_ancestor > a, #navigation .sub-menu li.current_page_ancestor > a:hover{ color: #ffffff; } #navigation .sub-menu li a, #navigation .sub-menu ul li a{ border-color: #45b1e2; } #navigation > ul > li.megamenu > ul.sub-menu{ background: #5e9ce6; border-color: #a8d7ff; } #navigation > ul > li.megamenu > ul > li { border-right-color: #45b1e2 !important; } #navigation > ul > li.megamenu ul li a{ color:#ffffff; } #navigation > ul > li.megamenu > ul > li > a { color:#ffffff; } #navigation > ul > li.megamenu > ul ul li a:hover, #header #navigation > ul > li.megamenu > ul ul li.current-menu-item a { color: #ffffff !important; background-color: #333333 !important; } /* Header General */ #search-btn, #shopping-btn, #close-search-btn { color: #bbbbbb; } #search-btn:hover, #shopping-btn:hover, #close-search-btn:hover { color: #666666; } #slogan{ font: 400 20px Open Sans, Arial, Helvetica, sans-serif; color: #777777; margin-top: 34px; } /* Mobile Header */ #mobile-navigation{ background: #5e9ce6; } #mobile-navigation ul li a{ font: 400 13px Noto Sans, Arial, Helvetica, sans-serif; color: #ffffff; border-bottom-color: #45b1e2 !important; } #mobile-navigation ul li a:hover, #mobile-navigation ul li a:hover [class^='fa-'], #mobile-navigation li.open > a, #mobile-navigation ul li.current-menu-item > a, #mobile-navigation ul li.current-menu-ancestor > a{ color: #ffffff; } body #mobile-navigation li.open > a [class^='fa-']{ color: #ffffff; } #mobile-navigation form, #mobile-navigation form input{ background: #444444; color: #cccccc; } #mobile-navigation form:before{ color: #cccccc; } #mobile-header{ background: ; height: 70px; } #mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn{ color: #bbbbbb; line-height: 70px; } #mobile-navigation-btn:hover, #mobile-cart-btn:hover, #mobile-shopping-btn:hover { color: #666666; } #mobile-header .logo{ margin-top: 15px; } /* Header V1 */ #header.header-v1 { height: 70px; background: ; } .header-v1 .logo{ margin-top: 15px; } .header-v1 #navigation > ul > li{ height: 70px; padding-top: 35px; } .header-v1 #navigation .sub-menu{ top: 70px; } .header-v1 .header-icons-divider{ line-height: 70px; background: #efefef; } #header.header-v1 .widget_shopping_cart{ top: 70px; } .header-v1 #search-btn, .header-v1 #close-search-btn, .header-v1 #shopping-btn{ line-height: 70px; } .header-v1 #search-top, .header-v1 #search-top input{ height: 70px; } .header-v1 #search-top input{ color: #666666; font-family: Noto Sans, Arial, Helvetica, sans-serif; } /* Header V3 */ #header.header-v3 { background: ; } .header-v3 .navigation-wrap{ background: ; border-top: 1px solid #efefef; } .header-v3 .logo { margin-top: 30px; margin-bottom: 30px; } /* Header V4 */ #header.header-v4 { background: ; } .header-v4 .navigation-wrap{ background: ; border-top: 1px solid #efefef; } .header-v4 .logo { margin-top: 30px; margin-bottom: 30px; } /* Transparent Header */ #transparentimage{ padding: 70px 0 0 0; } .header-is-transparent #mobile-navigation{ top: 70px; } /* Stuck */ .stuck{ background: ; } /* Titlebars */ .titlebar h1, .title-h1{ font: 400 22px Open Sans, Arial, Helvetica, sans-serif; color: #777777; } #fulltitle{ background: #f9f9f9; border-bottom: 0px none #efefef; } #breadcrumbs{ margin-top: 6px; } #breadcrumbs, #breadcrumbs a{ font: 400 13px Open Sans, Arial, Helvetica, sans-serif; color: #999999; } #breadcrumbs a:hover{ color: #666666; } #fullimagecenter h1, #transparentimage h1, #fullimagecenter .title-h1, #transparentimage .title-h1{ font: 700 42px Montserrat, Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; text-align: center; } /* Footer */ #footer .widget h3{ font: 700 13px Noto Sans, Arial, Helvetica, sans-serif; color: #ffffff; } #footer{ color: #ffffff; border-top: 10px none #fc78b9; } #footer{ background-color: #0a1545; } #footer a, #footer .widget ul li:after { color: #ffffff; } #footer a:hover, #footer .widget ul li:hover:after { color: #ffffff; } #footer .widget ul li{ border-bottom-color: #ffffff; } /* Copyright */ #copyright{ background: #ffffff; color: #36526b; } #copyright a { color: #36526b; } #copyright a:hover { color: #3c6b93; } /* Color Accent */ .highlight{color:#10a4df !important;} ::selection{ background: #10a4df; } ::-moz-selection { background: #10a4df; } #shopping-btn span{background:#10a4df;} .blog-page .post h1 a:hover,.blog-page .post h2 a:hover{color:#10a4df;} .entry-image .entry-overlay{background:#10a4df;} .entry-quote a:hover{background:#10a4df;} .entry-link a:hover{background:#10a4df;} .blog-single .entry-tags a:hover{color:#10a4df;} .sharebox ul li a:hover{color:#10a4df;} #pagination .current a{background:#10a4df;} #filters ul li a:hover{color:#10a4df;} #filters ul li a.active{color:#10a4df;} #back-to-top a:hover{background-color:#10a4df;} #sidebar .widget ul li a:hover{color:#10a4df;} #sidebar .widget ul li:hover:after{color:#10a4df;} .widget_tag_cloud a:hover,.widget_product_tag_cloud a:hover{background:#10a4df;border-color:#10a4df;} .widget_portfolio .portfolio-widget-item .portfolio-overlay{background:#10a4df;} #sidebar .widget_nav_menu ul li a:hover{color:#10a4df;} #footer .widget_tag_cloud a:hover,#footer .widget_product_tag_cloud a:hover{background:#10a4df;border-color:#10a4df;} /* Shortcodes */ .box.style-2{border-top-color:#10a4df;} .box.style-4{border-color:#10a4df;} .box.style-6{background:#10a4df;} a.button,input[type=submit],button,.minti_button{background:#10a4df;border-color:#10a4df;} a.button.color-2{color:#10a4df;border-color:#10a4df;} a.button.color-3{background:#10a4df;border-color:#10a4df;} a.button.color-9{color:#10a4df;} a.button.color-6:hover{background:#10a4df;border-color:#10a4df;} a.button.color-7:hover{background:#10a4df;border-color:#10a4df;} .counter-number{color:#10a4df;} .divider-title.align-center:after, .divider-title.align-left:after { background-color:#10a4df } .divider5{border-bottom-color:#10a4df;} .dropcap.dropcap-circle{background-color:#10a4df;} .dropcap.dropcap-box{background-color:#10a4df;} .dropcap.dropcap-color{color:#10a4df;} .toggle .toggle-title.active, .color-light .toggle .toggle-title.active{ background:#10a4df; border-color: #10a4df;} .iconbox-style-1.icon-color-accent i.boxicon,.iconbox-style-2.icon-color-accent i.boxicon,.iconbox-style-3.icon-color-accent i.boxicon,.iconbox-style-8.icon-color-accent i.boxicon,.iconbox-style-9.icon-color-accent i.boxicon{color:#10a4df!important;} .iconbox-style-4.icon-color-accent i.boxicon,.iconbox-style-5.icon-color-accent i.boxicon,.iconbox-style-6.icon-color-accent i.boxicon,.iconbox-style-7.icon-color-accent i.boxicon,.flip .icon-color-accent.card .back{background:#10a4df;} .latest-blog .blog-item .blog-overlay{background:#10a4df;} .latest-blog .blog-item .blog-pic i{color:#10a4df;} .latest-blog .blog-item h4 a:hover{color:#10a4df;} .progressbar .progress-percentage{background:#10a4df;} .wpb_widgetised_column .widget ul li a:hover{color:#10a4df;} .wpb_widgetised_column .widget ul li:hover:after{color:#10a4df;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{background-color:#10a4df;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a{color:#10a4df;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover,.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover .ui-state-default .ui-icon{color:#10a4df;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-icon{background-color:#10a4df!important;} .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active{border-bottom-color:#10a4df;} .portfolio-item h4 a:hover{ color: #10a4df; } .portfolio-filters ul li a:hover { color: #10a4df; } .portfolio-filters ul li a.active { color: #10a4df; } .portfolio-overlay-icon .portfolio-overlay{ background: #10a4df; } .portfolio-overlay-icon i{ color: #10a4df; } .portfolio-overlay-effect .portfolio-overlay{ background: #10a4df; } .portfolio-overlay-name .portfolio-overlay{ background: #10a4df; } .portfolio-detail-attributes ul li a:hover{ color: #10a4df; } a.catimage:hover .catimage-text{ background: #10a4df; } /* WooCommerce */ .products li h3{font: 400 16px Noto Sans, Arial, Helvetica, sans-serif; color: #4c4c4c;} .woocommerce .button.checkout-button{background:#10a4df;border-color:#10a4df;} .woocommerce .products .onsale{background:#10a4df;} .product .onsale{background:#10a4df;} button.single_add_to_cart_button:hover{background:#10a4df;} .woocommerce-tabs > ul > li.active a{color:#10a4df;border-bottom-color:#10a4df;} p.stars a:hover{background:#10a4df;} p.stars a.active,p.stars a.active:after{background:#10a4df;} .product_list_widget a{color:#10a4df;} .woocommerce .widget_layered_nav li.chosen a{color:#10a4df!important;} .woocommerce .widget_product_categories > ul > li.current-cat > a{color:#10a4df!important;} .woocommerce .widget_product_categories > ul > li.current-cat:after{color:#10a4df!important;} .woocommerce-message{ background: #10a4df; } .bbp-topics-front ul.super-sticky .bbp-topic-title:before, .bbp-topics ul.super-sticky .bbp-topic-title:before, .bbp-topics ul.sticky .bbp-topic-title:before, .bbp-forum-content ul.sticky .bbp-topic-title:before{color: #10a4df!important; } #subscription-toggle a:hover{ background: #10a4df; } .bbp-pagination-links span.current{ background: #10a4df; } div.wpcf7-mail-sent-ok,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors{ background: #10a4df; } .wpcf7-not-valid{ border-color: #10a4df !important;} .products .button.add_to_cart_button{ color: #10a4df!important; } .minti_list.color-accent li:before{ color: #10a4df!important; } .blogslider_text .post-categories li a{ background-color: #10a4df; } .minti_zooming_slider .flex-control-nav li .minti_zooming_slider_ghost { background-color: #10a4df; } .minti_carousel.pagination_numbers .owl-dots .owl-dot.active{ background-color: #10a4df; } .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active, .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active{ background-color: #10a4df; } .masonry_icon i{ color: #10a4df; } /* Special Font */ .font-special, .button, .counter-title, h6, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .pricing-plan .pricing-plan-head h3, a.catimage, .divider-title, button, input[type='submit'], input[type='reset'], input[type='button'], .vc_pie_chart h4, .page-404 h3, .minti_masonrygrid_item h4{ font-family: 'Noto Sans', Arial, Helvetica, sans-serif; /*letter-spacing: 0px; font-weight: 700;*/} .ui-helper-reset{ line-height: 1.9; } /* User CSS from Theme Options */ /* Header layouts 20190214 /--------------------------------------------------------- */ /* sticky header layout*/ #header.header-v1.header-blue {background: #5E9CE6;} #header.header-v1.header-blue .menu-item > a{color:#FFFFFF;} #header.header-v1.header-blue .menu-item-9747 a{background: #FC78B9; border:solid 1px #FC78B9;} #header.header-v1.header-blue .menu-item-9747 a:hover{background: #FDA1CF; border:solid 1px #FDA1CF;} /* header menu position*/ .header-v1 #nav {position: relative; bottom: 9px;} /* signup */ .header-v1 #menu-item-9747 a{color: #5E9CE6; border: solid 1px #5E9CE6; border-radius: 30px; padding: 15px 20px; font-weight: bold; margin-top: -15px; } .header-v1 #menu-item-9747 a:hover{color:#A8D7FF; border: solid 1px #A8D7FF; } /* border */ .header-v1 #menu-item-7801::after {content: '';border-right:1px solid #ccc;position: relative; left: 113px;bottom: 20px; padding: 13px 0;} /* login */ .header-v1 #menu-item-5543 a{color: #5E9CE6;} .header-v1 #menu-item-7801 {margin-right: 30px;} /* Header layouts 20190214 /--------------------------------------------------------- */ #footer{background:#0a1545;} #footer a{color:#FFFFFF;} #footer .widget{ margin-bottom: 20px;} #footer .widget .textwidget{font-weight: bold;} #footer .widget ul li:after { content:"";} #footer .widget ul li { border-bottom: 0px ;} /* #footer #text-35 {color:#4DABFF;} #footer #text-36 {color:#FB78BA;} #footer #text-37 {color:#36C398;} */ /* breadcrumb add 20190219 */ @media screen and (min-width: 769px) { .breadcrumbs{position: absolute; top: 90px; left: 30px; z-index: 1000;} } @media screen and (max-width: 768px) { .breadcrumbs{position: absolute; top: 90px; left: 15px; z-index: 1000; font-size: 10px;} } /* Footer layouts 20190226 */ #footer #text-34 p {text-align: left;} .blog-page .post .entry-content h2 { font-size: 24px; font-weight: bold; margin: 0 0 20px 0; padding: 0; line-height: 1.5; padding: .25em 0 .25em .75em; border-left: 6px solid #4dabff; } .blog-page .post h3 { font-weight: bold; padding-bottom: .5em; border-bottom: 1px solid #4dabff } @media only screen and (max-width: 959px) { #header, .sticky-wrapper{display:none;} #mobile-header{display:inherit} }@media only screen and (min-width: 480px) and (max-width: 767px) {.facebook-button{ padding: 0px 16px 0px 10px; float:left; width:81%; margin:10px 5px; position: relative; left: 20px; } .google-button{ padding: 0px 16px 0px 10px; float:left; width:81%; margin:10px 5px; position: relative; left: 20px; } #copyright { font-size: 10px; }}@media only screen and (max-width: 479px) {.facebook-button{ padding: 0px 16px 0px 10px; float:left; width:88%; margin:10px 5px; } .google-button{ padding: 0px 16px 0px 10px; float:left; width:88%; margin:10px 5px; } #copyright { font-size: 10px; }} </style><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <link rel="icon" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon152-80x80.png" sizes="32x32" /> <link rel="icon" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon152.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon152.png" /> <meta name="msapplication-TileImage" content="https://www.jooto.com/wp-content/uploads/2018/05/retinafavicon152.png" /> <style type="text/css" data-type="vc_custom-css">/*メインビジュアル*/ * { box-sizing: border-box; } body { margin: 0; padding: 0; } .top-main-section { padding-top: 10px; background: linear-gradient(180deg, #0a1545 0%, #0a1545 68%, #fff 68%, #fff 100%); } .top-main-section-inner { display: flex; justify-content: space-between; width: 1400px; margin: 0 auto; } .top-main-section-inner img { max-width: 100%; height: auto; } .top-main-section-text { width: 640px; } .top-main-section-text-heading { font-size: 36px; font-weight: bold; line-height: 1.5; color: #fff; margin: 0; } .top-main-section-text-sub { margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #fff; } .top-main-section-img { width: 50%; padding-right: 20px; } .top-main-section-btns { display: flex; justify-content: space-between; padding: 0; margin: 0 0 70px; } .top-main-section-btns li { width: 46.875%; text-align: center; list-style: none; } .top-main-section-btns li a { display: block; padding: 0 25px; text-decoration: none; font-weight: bold; line-height: 46px; color: #fff; border-radius: 25px; } .main-section-btn-pink { background: #fc78b9; border: 2px solid #fc78b9; transition: .3s; } .main-section-btn-pink:hover { color: #fc78b9; background: #fff; } .main-section-btn-blue { background: #4dabff; border: 2px solid #4dabff; transition: .3s; } .main-section-btn-blue:hover { color: #4dabff; background: #fff; } .top-main-section-img-sub { margin: 0; padding: 0; font-size: 12px; text-align: right; color: #888; } .top_banner_2411 { max-width: 1100px; display: block; margin: 70px auto; padding-left: 30px; padding-right: 30px; transition: 0.3s; } .top_banner_2411:hover{ opacity: 0.7; } .top_banner_2411 img { width:100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1420px) { body { margin: 0; } .top-main-section-inner { width: 100%; } .top-main-section-text { padding-left: 20px; } .top-main-section-img { width: calc(100% - 640px - 40px); padding-right: 20px; } } @media screen and (max-width: 1280px) { body { margin: 0; } .top-main-section-text { width: 50%; } .top-main-section-img { width: 46%; padding-right: 20px; } } @media screen and (max-width: 1180px) { body { margin: 0; } .top-main-section { padding-top: 0; background: none; } .top-main-section-inner { flex-direction: column; width: 100%; } .top-main-section-text { width: 100%; margin-bottom: 20px; padding: 0; } .top-main-section-text-inner { margin-bottom: 20px; padding: 20px; background: #0a1545; } .result-img { padding: 0 20px; text-align: center; } .result-img img { width: 65%; height: auto; } .top-main-section-img { width: 100%; padding: 0 20px; text-align: center; } .top-main-section-img img { width: 70%; height: auto; } .top-main-section-btns { margin-bottom: 0; } } @media screen and (max-width: 768px) { body { margin: 0; } .result-img img { width: 100%; height: auto; } .top-main-section-text-heading { font-size: 5vw; } .top-main-section-text-sub { font-size: 14px; } .top-main-section-img img { width: 100%; height: auto; } .top-main-section-btns li a { display: block; padding: 0 15px; text-decoration: none; font-weight: bold; line-height: 46px; color: #fff; border-radius: 23px; } } @media screen and (max-width: 640px) { body { margin: 0; } .top-main-section-btns li a { padding: 0 10px; font-size: 14px; line-height: 40px; border-radius: 20px; } } @media screen and (max-width: 480px) { body { margin: 0; } .top-main-section-text-heading { font-size: 24px; } .top-main-section-btns { flex-direction: column; align-items: center; margin-bottom: 0; } .top-main-section-btns li { width: 72%; margin-bottom: 20px; } } /*ニュース*/ .top-news-section { width: 100%; padding: 50px 0; background: #edf6ff; } .top-news-section h2 { margin-bottom: 30px; } .top-news-inner { width: 1040px; margin: 0 auto; } .top-news-list { margin: 0; padding: 0; list-style: none; font-size: 16px; } .top-news-list li { width: 100%; padding: 14px 0; line-height: 25px; border-bottom: 1px solid #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .top-news-list time { font-size: 18px; font-weight: bold; color: #0a1545; } .top-news-label { display: inline-block; width: 100px; margin: 0 20px 0 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; } .category-information-label { background: #4dabff; } .category-update-label { background: #36c398; } .category-maintenance-label { background: #ff954a; } .category-bug-label { background: #fc78b9; } .top-news-list a { color: #0a1545; text-decoration: none; } .top-news-list a:hover { text-decoration: underline; } @media screen and (max-width: 1040px) { .top-news-inner { width: 100%; padding: 0 20px; } .top-news-list { width: 100%; } } @media screen and (max-width: 768px) { .top-news-section { margin-bottom: 50px; padding: 35px 0; } .top-news-list li { padding: 10px 0; } .top-news-list a { display: block; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } /*プラン*/ .top-price-section { margin-bottom: 50px; } .top-price-inner { width: 1280px; margin: 0 auto; } .price-panel { width: 100%; display: flex; align-items: center; margin-top: 60px; } .price-card { width: calc( 100%/4 ); text-align: center; } .price-card .price-card-inner { padding: 30px 15px; box-shadow: 0 0 4px rgba(0, 0, 0, .2); border-radius: 5px; } .price-card.price-recommend .price-card-inner { border: 2px solid #4dabff; border-radius: 5px; } .price-card__heading { margin-bottom: 20px; padding: 0; font-size:1.2rem; font-weight: bold; } .price-card__target { padding: 5px 15px; font-size: 14px; border: 1px solid #4dabff; border-radius: 8px; color: #4dabff; } .price-card.free .price-card__target { border:none; } .price-card__price--yeartext { margin-bottom: 5px; font-size: 13px; } .price-card__price--year { margin-bottom: 0px; padding-bottom: 0; font-size: 20px; line-height: 1; } .price-card__price--year span.bold { padding:0 5px; font-size: 3.2rem; font-weight: bold; } .price-consulting .price-card__price--year span.bold { display: block; font-size: 1.85rem; margin-bottom:22px; } .price-card.price-consulting .price-card-inner { padding: 24px 15px; } .price-consulting .price-card__heading img { width: auto; height: 35px; } .subsub-title img { width: 100%; height: auto; margin-bottom: 20px; } @media screen and (min-width:1100px) and (max-width:1300px){ .price-consulting .price-card__price--year span.bold { font-size: 2rem; margin-bottom:19px; } } .price-card__price--month { margin-bottom: 30px; font-size: 13px; color: #777; } .price-card__button { padding: 9px 15px; border: 2px solid #fc78b9; border-radius: 22px; background: #fc78b9; color: #fff; font-size: 16px; line-height: 1; font-weight: bold; text-decoration: none; transition: .3s; } .price-card__button:hover { color: #fc78b9; background: #fff; } .price-panel-subtext { text-align: right; font-size: 14px; color: #777; } @media screen and (max-width: 1280px) { .top-price-inner { width: 100%; margin: 0 auto; } } @media screen and (max-width:1100px) { .price-panel { display: flex; flex-wrap: wrap; } .price-card { width: calc( 100%/2 ); text-align: center; margin-bottom: 50px; } } @media screen and (max-width:960px) { .price-card__button { font-size:14px; } } @media screen and (max-width:768px) { .price-panel { flex-direction: column; } .price-card { width: 90%; } .price-card .price-card-inner { padding: 30px 10px; } .price-card.price-recommend .price-card-inner { padding: 30px 10px; } .price-card__button { font-size:1rem; } } .price-card.free { position: relative; } .balloon-wrap { position: absolute; top: -60px; width: 100%; } .balloon { position: relative; width: 90%; margin: 0 auto; padding: 10px; background: #4dabff; color: #fff; } .balloon p { font-size: 14px; line-height: 1; margin:0; padding:0; font-weight: bold; } .balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -12px; border: 12px solid transparent; border-top: 20px solid #4dabff; } .ribbon-wrap { position: relative; display: flex; justify-content: center; } .ribbon { display: inline-block; position: absolute; top:-29px; height: 45px; text-align: center; box-sizing: border-box; } .ribbon:before {/*左側のリボン端*/ content: ''; position: absolute; width: 10px; bottom: -5px; left: -35px; border: 20px solid #fc94c6; border-left-color: transparent;/*山形に切り抜き*/ } .ribbon:after {/*右側のリボン端*/ content: ''; position: absolute; width: 10px; bottom: -5px; right: -35px; border: 20px solid #fc94c6; border-right-color: transparent;/*山形に切り抜き*/ } .ribbon span { display: inline-block; position: relative; z-index:5; margin: 0; padding: 0 20px; line-height: 40px; font-size: 14px; font-weight: bold; letter-spacing: 1px; color: #FFF; background: #FD78B9;/*真ん中の背景色*/ } .ribbon span:before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 10px transparent; border-right: solid 15px #ed4093;/*左の折り返し部分*/ } .ribbon span:after { position: absolute; content: ''; top: 100%; right: 0; border: none; border-bottom: solid 10px transparent; border-left: solid 15px #ed4093;/*右の折り返し部分*/ } /*CTA*/ .top-cta { /*position: relative;*/ margin: 106px 0 70px; padding: 40px 0 50px; background: #0a1545; } /*.top-cta-heading-wrap { position: absolute; top: -36px; width: 100%; margin: 0; padding: 0; }*/ .top-cta .j-heading { /*display: flex; justify-content: center; margin: 0; padding: 0;*/ text-align: center; color: #fff; /* font-size: 36px; font-weight: bold;*/ /*line-height: 1;*/ } .top-cta .j-heading + span { display: block; margin-bottom: 35px; } /*.top-cta-heading span { position: relative; display: block; padding: 18px 30px; font-size: 36px; font-weight: bold; line-height: 1; height: 72px; color: #0a1545; background: #edf6ff; border-top: 2px solid #0a1545; border-bottom: 2px solid #0a1545; }*/ /*.top-cta-heading span:before { content: ""; position: absolute; top: -2px; left: -69px; display: inline-block; width: 68px; height: 68px; border: 2px solid #0a1545; border-right: none; border-radius: 0 0 0 100%; background: #edf6ff; } .top-cta-heading span:after { content: ""; position: absolute; top: -2px; margin-left: 29px; width: 68px; height: 68px; border: 2px solid #0a1545; border-left: none; border-radius: 0% 100% 0 0; background: #edf6ff; }*/ .top-cta-inner { display: flex; justify-content: space-between; width: 1280px; margin: 0 auto; } .cta-box { width: calc(100% / 3); text-align: center; } .cta-box img { max-width: 100%; margin-bottom: 30px; vertical-align: bottom; } .top-cta-btn { display: inline-block; width: 220px; font-weight: bold; line-height: 46px; color: #fff; border-radius: 23px; text-decoration: none; } .top-btn-blue { background: #4dabff; border:2px solid #4dabff; color: #fff; transition: .3s; } .top-btn-blue:hover { background: #fff; color: #4dabff; } .top-btn-pink { background: #fb77ba; border:2px solid #fb77ba; color: #fff; transition: .3s; } .top-btn-pink:hover { background: #fff; color: #fb77ba; } .top-btn-green { background: #36c398; border:2px solid #36c398; color: #fff; transition: .3s; } .top-btn-green:hover { background: #fff; color: #36c398; } @media screen and (max-width: 1280px) { .top-cta { margin: 0 0 50px; } .top-cta-inner { width: 100%; } } @media screen and (max-width: 1040px) { .top-cta { position: relative; padding: 40px 0; background: #0a1545; } /*.top-cta-heading-wrap { position: absolute; top: -36px; width: 100%; margin: 0; padding: 0; }*/ /* .top-cta-heading { display: flex; justify-content: center; margin: 0; padding: 0; } */ /* .top-cta-heading span { padding: 18px 20px; font-size: 24px; height: 60px; }*/ /* .top-cta-heading span:before { content: ""; position: absolute; top: -2px; left: -57px; display: inline-block; width: 56px; height: 56px; border: 2px solid #0a1545; border-right: none; border-radius: 0 0 0 100%; background: #edf6ff; } .top-cta-heading span:after { content: ""; position: absolute; top: -2px; margin-left: 19px; width: 56px; height: 56px; border: 2px solid #0a1545; border-left: none; border-radius: 0% 100% 0 0; background: #edf6ff; }*/ .cta-box { padding: 0 30px; } .cta-box img { width: 100%; height: auto; } .top-cta-btn { width: 95%; font-size: 15px; } } @media screen and (max-width: 768px) { .top-cta-inner { flex-direction: column; } .cta-box { margin:0 auto 30px; padding: 0; width: 230px; } .cta-box img { width: auto; max-width: 100%; height: auto; margin-bottom: 20px; } .top-cta-btn { width: 220px; } } /*ループ用追記*/ /* liScroll styles */ .tickercontainer { /* the outer div with the black border */ width: 100%; min-height: 50px; margin: 0; padding: 0; overflow: hidden; text-align: center; } /* that serves as a mask. so you get a sort of padding both left and right */ .tickercontainer .mask { position: relative; width: 100%; height: 60px !important; overflow: hidden; } #loopslider { opacity: 0; transition: opacity .3s linear; height: 60px; } ul#loopslider.newsticker { /* that's your list */ opacity: 1; position: relative; margin: 0; padding: 0; height: 60px !important; } /* important: display inline gives incorrect results when you check for elem's width */ ul.newsticker li { float: left; display: inline-block; list-style-type: none; padding: 0px 10px; height: 60px; } ul.newsticker li img{ height: 40px; width: auto; } ul.er-controls{ list-style: none; display: inline-block; padding: 0; } ul.er-controls > li{ display: inline-block; padding: 0 10px; background: #f0f0f0; margin: 5px; border-radius: 5px; height: 40px; line-height: 40px; } ul.er-controls > li:hover{ background: #f5f5f5; } @media screen and (max-width: 768px) { ul.newsticker li { height: 40px; } ul.newsticker li img{ height: 40px; } .tickercontainer .mask { height: 40px !important; } } .home .current-item{ display:none; } @media screen and (max-width: 767px) { h1{font-size:22px; font-weight:bold;} .image-sp { max-width: 260px; display: inline-block; text-align: center; } .left { text-align: left; } } @media screen and (min-width: 769px) { h1{font-size:44px; font-weight:bold;} } .title_space_left{padding-left: 100px;} .top_margin{margin-top:100px;margin-left: 20px;} #header{box-shadow: none;} /*.top_button_position{position: relative; top: 112px; left: 430px;}*/ /*#page-wrap #first_layer .span_12 {max-width:1800px;}*/ .fv_button_position{margin-left: 20px;} .top_button{font-weight:bold;padding: 15px 25px 15px 25px; border-radius:40px;} .button_space{margin: 14px auto;} a.pink_button{background:#FB78BA;color:#FFFFFF;} a.pink_button:hover{background:#FDA1CF;} a.blue_button{background:#5e9ce6; color:#FFFFFF;} a.blue_button:hover{background:#8EBAEE;} a.blue_outline_button{color:#5E9CE6; border:solid 1px #5E9CE6;} a.blue_outline_button:hover{color:#B0CFF4; border:solid 1px #B0CFF4;} a.white_outline_button{color:#FFFF; background:#5E9CE6; border:solid 1px #FFFFFF;} a.white_outline_button:hover{color:#FFFFFF; background:#B0CFF4; border:solid 1px #FFFFFF;} .img_space{padding: 15px 0 15px 0;} .second_box{line-height:0.8; padding-left:120px;} .second_text {font-size:44px; font-weight:bold;} #page-wrap #second_layer .span_12 {width:100%;} #blue_text {color:#4DABFF;} #green_text {color:#36C398;} #pink_text {color:#FB78BA;} .third_content_center{margin:auto;} .box_size{width:330px;} .outbox{background-color: #FFF; border-radius: 8px; padding-bottom: 20px; /* filter:drop-shadow(0 15px 15px rgba(77,171,255,0.15)); */ } .header_liner{border: 5px solid;border-radius: 8px 8px 0 0; } .task_number{color: #2A3E48; opacity: 0.4;text-align: left; font-size: 18px; font-weight: bold; padding: 10px 0px 0px 15px;} .card_text{font-size:21px; font-weight:bold; color:#4A4F55; padding-bottom: 25px;line-height: 1.5;} .head_color_blue{border-color: #4DABFF;} .head_color_green{border-color: #36C398;} .head_color_pink{border-color: #FB78BA;} .card_text_sub{font-size:15px; color:#4A4F55;line-height: 1.8;} .survey{position:relative; top:-80px;} .first_layer{height:30px;} .survey_box{font-size:12px; font-weight:bold; color:#2A3E48;padding-left: 120px;} .block_survey{display: inline-block; padding-right:30px;} .block_survey span{font-size: 28px; vertical-align: sub;} .survey_from{text-align: right; font-size: 10px; color: #646874;font-weight: bold;} .sixth_box{line-height:1.5;} .sixth_text{font-size:30px; font-weight:bold;padding-bottom: 15px;} .sixth_bottom_padding{padding-bottom:60px;} .box_sizing{padding:0 10%;} .box_mini_text{padding-top:90px; line-height: 1.5; font-size: 15px; font-weight: bold;} .box_mini_back_task{background:no-repeat center url("/wp-content/uploads/2019/02/taskicon.png");} .box_mini_back_gantt{background:no-repeat center url("/wp-content/uploads/2019/02/gantticon.png");} .box_mini_back_users{background:no-repeat center url("/wp-content/uploads/2019/02/usresicon.png");} .box_mini_back_com{background:no-repeat center url("/wp-content/uploads/2019/02/comicon.png");} .box_mini_back_bell{background:no-repeat center url("/wp-content/uploads/2019/02/bellicon.png");} .box_mini_back_shared{background:no-repeat center url("/wp-content/uploads/2019/02/shareicon.png");} .desc_box{padding: 15px 20px;} .line_separate{border-bottom: solid 1px #ccc; width: 92%; margin: auto;} .company_name{font-size: 14px; color: #797979; text-align: left; padding-bottom: 5px; padding-top: 10px;} .comments{font-size: 16px; font-weight: bold; color: #4A4F55; text-align: left;} .case_study_button{margin-top:20px;} .sp_layout {padding: 106px 0 0 390px;} .sp_layout img{float:left; width: 90px; border-radius:8px;} .sp_title{ display: inline;line-height:1.5; font-size: 30px;font-weight: bold;color: #4DABFF;position: relative; top: 2px;left:10px;} .sp_layout p{clear: left;padding-top: 15px;} .trial_top_margin{margin: 100px 0 20px 0} .trial_second_margin{margin: 38px 0 60px 0;} .trial_free{font-size: 14px;display: inline-flex; text-align: left; vertical-align: middle; line-height: 1.5; font-weight: bold; color: #9B9B9B; padding-left: 5px;} .trial_botton_space{padding-top: 40px;} #blog_box ul{background: #FFF;border-radius: 8px 8px 0 0;padding-top:8px;} #blog_box li{border-bottom: 1px solid #D8D8D8;} #blog_box a{padding-bottom: 11px;padding-top: 15px;} #blog_box a span{float: left;padding-left: 30px;font-size: 12px;font-weight: normal;} #blog_box h4 {font-size: 12px; text-align: left;padding-left: 120px; color: #4DABFF; text-decoration: underline;} #blog_box .more_box{background: #FFF; text-align: right; padding: 12px 30px 18px 20px; font-size: 12px;text-decoration: underline; border-radius: 0 0 8px 8px; border-top: 1px solid #D8D8D8;} @media screen and (max-width: 420px){ .wpb_wrapper .sp_center {text-align: center;} .wpb_wrapper .top_logo_sp{ margin: auto; width:70%; margin-bottom:15px; margin-top:20px;} .wpb_wrapper .sp_top_font_size {font-size:25px;} .wpb_wrapper .spacer:first-child {height:20px;} .fv_top_button {display:none;} .sp_second_box{ text-align: center; margin-bottom: 30px; padding-left:0;} .sp_second_text{font-size:22px;} .sp_third_space{padding-top: 60px;} .web_graph{display:none;} .sp_graph_size{width: 1020px;position: relative;right: 322px;} .sp_graph_text{font-size:28px;font-weight:bold; text-align:center;margin:0;} .number_size{font-size:33px;} .sp_graph_text_position{position: relative; bottom: 100px;} .sp_survey_box{display:none;} .sp_survey_from{font-weight: 300; padding: 30px 60px 0 60px; text-align: center;position: relative; bottom: 80px;} .sp_sixth_top_margin{margin-top:20px;} .sp_sixth_text{font-size:20px;text-align:center;padding-bottom:0px;} .sp_sixth_main_text{font-size:22px;} .sp_sixth_bottom_padding{padding-bottom:10px;} .col .sp_sixth_bottom_margin{margin-bottom:5px;} /* .sp_outbox_task {padding: 0 17px 10px 17px;} .sp_outbox_progress {padding: 0 23px 10px 23px;} .sp_outbox_user {padding: 0 23px 10px 23px;} .sp_outbox_comunication {padding: 0 11px 10px 11px;} .sp_outbox_notification {padding: 0 23px 10px 23px;} .sp_outbox_datashare {padding: 0 23px 10px 23px;} */ .sp_outbox_task {padding: 0 0 10px; width: 94px;} .sp_outbox_progress {padding: 0 0 10px; width: 94px;} .sp_outbox_user {padding: 0 0 10px; width: 94px;} .sp_outbox_comunication {padding: 0 0 10px; width: 94px;} .sp_outbox_notification {padding: 0 0 10px; width: 94px;} .sp_outbox_datashare {padding: 0 0 10px; width: 94px;} .sp_block_left{display: inline-block;} #sp_width{max-width:100%;} .box_mini_text{font-size:12px;} .sp_below_top_margin{margin-top: 5px;} .sp_float_left{float:left;} .sp_trial_top_margin{margin:30px 15px 20px 15px;} .sp_trial_second_margin{margin:30px 45px 20px 45px} .trial_botton_space{padding-top: 0px;} .sp_sp_layout{text-align: center;padding: 25px 10px 0px 10px;} .iconbox .sp_iconimg{float: none; margin-bottom: 20px;} .sp_sp_title{display: inline-block; font-size: 22px;line-height: 1.5;} .sp_dec{text-align: left;} #blog_box .latest-blog-list-modern h4{display:inline-block; padding-left: 30px; padding-right: 20px;} #blog_box .latest-blog-list-modern h4 span{padding:0px 28px;} #blog_box .latest-blog-modern{padding: 0 20px;} .sp_more {padding: 0 20px;} /* #blog_box a{padding-bottom: 20px;} */ .sp_none_display{display:none;} } @media screen and (min-width: 1024px){ /*.top_content_position > .wpb_wrapper:first-child {padding-left:30%;}*/ .second_title_space_left {padding-left:50px;} .column-lg-pull-6{left:50%;} .column-lg-push-6{right:50%;} /* .column-lg-pull-2{left:63%;} */ /* .column-lg-push-10{right:25%;} */ .web_none_display{display:none;} .latest-blog-modern{width: 55%; margin: auto;} .web_more{width: 55%; margin: auto;} .graph_left{position: relative; left: 50px;} .sp_graph{display:none;} .sp_graph_text_display{display:none;} .blog_web_margin{margin: 0 0 20px 12%;} .font_size_onefour{font-size: 14px;} .font_size_twoone{font-size:21px;} .font_size_threezero{font-size:30px;} .font_size_fourfour{font-size:44px;} } #blog_box .more_box:hover .more_text { color: #4DABFF; opacity: 0.7; } @media screen and (max-width: 1380px) { .home .eyecatch__headline, .home .eyecatch__text { font-size: 36px; line-height: 1.5; } } @media screen and (max-width: 1150px) { .home .eyecatch__headline, .home .eyecatch__text { font-size: 30px; line-height: 1.5; } .home .eyecatch__caption { max-width: 400px; } } @media screen and (max-width: 1000px) { .home .eyecatch__headline, .home .eyecatch__text { font-size: 30px; line-height: 1.5; } .home .eyecatch__caption { max-width: 250px; } } @media screen and (max-width: 768px) { .home .eyecatch__caption { max-width: none; } .fv_top_button {display:none;} } .addbutton { text-align: center; margin-bottom: 60px; } @media screen and (max-width: 768px) { .home .eyecatch__headline, .home .eyecatch__text { font-size: 25px; line-height: 1.5; } } /*iPad表示調整用*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .home .eyecatch__layout { padding: 0; } .home .carousel__content{ padding: 0; } .home .card-problem__image { width:100%; margin: 20px auto; } .wpb_content_element{ color:#4c4c4c; } .color-light h1, .color-light h2, .color-light h3, .color-light h4, .color-light h5, .color-light h6 { color: #4c4c4c; } .sp_layout { padding: 10px; } .image-sp { padding: 0 10px; } .home .card-company { height: 400px; border: 1px solid #eeeeee; } .home .card-company:not(:first-of-type) { margin-left: 10px; } .home .card-company__image img { width: 100%; } .home .card-company__text { padding: 10px; } .trial_top_margin { margin: 0; } .vc_col-sm-2 { width: 30%; } .vc_col-sm-1 .vc_col-sm-offset-3{ display: none; } .sp_graph { display: none; } .sp_graph_text_display{ display: none; } .survey_box{ width: 70%; margin: 0 auto; padding-left: 0; } .first_layer { height: auto; } .vc_responsive .wpb_row .vc_col-sm-1 { display: none; } .vc_responsive .wpb_row .vc_col-sm-2 { margin: 0 auto; padding: 0 0; } .sp_float_width{ width: 75%; margin: 0 auto; } .sp_float_left{ float: left; } .sp_float_right{ float: right; } .trial_second_margin { margin: 38px 0; } .ipad_position{ position: relative; left:34px; } .renderer-svg .shadowed-animation{ height: auto; background-size: contain; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; } } /*エンタープライズ追加*/ .add-enterprise{ margin: 160px 0 20px 0; } .add-enterprise h1{ margin-bottom:20px; } .top-enterprise{ margin:0 auto; } .top-enterprise div{ display: table-cell; vertical-align: middle; } .top-side-left{ float: left; width:45%; } .top-side-right{ float:right; width:45%; font-weight:bold; text-align:left; background-color:#fff; color:#4e4e4e; border-radius:8px; padding:30px 10px 10px 10px; } .list_icon { display:inline-block; width:27px; } .list_content_b { display:unset; padding-left: 20px; font-size: 18px; } .clearfix::after{ display:block; clear:both; } .responsive-background-blue { background-image: url(/wp-content/uploads/2019/02/eight_bg_big-2.png); background-size: 100% 110%; background-position: left top; padding-bottom: 90px; padding-top:120px; } .responsive-background-white { background-image: url(/wp-content/uploads/2019/02/sp_bg2.png); background-size: 100% 100%; background-position: left top;} .donyu_button2{ margin-top:50px; } @media screen and (max-width: 768px) { .add-enterprise{ margin: 100px 0 40px 0; } .top-enterprise div{ display: block; vertical-align: baseline; } .top-side-left{ float: none; width:100%; } .top-side-right{ float:none; width:100%; padding:10px; } .list_icon { width:20px; } .list_content_b { font-size: 13px; font-weight:normal; } .responsive-background-blue { padding-top:0px; } .donyu_button2{ margin-top:0; margin-bottom: 100px; } ol, ul { margin-left: 0px; } ul, ol { margin-bottom: 0px; } } /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /*---------------TOP PAGE NEW CSS - PC DISPLAY-----------------*/ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* General css */ .only-sp, .only-max-pc { display: none !important; } .only-pc { display: block !important; } .j-wrapper { width: 100%; padding: 0px; box-sizing: content-box; } .j-container { width: 100%; max-width: 1440px; margin: 0px auto; padding: 50px 20px; box-sizing: border-box; } .j-container-footer { padding: 20px 10px; display: flex; } .j-heading { width: 90%; margin: 0px auto; /* margin-top: 30px; */ font-weight: bold; text-align: center; font-style: normal; font-size: 36px; line-height: 56px; text-align: center; color: #535353; } .j-underline { display: block; width: 120px; border: 1px solid #4dabff; margin: 15px auto; } .j-row { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; } .j-col-half { display: block; box-sizing: content-box; width: 48%; } .j-col-1-3 { width: calc(100%/3); display: block; box-sizing: border-box; padding: 10px; } .j-col-7-12 { width: calc(100%/12*7); display: block; box-sizing: border-box; } .j-col-5-12 { width: calc(100%/12*5); display: block; box-sizing: border-box; } .j-flex-col { display: flex; align-items: center; flex-direction: column; } .next-block { margin: 10px; display: flex; flex-direction: column; align-items: center; } .next-block-item { width: 34px; height: 22px; } .group-button-use { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .group-button-use-item { margin: 10px; } .bg-gray { background-color: #F4F8FC; } .bg-darkblue { background-color: #0A1445; } .p-tb-30 { padding-top: 30px; padding-bottom: 30px; } .p-left-20 { padding-left: 20px; } .group-company { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; } .d-flex { display: flex; } .d-flex-center { display: flex; align-items: center; justify-content: center; } .d-flex-col { display: flex; align-items: center; flex-direction: column; } .d-flex-align-end { display: flex; justify-content: center; align-items: flex-end; } .d-flex-jsp { display: flex; justify-content: space-between; align-items: center; } .p-b-30 { padding-bottom: 30px; } .d-flex-lcenter { display: flex; flex-direction: column; justify-content: center; align-items: center; } .taiken-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .taiken-body .top_button { width: 35%; text-align: center; } @media screen and (max-width: 768px) { .taiken-body .top_button { width: 75%; } } .txt-blue { color: #4dabff; } .txt-white { color: #fff !important; } .sp-group-btn { display: none; } .use-pie-chart { width: 70%; padding-bottom: 50px; } .white-space { background-color: #fff; padding: 2px 4px; margin: 2px; } .margin-10 { margin: 10px; } .hidden { display: none; } /* Jooto Header - logo css */ .j-header-container { position: relative; width: 100%; padding: 0px 0px 20px 0px; } .j-header-background { background-color: #0A1545; z-index: -1; width: 100%; height: 100%; position: absolute; top: 0; } .j-header-background-bottom-white { background-color: #fff; position: absolute; bottom: 0px; width: 100%; z-index: -1; height: calc(20px + 45vw / 11); } .j-header-body { position: relative; width: 100%; display: block; } .j-header-title { font-style: normal; font-weight: bold; font-size: 36px; line-height: 1.5; color: #FFFFFF; } .j-header-title-margintop{ margin-top: -130px; } .j-header-title-marginleft{ margin-left: 20px; } .j-header-description { font-style: normal; font-weight: bold; color: #FFFFFF; } .j-header-row { display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 1440px; margin: 0px auto; z-index: 1; } .j-header-col-half { width: 50%; } .j-header-col-half.copy { width: calc(50% - 10px); padding-left: 10px; } .j-header-company { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .j-header-company-title-pc { padding: 10px; border: none; /*border-left: 15px solid #4dabff; border-right: 15px solid #4dabff;*/ } .j-header-company-title { padding: 10px; border: none; /*border-left: 15px solid #4dabff; border-right: 15px solid #4dabff;*/ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .j-header-company-title .txt1{ margin: 10px; font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; text-align: center; color: #535353; } .j-header-company-title .txt2{ margin: 10px; font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; text-align: center; color: #4DABFF; } .j-header-company-title .txt3{ margin: 10px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; color: #535353; } .j-header-option-list { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .j-header-option-item { position: relative; width: calc(100vw / 11); height: calc(100vw / 11); border-radius: 50%; border: 1px solid black; background-color: #ffffff; } .j-header-option-content { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; color: #000000; position: absolute; top: 30%; padding: 2px 10px; } .j-header-option-click { font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; text-align: center; color: #000000; display: flex; position: absolute; flex-direction: column; justify-content: center; align-items: center; bottom: 16%; width: 100%; background-color: #ffffff00; } .j-header-option-click-item, .j-header-option-click-image { padding: 0px; margin: 0px; } /* Jootoの強み CSS */ .tsuyomi-number { padding: 0px 0px 0px 150px; position: relative; height: 200px; } .j-tsuyomi-wrapper { display: block; width: 100%; position: relative; } .tsuyomi-slide-wrapper-button { display: flex; width: 100px; height: 100px; flex-direction: column; align-items: flex-start; justify-content: space-around; position: absolute; top: 10px; } .tsuyomi-slide-button { display: block; width: 10px; height: 10px; border: 1px solid #4dabff; border-radius: 50%; background-color: #fff; } .tsuyomi-slide-wrapper-button .active { background-color: #4dabff; } .tsuyomi-svg { z-index: 0 !important; } /* Plan css */ .table-plan { border-collapse: collapse; width: 100%; margin-bottom: 30px; } .table-plan td { border-top: 1px solid #8FBCE2; border-bottom: 1px solid #8FBCE2; padding: 14px 10px 14px 0px; font-style: normal; font-weight: normal; font-size: 14px; color: #454545; } .table-plan-title { width: 50%; } .plan-box { background: #FFFFFF; box-shadow: 0px 4px 10px rgba(143, 188, 226, 0.3); border-radius: 10px; position: relative; display: flex; align-items: center; flex-direction: column; padding: 20px; margin: 10px; } .plan-box-ribbon { display: flex; align-items: center; justify-content: center; position: absolute; top: -45px; left: 0; width: 90px; height: 90px; background: #FC78B9; border-radius: 50%; z-index: 2; } .plan-box-ribbon-content { font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; text-align: center; color: #FFFFFF; } .plan-box-title { font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: #454545; margin: 20px 0px; padding: 0px; } .plan-box-image { height: 200px; } .plan-box-price { font-weight: bold; font-size: 36px; } .plan-intro { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .plan-intro-show-content-btn { display: none; } .plan-content { width: 100%; display: flex; align-items: center; flex-direction: column; } .price-right-text{ text-align: right; font-weight: bold; font-size: 24px; } /* Box border blue css - こんな悩みはありませんか？ */ .box-border-blue { border: 2px solid #4dabff; box-sizing: border-box; padding: 30px 25px; margin: 10px 20px; } .box-border-blue-content { font-style: normal; font-weight: normal; font-size: 20px; line-height: 23px; color: #4dabff; } .box-border-left-blue { padding: 0px 0px 0px 15px; border-left: 3px solid #4dabff; } /* Jootoはここが違う！ CSS */ .jooto-dif-title { font-style: normal; font-weight: bold; font-size: 26px; line-height: 35px; text-align: center; color: #535353; } .image-500-500 { width: 100%; max-width: 500px; height: 500px; } .jooto-dif-image { position: relative; width: 100%; padding-top: calc(500%/6) } .jooto-dif-image img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } .jooto-dif-content { padding: 20px 0px; width: 100%; } .jooto-goal-txt { font-style: normal; font-weight: bold; font-size: 26px; line-height: 1.7; color: #535353; } /* 1つでも該当された方、Jootoが解決します！? CSS */ .kaiketsu { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: auto 0px; padding: 30px; } .kaiketsu-title { font-weight: bold; font-style: normal; font-weight: bold; font-size: 24px; line-height: 46px; color: #535353; } .kaiketsu-content { font-style: normal; font-weight: normal; font-size: 20px; line-height: 38px; color: #535353; margin: 0px; } .kaiketsu-list { list-style-type: disc; margin-bottom: 18px; padding: 0px; } .kaiketsu-list-item { font-style: normal; font-weight: normal; font-size: 20px; color: #535353; } /* 「誰でも、どこでも、いつでも」アプリでプロジェクトを管理 CSS - Download app in smartphone */ .j-app-wrapper { position: relative; } .j-app-background { position: absolute; z-index: -1; top: 110px; bottom: 0px; background-color: #f4f8fc; width: 100%; } .j-app-body { z-index: 1; top: 0px } .j-app-content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; width: 100%; max-width: 1440px; margin: 0px auto; box-sizing: border-box; padding: 10px; } .j-app-content-left { display: flex; flex-direction: column; align-items: center; padding-top: 110px; box-sizing: border-box; width: calc(100%/12*7); } j-app-phone-image { width: calc(100%/12*5); } .j-app-title { font-style: normal; font-weight: bold; font-size: 36px; line-height: 64px; text-align: center; color: #4dabff; } .j-app-description { font-style: normal; font-weight: normal; color: #000000; width: 90%; margin: 0px auto; margin-bottom: 100px; } /* お知らせCSS */ .new-notice { /*display: flex; flex-direction: column; align-items: center; justify-content: center;*/ } .new-notice-heading { /*font-style: normal; font-weight: bold; font-size: 36px; line-height: 42px; text-align: center; color: #434343; padding: 20px;*/ /*border: none;*/ /*border-bottom: 2px solid #4dabff;*/ /*margin-bottom: 30px;*/ } .new-notice .j-underline { margin-bottom:40px; } .news-wrap { display: flex; justify-content: space-between; align-items: flex-start; /*margin-top:;*/ } .update-block,.maintenance-block { box-sizing: border-box; width: 48%; padding: 20px; background-color: #f4f8fe; border-radius: 8px; } .update-block_tit, .maintenance-block_tit { display: flex; justify-content: space-between; align-items: center; } .news-category { margin-bottom: 0; font-weight: bold; font-size: 22px; } .rss-btn { display: inline-block; width: 35px; height:35px; } .rss-btn img { width:100%; height: auto; } .new-notice-ul { margin-left:0; /*background-color: #f4f8fe;*/ /*padding: 0 20px 20px 20px;*/ /*border-radius: 8px;*/ /*border: 1px solid #fff;*/ list-style-type: none; /*margin: 0px auto;*/ /*width: 70%;*/ } .new-notice-li { border: none; border-bottom: 1px solid #ccc; line-height: 1.6; /*padding:20px;*/ } .new-notice-li{ padding:12px 8px; } .new-notice-date { color: #999999; } @media screen and (max-width: 1024px) { .news-wrap { flex-direction: column; } .update-block,.maintenance-block { box-sizing: border-box; width: 100%; margin-bottom: 20px; padding: 20px; background-color: #f4f8fe; border-radius: 8px; } } .j-slide-image { display: flex; flex-wrap: wrap; /* align-items: center; */ justify-content: center; } .j-slide-image-list { display: flex; flex-wrap: wrap; } .j-slide-image-item { width: 28%; display: block; margin: 10px; border-radius: 5px; box-shadow: 0px 4px 10px rgba(143, 188, 226, 0.3); padding: 8px 16px; box-sizing: border-box; } .j-slide-image-item { text-decoration: none; } .j-slide-image-item p { color: #333; } .j-slide-image-container { position: relative; width: 100%; padding-top: calc(100%*2/3); } .j-slide-image-thumbnail { position: absolute; top: 0px; width: 100%; height: auto; z-index: 1; } .j-slide-image-logo { width: 116px; height: 116px; border-radius: 50%; position: absolute; bottom: -58px; left: calc(50% - 58px); z-index: 2; } .j-slide-image-title { margin-top: 70px; font-style: normal; font-weight: bold; font-size: 18px !important; line-height: 29px; color: #535353; min-height: 116px; } .j-slide-prev, .j-slide-next { display: none; } .j-slide-dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 1px solid #4dabff; box-sizing: border-box; margin: 5px; } .j-slide-dot-blue { background: #8FBCE2; border: 1px solid #4dabff; box-sizing: border-box; } .j-modal { display: none; position: fixed; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-name: fadeIn; animation-duration: 0.3s } .j-modal-content { position: fixed; top: 120px; left: 10%; right: 10%; bottom: 5%; background-color: #fefefe; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.3s; animation-name: slideIn; animation-duration: 0.3s; overflow-y: scroll; padding: 10px 20px; } /* The Close Button */ .j-close { color: #000; float: right; font-size: 28px; font-weight: bold; } .j-close:hover, .j-close:focus { color: #000; text-decoration: none; cursor: pointer; } .j-modal-header { padding: 10px 20px; background-color: #fff; color: #000; min-height: 60px; } .j-modal-body { padding: 10px 20px; border: 1px solid #8FBCE2; width: 80%; margin: 0 auto; } .j-modal-footer { padding: 10px 20px; background-color: #fff; color: #000; } /* Add Animation */ @-webkit-keyframes slideIn { from {top: -300px; opacity: 0} to {top: 100px; opacity: 1} } @keyframes slideIn { from {top: -300px; opacity: 0} to {top: 100px; opacity: 1} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} } /* Jootoの強みCSS */ .j-tsuyomi-box { display: block; padding: 30px; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(143, 188, 226, 0.3); margin: 20px; height: 100%; } .j-tsuyomi-box-heading, .j-tsuyomi-box-body { margin: 0px; padding: 30px; border-left: 2px solid #4dabff; font-style: normal; font-weight: normal; } .j-tsuyomi-box-heading { font-size: 28px; line-height: 52px; color: #434343; } .j-tsuyomi-box-body { font-size: 18px; line-height: 32px; color: #000000; } .j-tsuyomi-slide { list-style-type: none; width: 100%; height: 610px; overflow-y: scroll; scroll-snap-type: y mandatory; border: none !important; } .j-tsuyomi-slide::-webkit-scrollbar { width: 0px !important; } .j-tsuyomi-slide-item { width: 100%; max-width: 1440px; height: 100%; scroll-snap-align: start; display: block; position: relative; margin: 0px auto; } .j-tsuyomi-number { margin-left: 18px; margin-top: 20px; } .j-tsuyomi-slide-point { position: absolute; top: 80px; left: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 4; } .j-tsuyomi-slide-point-item { width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; border: 1px solid #4DABFF; box-sizing: border-box; margin: 5px; } .j-tsuyomi-slide-point-item-active { background: #8FBCE2; } .j-blue-bg { background: url("/wp-content/uploads/2019/02/blue_bg.png"); background-repeat: no-repeat; background-size: 100% auto; } .j-green-bg { background: url("/wp-content/uploads/2019/02/green_bg.png"); background-repeat: no-repeat; background-size: 100% auto; padding: 50px; box-sizing: border-box; } .j-pink-bg { background: url("/wp-content/uploads/2019/02/pink_bg.png"); background-repeat: no-repeat; background-size: 100% auto; padding: 50px; box-sizing: border-box; } .j-project { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 80%; margin: 0px auto; } .j-project-list { margin: 10px 0px; padding: 0px; width: 100%; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; } .j-project-item { cursor: pointer; padding: 1% 0px; width: 19%; text-align: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 1.6; text-align: center; color: #454545; display: flex; align-items: flex-end; justify-content: center; } .j-project-item > p { width: 100%; } .j-project-item > p::after { margin-top: 5px; display: block; content: ''; width: 100%; height: 30px; background: url("/wp-content/uploads/2021/06/line_down_blue.png"); background-repeat: no-repeat; background-size: 100% auto; } .j-project-item-active > p::after { margin-top: 5px; display: block; content: ''; width: 100%; height: 30px; background: url("/wp-content/uploads/2021/06/line_down_pink.png"); background-repeat: no-repeat; background-size: 100% auto; } /* .j-project-list .active, .j-project-item:hover { border-bottom: 2px solid #fc78b9 !important; } */ .j-project-video { margin-top: 10px; width: 100%; height: auto; padding: 10px; box-shadow: 0px 4px 10px rgba(143, 188, 226, 0.3); } .j-project-description { margin: 20px 0px 0px 0px; width: 100%; } @media screen and (min-width: 1025px) and (max-width: 1439px) { .j-container { padding: 50px 10%; } } @media screen and (max-width: 1220px) { .j-project-item { font-size: 15px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .j-header-title { padding: 20px 0px; } .j-header-description { font-style: normal; font-weight: bold; color: #FFFFFF; } .j-header-option-content { font-size: 11px; } .j-header-option-click-item { font-size: 8px; } .j-container { padding: 50px 30px; } .j-heading, .new-notice-heading, .j-app-title { font-size: 28px; line-height: 48px; } .box-border-blue { padding: 10px 18px; margin: 10px; } .box-border-blue-content { font-size: 16px; line-height: 20px; } .jooto-dif-title, .kaiketsu-title, .j-tsuyomi-box-heading { font-size: 20px; line-height: 38px; } .jooto-dif-content, .kaiketsu-content, .kaiketsu-list-item, .j-tsuyomi-box-body, .j-app-desciption { font-size: 16px; line-height: 30px; } .j-tsuyomi-box , j-tsuyomi-box-heading, .j-tsuyomi-box-body { padding: 20px; } } @media screen and (min-width: 1441px) { .only-max-pc { display: block; } .j-container { padding: 70px 5%; } } @media screen and (max-width: 1440px) { /*.j-header-row {*/ /* margin-left: 10px;*/ /*}*/ } /**************************************** SMART PHONE DISPLAY CSS - max width 768px *****************************************/ @media screen and (max-width: 768px) { .only-sp { display: block !important; } .only-pc, .j-tsuyomi-wrapper { display: none !important; } .j-header-option-list { display: none; } .j-header-row { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1440px; margin: 0px auto; padding: 10px; box-sizing: border-box; } .j-header-col-half { display: block; box-sizing: border-box; width: 100% !important; max-width: 1440px; padding: 10px; } .j-header-company-title { /*border-left: 7px solid #4dabff; border-right: 7px solid #4dabff;*/ margin: 0px 10px; } .jooto-dif-content-1, .jooto-dif-content-2 { padding: 20px 0px; width: 100%; } .j-col-half, .j-col-1-3, .j-col-7-12, .j-col-5-12 { width: 100%; padding: 18px; } .j-app-phone-image, .j-app-content-left { width: 100%; } .j-modal-body{ width:100%; } .image-500-500 { width: 100%; height: auto; } .j-app-download { width: 80%; margin: 0px auto; margin-bottom: 30px !important; } .j-app-background { top: 0px; position: absolute; z-index: -1; height: 100%; background-color: #f4f8fc; width: 100%; } .j-app-title { font-style: normal; font-weight: bold; font-size: 22px; line-height: 36px; text-align: center; padding: 0px 10px; } .j-app-desciption { font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; } .j-heading { font-size: 24px; line-height: 38px; } .jooto-dif-title { font-size: 18px; line-height: 21px; } .jooto-dif-underline { width: 225px; } .jooto-goal-txt { font-size: 18px; line-height: 32px; } .plan-intro { width: 100%; flex-direction: row; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .plan-box-image { width: 50px; height: 50px; } .plan-box-title { font-size: 16px; line-height: 21px; } .plan-intro-show-content-btn { display: block; background: url("/wp-content/uploads/2021/05/icon-show.png"); background-position: center; background-repeat: no-repeat; width: 26px; height: 26px; border: none; cursor: pointer; } .plan-box-ribbon { top: -25px; left: calc(50% - 25px); width: 50px; height: 50px; } .plan-box-ribbon-content { font-size: 14px; line-height: 1.5; } .plan-content { display: none; } .plan-active { width: 100%; display: flex; align-items: center; flex-direction: column; } .sp-group-btn { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .use-pie-chart { width: 90%; padding: 0px; } .group-company { padding: 18px; } .group-button-use-item { text-align: center; width: 100%; max-width: 320px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .kaiketsu-list { padding-left: 30px; } .tsuyomi-number { padding-left: 20px; } .j-app-content-left { padding-top: 20px; } .new-notice-date { padding: 0px; } .box-border-blue { padding: 16px 18px; margin: 4px 10px; } .box-border-blue-content { font-size: 15px; line-height: 18px; } .kaiketsu-title { font-size: 18px; line-height: 32px; } .kaiketsu-content, .kaiketsu-list-item { font-size: 15px; line-height: 28px; } .j-slide-image { width: 100%; position: relative; } .j-slide-image-item { display: none; width: 100%; } .j-slide-image .active { display: block; } .j-slide-prev, .j-slide-next { position: absolute; width: 44px; height: 44px; background-color: #fff; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 10px rgba(143, 188, 226, 0.3); z-index: 3; } .j-slide-prev { left: 10px; } .j-slide-next { right: 10px; } .j-modal-content { top: 10px; left: 5px; right: 5px; bottom: 10px; } .j-tsuyomi-box { padding: 20px; } .j-tsuyomi-box-body { border: none; padding: 10px 0px; font-size: 15px; line-height: 28px; } .j-tsuyomi-box-heading { padding: 20px 10px; font-size: 20px; line-height: 38px; } .j-green-bg, .j-pink-bg { padding: 30px 40px; } .j-app-description { margin-bottom: 10px; } #jooto-project-demo-video { display: none; } .price-right-text{ font-size: 18px; padding: 10px 20px; } .group-button-use { font-size:80%; } .plan-box{ padding: 10px; } } .img-appicon{ display: flex; } .img-appicon-a{ padding: 0 30px; text-align: right; } .img-appicon img{ width: 50%; } /**************************************** SMART PHONE DISPLAY CSS - min width 769px - max width 1100px *****************************************/ @media screen and (min-width: 769px) and (max-width: 1100px) { .j-header-option-item { font-size: 11px; } .j-header-option-list { margin-top: 0px; } } @media screen and (max-width: 1047px) { .j-app-title { margin-top: 20px; } .j-app-description { margin-bottom: 20px; } .img-appicon{ margin-top: 30px; width: 90%; } .img-appicon-a{ padding: 0 20px 0 0; } .img-appicon img{ width: 100%; } } .wpcf7-form .wpcf7-submit_btn { text-align: center; } .wpcf7-form .wpcf7-acceptance{ text-align:center; } .wpcf7-form .wpcf7-submit { background: #fc78b9; color: #ffffff; border: none; border-radius: 30px; font-weight: 700; width: 250px; } .main-image-sup-wrap { width: 100%; max-width: 1440px; margin: 0 auto 40px; } .main-image-sup { font-size: 12px; text-align: right; color: #888; padding-right: 10px; } /*ブログ表示*/ #jooto-blog .j-slide-image-title, #jooto-document .j-slide-image-title { margin-top: 20px; margin-bottom: 20px; min-height: auto; } @media screen and (max-width: 768px) { #jooto-blog .j-slide-image-item, #jooto-document .j-slide-image-item { display: block; } } .top-api-cta { display: flex; justify-content: center; box-sizing: border-box; width: 100%; margin: 106px 0 70px; background: url(/wp-content/uploads/2023/08/top-api-cta-bg.jpg) no-repeat center center; background-size: cover; padding: 40px 0 45px; } .top-api-cta>div { width: 44%; padding: 0 3%; } .top-api-cta-left { position: relative; } .top-api-cta-left::after { position: absolute; right: 0; top:calc((100% - 100px) / 2); content:""; width: 1px; height: 100px; background: #ccc; } .top-api-cta .j-heading { font-size: 35px; font-weight: bold; text-align: center; color: #535353; } .color-blue { color: #4dabff; } .top-api-heading01 { font-size: 24px; } .top-api-heading02 { font-size: 20px; } .top-api-cta .j-underline { display: block; margin-bottom: 60px; } .top-api-cta p { margin-bottom: 50px; font-size: 16px; line-height: 1.8; text-align: center; color: #0a1545; } .top-api-cta p .spbr { display: none; } .top-api-btn { display: block; width: 320px; margin: 0 auto; font-weight: bold; line-height: 46px; color: #fff; border-radius: 23px; text-decoration: none; text-align: center; } @media screen and (min-width: 1280px) { .top-api-cta>div { width: 640px; } } @media screen and (max-width: 1280px) { .top-api-cta { margin: 0 0 50px; } } @media screen and (max-width: 1048px) { .top-api-cta { flex-direction: column; } .top-api-cta>div { width: 100%; } .top-api-cta-left { padding: 0 3% 50px !important; margin-bottom: 30px; } .top-api-cta-left::after { position: absolute; right: auto; left:calc((100% - 50px) / 2); top:auto; bottom:0; content:""; width: 50px; height: 1px; background: #ccc; } .top-api-cta p { margin-bottom: 30px; } } @media screen and (max-width: 768px) { .top-api-cta { padding: 30px 20px 35px; background: #f4f8fc; } .top-api-cta p .spbr { display: block; } } @media screen and (max-width: 480px) { .top-api-cta { background: #f4f8fc; } .top-api-heading01 { font-size: 20px; } .top-api-cta .j-heading { font-size: 30px; } .top-api-cta>div { padding: 0; width: 100%; } .top-api-cta-left { padding: 0 0 50px !important; } }</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-828246600"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-828246600'); </script> <script type='text/javascript'> (function() { var myReg = new RegExp("www.jooto.com", "gi"); if (document.referrer.match(myReg)) { console.log("unsaved"); } else { //1day expire exp = new Date(); document.cookie = "jooto_site_referrer_time = " + exp.getFullYear() + "/" + (exp.getMonth() + 1) + "/" + ("0" + exp.getDate()).slice(-2) + " " + ("0" + exp.getHours()).slice(-2) + ":" + ("0" + exp.getMinutes()).slice(-2) + "; domain=.jooto.com"; document.cookie = "jooto_site_referrer = " + document.referrer + "; domain=.jooto.com"; console.log("saved"); } console.log(document.location.href); var adReg = new RegExp("\\?campaign", "gi"); if (document.location.href.match(adReg)) { exp = new Date(); document.cookie = "jooto_ad_referrer_time = " + exp.getFullYear() + "/" + (exp.getMonth() + 1) + "/" + ("0" + exp.getDate()).slice(-2) + " " + ("0" + exp.getHours()).slice(-2) + ":" + ("0" + exp.getMinutes()).slice(-2) + "; domain=.jooto.com"; document.cookie = "jooto_ad_referrer = " + document.location.href + "; domain=.jooto.com"; } else { console.log("not ad page"); } })(); </script>  <script type="text/javascript"> (function(e, a) { if (!a.__SV) { var b = window; try { var c, l, i, j = b.location, g = j.hash; c = function(a, b) { return (l = a.match(RegExp(b + "=([^&]*)"))) ? l[1] : null }; g && c(g, "state") && (i = JSON.parse(decodeURIComponent(c(g, "state"))), "mpeditor" === i.action && (b.sessionStorage.setItem("_mpcehash", g), history.replaceState(i.desiredHash || "", e.title, j.pathname + j.search))) } catch (m) {} var k, h; window.mixpanel = a; a._i = []; a.init = function(b, c, f) { function e(b, a) { var c = a.split("."); 2 == c.length && (b = b[c[0]], a = c[1]); b[a] = function() { b.push([a].concat(Array.prototype.slice.call(arguments, 0))) } } var d = a; "undefined" !== typeof f ? d = a[f] = [] : f = "mixpanel"; d.people = d.people || []; d.toString = function(b) { var a = "mixpanel"; "mixpanel" !== f && (a += "." + f); b || (a += " (stub)"); return a }; d.people.toString = function() { return d.toString(1) + ".people (stub)" }; k = "disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" "); for (h = 0; h < k.length; h++) e(d, k[h]); a._i.push([b, c, f]) }; a.__SV = 1.2; b = e.createElement("script"); b.type = "text/javascript"; b.async = !0; b.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === e.location.protocol && "//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js"; c = e.getElementsByTagName("script")[0]; c.parentNode.insertBefore(b, c) } })(document, window.mixpanel || []); mixpanel.init("67cff64676e6a895711a16b114bd117d"); </script> <link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" />  <link rel="stylesheet" type="text/css" href="/wp-content/themes/unicon-child/css/slick.css" />  <link rel="stylesheet" type="text/css" href="/wp-content/themes/unicon-child/css/slick-theme.css" /> <link rel="stylesheet" type="text/css" href="/wp-content/themes/unicon-child/page.css?2406-02" /> <link rel="stylesheet" type="text/css" href="/wp-content/themes/unicon-child/cf7.css?202304-2" /> </head> <body class="home page-template-default page page-id-12358 smooth-scroll wpb-js-composer js-comp-ver-6.10.0 vc_responsive">    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5B7QBB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="site-wrapper wrapall"> <header id="header" class="header header-v1 header-v1-only clearfix header-top"> <div class="container"> <div id="logo-navigation" class="sixteen columns"> <div id="logo" class="logo"> <a href="https://www.jooto.com/"><img src="https://www.jooto.com/wp-content/uploads/2018/05/newlogowhite.png" alt="タスク・プロジェクト管理ツールJooto (ジョートー)" class="logo_standard" /></a> <a href="https://www.jooto.com/"><img src="https://www.jooto.com/wp-content/uploads/2018/05/newlogowhite.png" alt="タスク・プロジェクト管理ツールJooto (ジョートー)" class="logo_transparent" /></a> <a href="https://www.jooto.com/"><img src="https://www.jooto.com/wp-content/uploads/2018/05/jootonewlogowhiteretina.png" width="150" height="47" alt="タスク・プロジェクト管理ツールJooto (ジョートー)" class="logo_retina" /></a> <a href="https://www.jooto.com/"><img src="https://www.jooto.com/wp-content/uploads/2018/05/jootonewlogowhiteretina.png" width="150" height="47" alt="タスク・プロジェクト管理ツールJooto (ジョートー)" class="logo_retina_transparent" /></a> </div>  <div id="navigation" class="clearfix"> <div class="header-icons"> </div> <ul id="nav" class="menu"><li id="menu-item-13473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13473"><a href="https://www.jooto.com/jooto-features/">機能一覧</a></li> <li id="menu-item-18848" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18848"><a href="https://www.jooto.com/pricing/">料金プラン</a></li> <li id="menu-item-41704" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41704"><a href="https://www.jooto.com/autom/">AI・自動化</a></li> <li id="menu-item-15357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15357"><a href="https://www.jooto.com/use-guide-job-type/">Jootoの上手な使い方</a></li> <li id="menu-item-21844" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21844"><a href="https://www.jooto.com/document-request-list/">資料ダウンロード</a></li> <li id="menu-item-13470" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13470"><a href="https://www.jooto.com/casestudy/">導入事例</a></li> <li id="menu-item-32240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32240"><a href="https://www.jooto.com/contact/">お問い合わせ</a></li> <li id="menu-item-9747" class="action_button link-to-signup menu-item menu-item-type-custom menu-item-object-custom menu-item-9747"><a href="https://app.jooto.com/signup">まずは無料プランではじめる</a></li> <li id="menu-item-5543" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5543"><a title="ログイン" href="https://app.jooto.com/">ログイン</a></li> </ul> </div> </div> </div> </header> <div id="mobile-header" class="mobile-header-v1 header-top"> <div class="container"> <div class="sixteen columns"> <div id="mobile-logo" class="logo"> <a href="https://www.jooto.com/"><img src="https://www.jooto.com/wp-content/uploads/2018/05/newlogowhite.png" alt="タスク・プロジェクト管理ツールJooto (ジョートー)" class="logo_standard" /></a> <a href="https://www.jooto.com/"><img src="https://www.jooto.com/wp-content/uploads/2018/05/jootonewlogowhiteretina.png" width="150" height="47" alt="タスク・プロジェクト管理ツールJooto (ジョートー)" class="logo_retina" /></a> </div> <a href="#" id="mobile-navigation-btn"><i class="fa fa-bars"></i></a> </div> </div> </div> <div id="mobile-navigation" class="navigation-top"> <div class="container"> <div class="sixteen columns"> <form class="searchbar" action="https://www.jooto.com/" id="searchform" method="get"> <input class="searchbar-input" type="text" id="s" name="s" /> <div class="searchbar-submit" onclick="this.parentNode.submit()"> <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.2653 15.5565C20.1637 14.0243 20.68 12.241 20.68 10.34C20.68 8.43908 20.1637 6.6558 19.2653 5.12352C18.3669 3.59277 17.0872 2.31298 15.5564 1.41461C14.0242 0.516242 12.2409 0 10.34 0C8.43908 0 6.6558 0.516242 5.12352 1.41466C3.59277 2.31304 2.31304 3.59277 1.41461 5.12357C0.516242 6.65585 0 8.43913 0 10.3401C0 12.241 0.516242 14.0243 1.41461 15.5566C2.31304 17.0873 3.59277 18.3671 5.12352 19.2655C6.6558 20.1639 8.43908 20.6802 10.34 20.6802C12.2409 20.6802 14.0242 20.1639 15.5564 19.2655C17.0872 18.3671 18.367 17.0873 19.2653 15.5565ZM11.5748 15.2838C11.1791 15.3827 10.7655 15.4352 10.34 15.4352C9.91443 15.4352 9.50082 15.3827 9.10518 15.2838C7.28594 14.8297 5.85036 13.3941 5.39627 11.5749C5.29735 11.1792 5.24489 10.7656 5.24489 10.3401C5.24489 9.91453 5.29735 9.50087 5.39627 9.10528C5.85036 7.28604 7.28594 5.85041 9.10518 5.39632C9.50082 5.2974 9.91443 5.24499 10.34 5.24499C10.7656 5.24499 11.1792 5.29745 11.5748 5.39632C13.394 5.85041 14.8296 7.28599 15.2837 9.10528C15.3826 9.50092 15.435 9.91453 15.435 10.3401C15.435 10.7656 15.3826 11.1793 15.2837 11.5749C14.8296 13.3941 13.394 14.8298 11.5748 15.2838Z" fill="#535353" /> <path d="M25.2318 21.5231L20.8973 17.1885C19.9345 18.6683 18.6682 19.9347 17.1884 20.8975L21.5229 25.2321C22.0347 25.7438 22.706 26 23.3774 26C24.0487 26 24.7201 25.7438 25.2318 25.232C26.2561 24.2077 26.2561 22.5474 25.2318 21.5231Z" fill="#535353" /> </svg> </div> </form> <div class="menu-top-menu-container"><ul id="mobile-nav" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13473"><a href="https://www.jooto.com/jooto-features/">機能一覧</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18848"><a href="https://www.jooto.com/pricing/">料金プラン</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41704"><a href="https://www.jooto.com/autom/">AI・自動化</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15357"><a href="https://www.jooto.com/use-guide-job-type/">Jootoの上手な使い方</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21844"><a href="https://www.jooto.com/document-request-list/">資料ダウンロード</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13470"><a href="https://www.jooto.com/casestudy/">導入事例</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32240"><a href="https://www.jooto.com/contact/">お問い合わせ</a></li> <li class="action_button link-to-signup menu-item menu-item-type-custom menu-item-object-custom menu-item-9747"><a href="https://app.jooto.com/signup">まずは無料プランではじめる</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5543"><a title="ログイン" href="https://app.jooto.com/">ログイン</a></li> </ul></div> </div> </div> </div> <div id="notitlebar"></div> <div id="page-wrap" > <div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">  <span class="home current-item">タスク・プロジェクト管理ツールJooto (ジョートー)</span> </div> <div id="content" class="page-section nopadding"> <section class="wpb-content-wrapper"><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_content_element wpb_raw_html home" > <div class="wpb_wrapper"> <section class="top-main-section"> <div class="top-main-section-inner"> <div class="top-main-section-text"> <div class="top-main-section-text-inner"> <h1 class="top-main-section-text-heading">タスク・プロジェクト管理を<br class="">シンプルにわかりやすく</h1> <p class="top-main-section-text-sub">Jootoはカンバン方式のタスク・プロジェクト管理ツールです。<br>直感的に使えるレイアウト、親しみやすいシンプルなデザインが特徴です。</p> <ul class="top-main-section-btns"> <li><a href="https://app.jooto.com/signup" class="top-main-section-btn main-section-btn-pink">まずは、無料で使いはじめる</a></li> <li><a href="https://www.jooto.com/document-request-list/document-request/" class="top-main-section-btn main-section-btn-blue">資料請求はこちら</a></li> </ul> </div> <div class="result-img"> <img src="/wp-content/uploads/2024/09/20240905_実績数.png" alt="有料導入企業数約2,400社利用ユーザー数40万人以上"> </div> </div> <div class="top-main-section-img"> <img fetchpriority="high" src="https://www.jooto.com/wp-content/uploads/2024/10/top-mv1017.png" alt="サービスイメージ"> <p class="top-main-section-img-sub">スマートキャンプ株式会社主催「BOXIL SaaS AWARD Autumu 2024」プロジェクト管理・工数管理部門で受賞<br>ITreview Grid Award 2024 Summer/2024 Fall「プロジェクト管理部門」「タスク管理部門」</p> </div> </div> </section> </div> </div> <div class="wpb_raw_code wpb_content_element wpb_raw_html" > <div class="wpb_wrapper"> <ul id="loopslider"> <li> <img src="/wp-content/uploads/2021/06/logo11.jpg" alt="丸紅情報システムズ" /> </li> <li> <img src="/wp-content/uploads/2021/12/logo17.png" alt="三菱地所ホーム" /> </li> <li> <img src="/wp-content/uploads/2021/06/logo06.jpg" alt="PASONA" /> </li> <li> <img src="/wp-content/uploads/2024/07/H105px_kubell.png" alt="kubell" /> </li> <li> <img src="/wp-content/uploads/2023/06/早稲田大学_H105px.png" alt="早稲田大学" /> </li> <li> <img src="/wp-content/uploads/2024/01/竹中工務店_H105px.png" alt="竹中工務店" /> </li> <li> <img src="/wp-content/uploads/2024/01/サザエ食品_H105px.png" alt="サザエ食品" /> </li> <li> <img src="/wp-content/uploads/2021/06/logo08.jpg" alt="KODATO" /> </li> <li> <img src="/wp-content/uploads/2024/04/H105pxフードリンク.png" alt="フードリンク" /> </li> <li> <img src="/wp-content/uploads/2021/06/logo16.jpg" alt="LIXIL" /> </li> <li> <img src="/wp-content/uploads/2023/10/H105px_tamanohikari.png" alt="玉乃光" /> </li> <li> <img src="/wp-content/uploads/2023/10/H105px_HAPPO-EN.png" alt="HAPPO-EN" /> </li> <li> <img src="/wp-content/uploads/2022/05/logo-reajob02.jpg" alt="RareJob" /> </li> <li> <img src="/wp-content/uploads/2024/03/0327_H105px-Zenken.png" alt="Zenken" /> </li> <li> <img src="/wp-content/uploads/2023/10/asanuma.png" alt="Asanuma" /> </li> <li> <img src="/wp-content/uploads/2023/10/daiki-axis.png" alt="Daiki AXIS" /> </li> <li> <img src="/wp-content/uploads/2023/10/tosei.png" alt="Tosei Asset Advisors. Inc" /> </li> <li> <img src="/wp-content/uploads/2024/09/0903_H105px_freebit.png" alt="freebit" /> </li> <li> <img src="/wp-content/uploads/2023/10/H105px_shimizukensetsu.png" alt="清水建設" /> </li> <li> <img src="/wp-content/uploads/2024/03/0327_H105px-KURABO.png" alt="KURABO" /> </li> <li> <img src="/wp-content/uploads/2024/04/H105px積水化学工業.png" alt="積水化学工業" /> </li> <li> <img src="/wp-content/uploads/2021/06/logo05.jpg" alt="遠州鉄道" /> </li> <li> <img src="/wp-content/uploads/2023/10/kougaku.png" alt="好学出版" /> </li> <li> <img src="/wp-content/uploads/2023/10/teral.png" alt="テラル株式会社" /> </li> <li> <img src="/wp-content/uploads/2022/09/furyu-logo.png" alt="Furyu" /> </li> <li> <img src="/wp-content/uploads/2024/04/H105pxトーヨーホールディングス.png" alt="トーヨーホールディングス様" /> </li> <li> <img src="/wp-content/uploads/2021/07/logo01-1.jpg" alt="わかさ生活" /> </li> <li> <img src="/wp-content/uploads/2021/06/logo13.jpg" alt="中電シーティーアイ" /> </li> <li> <img src="/wp-content/uploads/2024/03/0304_H105px乃村工藝社.png" alt="乃村工藝社"> </li> <li> <img src="/wp-content/uploads/2021/06/logo09.jpg" alt="ALBION" /> </li> <li> <img src="https://www.jooto.com/wp-content/uploads/2024/08/H105px_富士吉田市ゴシック.png" alt="山梨県富士吉田市" /> </li> </ul> </div> </div> <div class="wpb_raw_code wpb_content_element wpb_raw_html" > <div class="wpb_wrapper"> <a href="https://www.jooto.com/wp_taskmanag/" class="top_banner_2411"> <img src="https://www.jooto.com/wp-content/uploads/2024/11/jooto-pivot1106.png" alt=""> </a> </div> </div> <section class="top-news-section"> <h2 class="j-heading"><span class="ez-toc-section" id="%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%E3%83%BB%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88"></span>ニュース・アップデート<span class="ez-toc-section-end"></span></h2> <div class="top-news-inner"> <ul class="top-news-list"> <li> <time datetime="2024-11-27">2024/11/27</time> <span class="top-news-label category-information-label">ニュース</span> <a href="https://www.jooto.com/news/20240910_esconfieldhokkaido_report/"><strong>エスコンフィールドHOKKAIDOで開催！『ダウンタウンDX』を生んだ名物プロデューサーの仕事論セミナーレポート</strong></a> </li> <li> <time datetime="2024-11-26">2024/11/26</time> <span class="top-news-label category-information-label">ニュース</span> <a href="https://www.jooto.com/news/newyear2025-holiday/">Jootoサポートデスク年末年始休業日のお知らせ【休業期間】2024年12月28日～2025年1月5日</a> </li> <li> <time datetime="2024-11-25">2024/11/25</time> <span class="top-news-label category-update-label">アップデート</span> <a href="https://www.jooto.com/news/20241125_jootoassist/">スタンダードプランでも利用可能な軽量版ブラウザ拡張機能「Jootoアシストタスク-ライト」公開</a> </li> </ul> </div> </section> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper">  <div id="jooto-project-demo-video" class="j-wrapper"> <div class="j-container"> <h2 class="j-heading"><span class="ez-toc-section" id="%E3%82%BF%E3%82%B9%E3%82%AF%E7%AE%A1%E7%90%86%E3%82%92%E5%8A%B9%E7%8E%87%E5%8C%96%E3%80%81_%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%B5%E3%82%AF%E3%82%BB%E3%82%B9%E3%81%AB%E4%B8%80%E6%AD%A9%E8%BF%91%E3%81%A5%E3%81%8F"></span> タスク管理を<span style="color: #4DABFF">効率化</span>、<br class="only-pc"/> <span style="color: #4DABFF">プロジェクトサクセス</span>に一歩近づく <span class="ez-toc-section-end"></span></h2> <span class="j-underline"></span> <br/> <div class="j-row"> <div class="j-project"> <ul class="j-project-list"> <li id="j-project-kanban-style" class="j-project-item j-project-item-active"> <p>カンバン方式</p> </li> <li id="j-project-task-make" class="j-project-item"> <p>タスク作成</p> </li> <li id="j-project-gantt-chart" class="j-project-item"> <p>ガントチャート</p> </li> <li id="j-project-projects-tasks" class="j-project-item"> <p>プロジェクト横断でタスクを見る</p> </li> <li id="j-project-bp-management" class="j-project-item"> <p>予実の数値管理</p> </li> </ul> <video id="j-project-video-demo" class="j-project-video" control autoplay loop> <source src="/wp-content/uploads/2023/07/top_kanban2307.mov" type="video/mp4"> Your browser does not support the video tag. </video> <div id="j-project-description-demo" class="j-project-description"> カンバン方式で担当名や状況名でリスト（縦の列）を作成します。タスクをドラック＆ドロップで移動でき、プロジェクトの進行状況や各担当者のタスクを一目で確認できます。また、ラベルを活用するとタスクの優先度や分類を視覚的に確認することができます。 </div> </div> </div> </div> </div> <script> var kanban = document.getElementById("j-project-kanban-style"); var task = document.getElementById("j-project-task-make"); var gantt = document.getElementById("j-project-gantt-chart"); var project = document.getElementById("j-project-projects-tasks"); var bpmanagement = document.getElementById("j-project-bp-management"); var video = document.getElementById("j-project-video-demo"); var description = document.getElementById("j-project-description-demo"); kanban.onclick = function() { kanban.classList.add("j-project-item-active"); task.classList.remove("j-project-item-active"); gantt.classList.remove("j-project-item-active"); project.classList.remove("j-project-item-active"); bpmanagement.classList.remove("j-project-item-active"); video.src = "/wp-content/uploads/2023/07/top_kanban2307.mov"; description.textContent = "カンバン方式で担当名や状況名でリスト（縦の列）を作成します。タスクをドラック＆ドロップで移動でき、プロジェクトの進行状況や各担当者のタスクを一目で確認できます。また、ラベルを活用するとタスクの優先度や分類を視覚的に確認することができます。"; } task.onclick = function() { kanban.classList.remove("j-project-item-active"); task.classList.add("j-project-item-active"); gantt.classList.remove("j-project-item-active"); project.classList.remove("j-project-item-active"); bpmanagement.classList.remove("j-project-item-active"); video.src = "/wp-content/uploads/2021/09/task-make.mov"; description.textContent = "タスクにはそれぞれ期日・担当者・ラベル・チェックリストを設定できます。開始日と終了日を設定することで期限を明確にでき、担当者を設定することで誰が進行を担当するのかを把握ことができます。また、ラベルでは重要度や緊急度、業務の案件や分類を設定することでタスクの状況が一目瞭然！チェックリストでタスクを細分化することで抜け漏れを防ぐことができます。"; } gantt.onclick = function() { kanban.classList.remove("j-project-item-active"); task.classList.remove("j-project-item-active"); gantt.classList.add("j-project-item-active"); project.classList.remove("j-project-item-active"); bpmanagement.classList.remove("j-project-item-active"); video.src = "/wp-content/uploads/2021/09/gantt-chart.mov"; description.textContent = "タスクの期日を設定するとガントチャートが自動的に作成されます。期間のバーを伸ばしたり、縮めたりすることでマウスで期限を簡単に変更ができます。変更した期日はタスクに自動で反映されます。"; } project.onclick = function() { kanban.classList.remove("j-project-item-active"); task.classList.remove("j-project-item-active"); gantt.classList.remove("j-project-item-active"); project.classList.add("j-project-item-active"); bpmanagement.classList.remove("j-project-item-active"); video.src = "/wp-content/uploads/2021/09/projects-tasks.mov"; description.textContent = "複数のプロジェクトにて担当している自分や他社の担当タスクを一画面で見ることができます。締め切りが近い順でタスク表示、緊急度が高いタスクをすばやく確認できます。"; } bpmanagement.onclick = function() { kanban.classList.remove("j-project-item-active"); task.classList.remove("j-project-item-active"); gantt.classList.remove("j-project-item-active"); project.classList.remove("j-project-item-active"); bpmanagement.classList.add("j-project-item-active"); video.src = "/wp-content/uploads/2023/03/yozitsu.mov"; description.textContent = "各タスクに予定と実績の数値を設定することが可能となり、リストごとの合計数値を一目で確認できます。"; } </script> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> </div> </div> </div> </div> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_content_element wpb_raw_html home" > <div class="wpb_wrapper"> <section class="top-price-section"> <h2 class="j-heading"><span class="ez-toc-section" id="%E3%83%81%E3%83%BC%E3%83%A0%E5%8D%98%E4%BD%8D%E3%81%8B%E3%82%89%E5%A4%A7%E8%A6%8F%E6%A8%A1%E7%B5%84%E7%B9%94%E3%81%BE%E3%81%A7_%E4%BA%BA%E6%95%B0%E3%83%BB%E7%9B%AE%E7%9A%84%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%9F%E3%83%97%E3%83%A9%E3%83%B3%E6%8F%90%E4%BE%9B"></span>チーム単位から大規模組織まで<br>人数・目的に合わせたプラン提供<span class="ez-toc-section-end"></span></h2> <span class="j-underline"></span> <br> <div class="top-price-inner"> <div class="price-panel"> <div class="price-card free"> <div class="price-card-inner"> <h2 class="price-card__heading"><span class="ez-toc-section" id="%E7%84%A1%E6%96%99%E3%83%97%E3%83%A9%E3%83%B3"></span>無料プラン<span class="ez-toc-section-end"></span></h2> <p><span class="price-card__target"> </span></p> <p class="price-card__price--yeartext">1ユーザー/月</p> <p class="price-card__price--year">¥<span class="bold">0</span></p> <p class="price-card__price--month"> </p> <p><a class="price-card__button" href="https://app.jooto.com/signup">まずは無料プランではじめる</a></p> </div> </div> <div class="price-card"> <div class="price-card-inner"> <h2 class="price-card__heading"><span class="ez-toc-section" id="%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%80%E3%83%BC%E3%83%89%E3%83%97%E3%83%A9%E3%83%B3"></span>スタンダードプラン<span class="ez-toc-section-end"></span></h2> <p><span class="price-card__target">個人向け</span></p> <p class="price-card__price--yeartext">1ユーザー/月(年間契約)</p> <p class="price-card__price--year">¥<span class="bold">417</span></p> <p class="price-card__price--month">月額契約なら¥500/月</p> <p><a class="price-card__button" href="https://app.jooto.com/signup">まずは無料プランではじめる</a></p> </div> </div> <div class="price-card price-recommend"> <div class="ribbon-wrap"> <div class="ribbon"><span class="ribbon-span">おすすめ</span></div> </div> <div class="price-card-inner"> <h2 class="price-card__heading"><span class="ez-toc-section" id="%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%83%97%E3%83%A9%E3%83%B3"></span>ビジネスプラン<span class="ez-toc-section-end"></span></h2> <p><span class="price-card__target">法人向け</span></p> <p class="price-card__price--yeartext">1ユーザー/月(年間契約)</p> <p class="price-card__price--year">¥<span class="bold">980</span></p> <p class="price-card__price--month">月額契約なら¥1,300/月</p> <p><a class="price-card__button" href="/business-plan/">詳細はこちら</a></p> </div> </div> <div class="price-card price-consulting"> <div class="price-card-inner"> <h2 class="price-card__heading"><img src="/wp-content/uploads/2023/02/task-dx-name.png" alt="タスクDXプラン" /></h2> <p><span class="price-card__target">大企業向け</span></p> <p class="price-card__price--yeartext"> </p> <p class="price-card__price--year"><span class="bold">要お問い合わせ</span></p> <p class="price-card__price--month">人数無制限 / 定額</p> <p><a class="price-card__button" href="/task-dx/">詳細はこちら</a></p> </div> </div> </div> <p class="price-panel-subtext">※表示価格はすべて税抜です。</p> </div> </section> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_content_element wpb_raw_html home" > <div class="wpb_wrapper"> <section class="top-api-cta"> <div class="top-api-cta-left"> <h3 class="j-heading"><span class="ez-toc-section" id="API_CSV_%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%A7_Jooto%E3%82%92%E3%81%95%E3%82%89%E3%81%AB%E4%BE%BF%E5%88%A9%E3%81%AB"></span> <span class="color-blue top-api-heading01">API / CSV / プラグイン</span><span class="top-api-heading02">で</span><br>Jootoを<span class="color-blue">さらに便利</span>に <span class="ez-toc-section-end"></span></h3> <span class="j-underline"></span> <p>APIが用意されているの<br class="spbr">自社システムや他サービスとの連携が可能です。<br>外部連携方法や自動化実現に関する<br class="spbr">「How to」をジョーテクで公開中！</p> <a href="/api/" class="top-api-btn top-btn-blue">外部連携・自動化について</a> </div> <div class="top-api-cta-right"> <h3 class="j-heading"><span class="ez-toc-section" id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E7%AE%A1%E7%90%86%E3%81%AE%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%92%E3%80%81_AI%E3%81%AE%E5%8A%9B%E3%81%A7%E3%82%82%E3%81%A3%E3%81%A8%E6%B0%97%E8%BB%BD%E3%81%AB"></span> <span class="color-blue top-api-heading01">プロジェクト管理のスタート</span><span class="top-api-heading02">を、</span><br><span class="color-blue">AIの力で</span>もっと気軽に <span class="ez-toc-section-end"></span></h3> <span class="j-underline"></span> <p>タスクをAIが提案、自動でボード作成まで！<br>ビジネスプランまたはトライアル中にご利用可能です。</p> <a href="/ai-task-generator/" class="top-api-btn top-btn-blue">AIタスク生成β版を試す</a> </div> </section> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper">  <div class="j-wrapper" id="jooto-casestudy"> <div class="j-container"> <h2 class="j-heading"><span class="ez-toc-section" id="%E4%BA%8B%E4%BE%8B%E3%81%A7%E7%9F%A5%E3%82%8B%E5%B0%8E%E5%85%A5%E5%8A%B9%E6%9E%9C"></span>事例で知る<span style="color: #4DABFF">導入効果</span><span class="ez-toc-section-end"></span></h2> <p style="text-align: center;">少人数の部署利用から組織全体での活用まで幅広い活用</p> <span class="j-underline"></span> <br/> <div class="only-pc"> <div class="j-slide-image"> <a class="j-slide-image-item" href="https://www.jooto.com/casestudy/mitsubishihome/"> <div class="j-slide-image-container"> <img width="2000" height="1333" src="https://www.jooto.com/wp-content/uploads/2021/11/三菱地所アイキャッチ.jpg" class="j-slide-image-thumbnail wp-post-image" alt="新しい働き方を実現するためにJootoを導入。セルフマネジメントを促し、社員のコミュニケーションが活性化。" decoding="async" srcset="https://www.jooto.com/wp-content/uploads/2021/11/三菱地所アイキャッチ.jpg 2000w, https://www.jooto.com/wp-content/uploads/2021/11/三菱地所アイキャッチ-300x200.jpg 300w, https://www.jooto.com/wp-content/uploads/2021/11/三菱地所アイキャッチ-768x512.jpg 768w, https://www.jooto.com/wp-content/uploads/2021/11/三菱地所アイキャッチ-600x400.jpg 600w" sizes="(max-width: 2000px) 100vw, 2000px" /> <img class="j-slide-image-logo" src="https://www.jooto.com/wp-content/uploads/2021/11/三菱地所ロゴ-e1636527942678.png" alt="三菱地所ホーム株式会社"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E6%96%B0%E3%81%97%E3%81%84%E5%83%8D%E3%81%8D%E6%96%B9%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%ABJooto%E3%82%92%E5%B0%8E%E5%85%A5%E3%80%82_%E3%82%BB%E3%83%AB%E3%83%95%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E4%BF%83%E3%81%97%E3%80%81%E7%A4%BE%E5%93%A1%E3%81%AE%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%8C%E6%B4%BB%E6%80%A7%E5%8C%96%E3%80%82"></span>新しい働き方を実現するためにJootoを導入。セルフマネジメントを促し、社員のコミュニケーションが活性化。<span class="ez-toc-section-end"></span></h3>  </a> <a class="j-slide-image-item" href="https://www.jooto.com/casestudy/rarejob/"> <div class="j-slide-image-container"> <img width="2080" height="1387" src="https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-scaled.jpeg" class="j-slide-image-thumbnail wp-post-image" alt="増える業務とチーム内での業務分担に伴い、Jootoでタスクの進捗状況の可視化を図る" decoding="async" loading="lazy" srcset="https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-scaled.jpeg 2080w, https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-450x300.jpeg 450w, https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-768x512.jpeg 768w, https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-1536x1024.jpeg 1536w, https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-2048x1365.jpeg 2048w, https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-1200x800.jpeg 1200w, https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-600x400.jpeg 600w" sizes="(max-width: 2080px) 100vw, 2080px" /> <img class="j-slide-image-logo" src="https://www.jooto.com/wp-content/uploads/2022/06/rarejob_logo.png" alt="株式会社レアジョブ"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E5%A2%97%E3%81%88%E3%82%8B%E6%A5%AD%E5%8B%99%E3%81%A8%E3%83%81%E3%83%BC%E3%83%A0%E5%86%85%E3%81%A7%E3%81%AE%E6%A5%AD%E5%8B%99%E5%88%86%E6%8B%85%E3%81%AB%E4%BC%B4%E3%81%84%E3%80%81Jooto%E3%81%A7%E3%82%BF%E3%82%B9%E3%82%AF%E3%81%AE%E9%80%B2%E6%8D%97%E7%8A%B6%E6%B3%81%E3%81%AE%E5%8F%AF%E8%A6%96%E5%8C%96%E3%82%92%E5%9B%B3%E3%82%8B"></span>増える業務とチーム内での業務分担に伴い、Jootoでタスクの進捗状況の可視化を図る<span class="ez-toc-section-end"></span></h3>  </a> <a class="j-slide-image-item" href="https://www.jooto.com/casestudy/kurabo/"> <div class="j-slide-image-container"> <img width="930" height="620" src="https://www.jooto.com/wp-content/uploads/2024/01/kurabo-thumbnail.jpg" class="j-slide-image-thumbnail wp-post-image" alt="コメントでの活発なコミュニケーションにより部署全体で業務を進めようとする意識が高まった" decoding="async" loading="lazy" srcset="https://www.jooto.com/wp-content/uploads/2024/01/kurabo-thumbnail.jpg 930w, https://www.jooto.com/wp-content/uploads/2024/01/kurabo-thumbnail-450x300.jpg 450w, https://www.jooto.com/wp-content/uploads/2024/01/kurabo-thumbnail-768x512.jpg 768w, https://www.jooto.com/wp-content/uploads/2024/01/kurabo-thumbnail-600x400.jpg 600w" sizes="(max-width: 930px) 100vw, 930px" /> <img class="j-slide-image-logo" src="https://www.jooto.com/wp-content/uploads/2024/02/kurabo-seihoukei-eng.png" alt="クラボウ（倉敷紡績株式会社）"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%81%A7%E3%81%AE%E6%B4%BB%E7%99%BA%E3%81%AA%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AB%E3%82%88%E3%82%8A_%E9%83%A8%E7%BD%B2%E5%85%A8%E4%BD%93%E3%81%A7%E6%A5%AD%E5%8B%99%E3%82%92%E9%80%B2%E3%82%81%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E6%84%8F%E8%AD%98%E3%81%8C%E9%AB%98%E3%81%BE%E3%81%A3%E3%81%9F"></span>コメントでの活発なコミュニケーションにより部署全体で業務を進めようとする意識が高まった<span class="ez-toc-section-end"></span></h3>  </a> </div> </div> <div class="only-sp"> <div class="j-slide-image"> <a href="https://www.jooto.com/casestudy/mitsubishihome/" id="j-slide-image-item-1" class="j-slide-image-item active" > <div class="j-slide-image-container"> <img class="j-slide-image-thumbnail" src="https://www.jooto.com/wp-content/uploads/2021/11/三菱地所アイキャッチ.jpg"> <img class="j-slide-image-logo" src="https://www.jooto.com/wp-content/uploads/2021/11/三菱地所ロゴ-e1636527942678.png"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E6%96%B0%E3%81%97%E3%81%84%E5%83%8D%E3%81%8D%E6%96%B9%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%ABJooto%E3%82%92%E5%B0%8E%E5%85%A5%E3%80%82_%E3%82%BB%E3%83%AB%E3%83%95%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E4%BF%83%E3%81%97%E3%80%81%E7%A4%BE%E5%93%A1%E3%81%AE%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%8C%E6%B4%BB%E6%80%A7%E5%8C%96%E3%80%82-2"></span>新しい働き方を実現するためにJootoを導入。セルフマネジメントを促し、社員のコミュニケーションが活性化。<span class="ez-toc-section-end"></span></h3>  </a> <a href="https://www.jooto.com/casestudy/rarejob/" id="j-slide-image-item-2" class="j-slide-image-item " > <div class="j-slide-image-container"> <img class="j-slide-image-thumbnail" src="https://www.jooto.com/wp-content/uploads/2022/06/rarejob_MV-scaled.jpeg"> <img class="j-slide-image-logo" src="https://www.jooto.com/wp-content/uploads/2022/06/rarejob_logo.png"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E5%A2%97%E3%81%88%E3%82%8B%E6%A5%AD%E5%8B%99%E3%81%A8%E3%83%81%E3%83%BC%E3%83%A0%E5%86%85%E3%81%A7%E3%81%AE%E6%A5%AD%E5%8B%99%E5%88%86%E6%8B%85%E3%81%AB%E4%BC%B4%E3%81%84%E3%80%81Jooto%E3%81%A7%E3%82%BF%E3%82%B9%E3%82%AF%E3%81%AE%E9%80%B2%E6%8D%97%E7%8A%B6%E6%B3%81%E3%81%AE%E5%8F%AF%E8%A6%96%E5%8C%96%E3%82%92%E5%9B%B3%E3%82%8B-2"></span>増える業務とチーム内での業務分担に伴い、Jootoでタスクの進捗状況の可視化を図る<span class="ez-toc-section-end"></span></h3>  </a> <a href="https://www.jooto.com/casestudy/kurabo/" id="j-slide-image-item-3" class="j-slide-image-item " > <div class="j-slide-image-container"> <img class="j-slide-image-thumbnail" src="https://www.jooto.com/wp-content/uploads/2024/01/kurabo-thumbnail.jpg"> <img class="j-slide-image-logo" src="https://www.jooto.com/wp-content/uploads/2024/02/kurabo-seihoukei-eng.png"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%81%A7%E3%81%AE%E6%B4%BB%E7%99%BA%E3%81%AA%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AB%E3%82%88%E3%82%8A_%E9%83%A8%E7%BD%B2%E5%85%A8%E4%BD%93%E3%81%A7%E6%A5%AD%E5%8B%99%E3%82%92%E9%80%B2%E3%82%81%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E6%84%8F%E8%AD%98%E3%81%8C%E9%AB%98%E3%81%BE%E3%81%A3%E3%81%9F-2"></span>コメントでの活発なコミュニケーションにより部署全体で業務を進めようとする意識が高まった<span class="ez-toc-section-end"></span></h3>  </a> <div class="j-slide-next" id="j-slide-next" onclick="slide('next')"> <img src="https://www.jooto.com/wp-content/uploads/2019/02/arrow_right.png"> </div> <div class="j-slide-prev" id="j-slide-prev" onclick="slide('prev')"> <img src="https://www.jooto.com/wp-content/uploads/2019/02/arrow_left.png"> </div> </div> <div class="d-flex-center"> <span id="j-slide-dot-1" class="j-slide-dot j-slide-dot-blue"></span> <span id="j-slide-dot-2" class="j-slide-dot"></span> <span id="j-slide-dot-3" class="j-slide-dot"></span> </div> </div> <a href="/casestudy"> <button class="link-btn btn-blue center" style="font-size: 16px; width: auto; height: auto; margin-top: 20px"> 導入事例をもっと見る </button> </a> </div> </div> <script> let indexSlideImage = 1; let image1 = document.getElementById("j-slide-image-item-1"); let image2 = document.getElementById("j-slide-image-item-2"); let image3 = document.getElementById("j-slide-image-item-3"); let dot1 = document.getElementById("j-slide-dot-1"); let dot2 = document.getElementById("j-slide-dot-2"); let dot3 = document.getElementById("j-slide-dot-3"); function displayImage(number){ switch(number){ case 1: image1.style.display = "block"; image2.style.display = "none"; image3.style.display = "none"; dot1.classList.add("j-slide-dot-blue"); dot2.classList.remove("j-slide-dot-blue"); dot3.classList.remove("j-slide-dot-blue"); break; case 2: image1.style.display = "none"; image2.style.display = "block"; image3.style.display = "none"; dot1.classList.remove("j-slide-dot-blue"); dot2.classList.add("j-slide-dot-blue"); dot3.classList.remove("j-slide-dot-blue"); break; case 3: image1.style.display = "none"; image2.style.display = "none"; image3.style.display = "block"; dot1.classList.remove("j-slide-dot-blue"); dot2.classList.remove("j-slide-dot-blue"); dot3.classList.add("j-slide-dot-blue"); break; } } function slide(type){ switch(type){ case "next": if(indexSlideImage < 3){ indexSlideImage += 1; displayImage(indexSlideImage); } break; case "prev": if(indexSlideImage > 1){ indexSlideImage -= 1; displayImage(indexSlideImage); } break; } } </script> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_content_element wpb_raw_html home" > <div class="wpb_wrapper"> <section id="jooto-document"> <div class="j-container"> <h2 class="j-heading"><span class="ez-toc-section" id="%E5%B0%8E%E5%85%A5%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1%E8%B3%87%E6%96%99"></span>導入のための<span style="color: #4DABFF;">お役立ち資料</span><span class="ez-toc-section-end"></span></h2> <p style="text-align: center;">稟議書から活用ノウハウまで幅広い情報をご提供</p> <span class="j-underline"></span> <br> <div class="j-slide-image"> <a href="/document-request-list/casestudy-ebook/" class="j-slide-image-item"> <div> <div class="j-slide-image-container"> <img src="/wp-content/uploads/2021/08/casestudy-ebook.jpg.webp" alt="Jooto導入企業の成功事例から学ぶ　ー生産性向上と業務効率化ー" class="j-slide-image-thumbnail"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="Jooto%E5%B0%8E%E5%85%A5%E4%BC%81%E6%A5%AD%E3%81%AE%E7%94%9F%E7%94%A3%E6%80%A7%E5%90%91%E4%B8%8A%E5%8F%8A%E3%81%B3%E6%A5%AD%E5%8B%99%E5%8A%B9%E7%8E%87%E5%8C%96"></span>Jooto導入企業の生産性向上及び業務効率化<span class="ez-toc-section-end"></span></h3> <p>実際にJootoを導入している企業様の成功事例をもとに、どのように運用して生産性向上と業務効率化を実現することができたのかをまとめました。</p> </div> </a> <a href="/document-request-list/reason/" class="j-slide-image-item"> <div> <div class="j-slide-image-container"> <img src="/wp-content/uploads/2021/11/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2021-11-24-18.02.01.png.webp" alt="" class="j-slide-image-thumbnail"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E3%82%BF%E3%82%B9%E3%82%AF%E3%83%BB%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E7%AE%A1%E7%90%86%E3%81%AB%E3%83%84%E3%83%BC%E3%83%AB%E3%82%92%E4%BD%BF%E3%81%86%E3%81%B9%E3%81%8D%E7%90%86%E7%94%B1"></span>タスク・プロジェクト管理にツールを使うべき理由<span class="ez-toc-section-end"></span></h3> <p>日々のタスクやプロジェクト・案件管理にクラウドツールを使うべき理由を解説します。</p> </div> </a> <a href="/document-request-list/next-actions/" class="j-slide-image-item"> <div> <div class="j-slide-image-container"> <img src="/wp-content/uploads/2022/03/Jooto%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%81%9F%E5%8A%B9%E6%9E%9C%E7%9A%84%E3%81%AA%E5%AE%9A%E4%BE%8B%E4%BC%9A%E8%AD%B0%E3%82%B5%E3%83%A0%E3%83%8D.png" alt="会議後のネクストアクションが変わる！－Jootoを活用した効果的な定例会議－" class="j-slide-image-thumbnail"> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E4%BC%9A%E8%AD%B0%E5%BE%8C%E3%81%AE%E3%83%8D%E3%82%AF%E3%82%B9%E3%83%88%E3%82%A2%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%8C%E5%A4%89%E3%82%8F%E3%82%8B%EF%BC%81_%EF%BC%8DJooto%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%81%9F%E5%8A%B9%E6%9E%9C%E7%9A%84%E3%81%AA%E5%AE%9A%E4%BE%8B%E4%BC%9A%E8%AD%B0%EF%BC%8D"></span>会議後のネクストアクションが変わる！－Jootoを活用した効果的な定例会議－<span class="ez-toc-section-end"></span></h3> <p>多くの方にとって身近な「定例会議」の課題をJootoを活用して解決し、会議を効率的に行う方法について詳しく説明します。</p> </div> </a> </div> <a href="/document-request-list/"> <button class="link-btn btn-blue center" style="font-size: 16px; width: auto; height: auto; margin-top: 20px"> お役立ち資料をもっと見る </button> </a> </div> </section> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="j-wrapper" id="jooto-blog"> <div class="j-container"> <h2 class="j-heading"><span class="ez-toc-section" id="Jooto%E3%83%9E%E3%82%AC%E3%82%B8%E3%83%B3"></span>Jootoマガジン<span class="ez-toc-section-end"></span></h2> <span class="j-underline"></span> <br/> <div class=""> <div class="j-slide-image"> <a class="j-slide-image-item" href="https://www.jooto.com/contents/task-management-2/"> <div class="j-slide-image-container"> <img width="1200" height="675" src="https://www.jooto.com/wp-content/uploads/2024/06/PIVOTタスクマネジメント記事.jpg" class="j-slide-image-thumbnail wp-post-image" alt="効果的なタスクマネジメントとは？メリットや手法、具体的な方法を解説！" decoding="async" loading="lazy" srcset="https://www.jooto.com/wp-content/uploads/2024/06/PIVOTタスクマネジメント記事.jpg 1200w, https://www.jooto.com/wp-content/uploads/2024/06/PIVOTタスクマネジメント記事-450x253.jpg 450w, https://www.jooto.com/wp-content/uploads/2024/06/PIVOTタスクマネジメント記事-768x432.jpg 768w, https://www.jooto.com/wp-content/uploads/2024/06/PIVOTタスクマネジメント記事-1000x563.jpg 1000w" sizes="(max-width: 1200px) 100vw, 1200px" /> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E5%8A%B9%E6%9E%9C%E7%9A%84%E3%81%AA%E3%82%BF%E3%82%B9%E3%82%AF%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E3%81%A8%E3%81%AF%EF%BC%9F%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88%E3%82%84%E6%89%8B%E6%B3%95%E3%80%81%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95%E3%82%92%E8%A7%A3%E8%AA%AC%EF%BC%81"></span>効果的なタスクマネジメントとは？メリットや手法、具体的な方法を解説！<span class="ez-toc-section-end"></span></h3>  </a> <a class="j-slide-image-item" href="https://www.jooto.com/contents/cross-functional/"> <div class="j-slide-image-container"> <img width="1000" height="500" src="https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-1-202410.png" class="j-slide-image-thumbnail wp-post-image" alt="組織横断プロジェクトを成功させるポイントを解説！組織横断チームが求められる理由とは？" decoding="async" loading="lazy" srcset="https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-1-202410.png 1000w, https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-1-202410-450x225.png 450w, https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-1-202410-768x384.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E7%B5%84%E7%B9%94%E6%A8%AA%E6%96%AD%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E6%88%90%E5%8A%9F%E3%81%95%E3%81%9B%E3%82%8B%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%82%92%E8%A7%A3%E8%AA%AC%EF%BC%81%E7%B5%84%E7%B9%94%E6%A8%AA%E6%96%AD%E3%83%81%E3%83%BC%E3%83%A0%E3%81%8C%E6%B1%82%E3%82%81%E3%82%89%E3%82%8C%E3%82%8B%E7%90%86%E7%94%B1%E3%81%A8%E3%81%AF%EF%BC%9F"></span>組織横断プロジェクトを成功させるポイントを解説！組織横断チームが求められる理由とは？<span class="ez-toc-section-end"></span></h3>  </a> <a class="j-slide-image-item" href="https://www.jooto.com/contents/production-leveling/"> <div class="j-slide-image-container"> <img width="1000" height="500" src="https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-2-202410.png" class="j-slide-image-thumbnail wp-post-image" alt="生産管理の平準化とは？具体的な手順や生産性向上へつなげるポイントを解説！" decoding="async" loading="lazy" srcset="https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-2-202410.png 1000w, https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-2-202410-450x225.png 450w, https://www.jooto.com/wp-content/uploads/2024/10/10月マガジン-2-202410-768x384.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /> </div> <h3 class="j-slide-image-title"><span class="ez-toc-section" id="%E7%94%9F%E7%94%A3%E7%AE%A1%E7%90%86%E3%81%AE%E5%B9%B3%E6%BA%96%E5%8C%96%E3%81%A8%E3%81%AF%EF%BC%9F%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%89%8B%E9%A0%86%E3%82%84%E7%94%9F%E7%94%A3%E6%80%A7%E5%90%91%E4%B8%8A%E3%81%B8%E3%81%A4%E3%81%AA%E3%81%92%E3%82%8B%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%82%92%E8%A7%A3%E8%AA%AC%EF%BC%81"></span>生産管理の平準化とは？具体的な手順や生産性向上へつなげるポイントを解説！<span class="ez-toc-section-end"></span></h3>  </a> </div> </div> <a href="/contents"> <button class="link-btn btn-blue center" style="font-size: 16px; width: auto; height: auto; margin-top: 20px"> Jootoマガジンをもっと見る </button> </a> </div> </div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <div id="gtx-trans" style="position: absolute; left: 65px; top: -10px;"> <div class="gtx-trans-icon"> </div> </div> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_content_element wpb_raw_html" > <div class="wpb_wrapper"> <section class="top-cta"> <h3 class="j-heading"><span class="ez-toc-section" id="Jooto%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"></span> Jootoについて <span class="ez-toc-section-end"></span></h3> <span class="j-underline"></span> <div class="top-cta-inner"> <div class="cta-box"> <a href="/document-request-list/document-request/"> <img src="/wp-content/uploads/2023/05/cta-icon01.png" alt="知りたい"> </a> <a href="/document-request-list/document-request/" class="top-cta-btn top-btn-blue">サービス資料請求する</a> </div> <div class="cta-box"> <a href="https://app.jooto.com/signup"> <img src="/wp-content/uploads/2023/05/cta-icon02.png" alt="体験したい"> </a> <a href="https://app.jooto.com/signup" class="top-cta-btn top-btn-pink">無料プランではじめる</a> </div> <div class="cta-box"> <a href="/contact/"> <img src="/wp-content/uploads/2023/05/cta-icon03.png" alt="相談したい"> </a> <a href="/contact/" class="top-cta-btn top-btn-green">専任担当に導入相談する</a> </div> </div> </section> </div> </div> </div> </div> </div></div><div id="first_layer" class="wpb_row vc_row-fluid full-width-section section section-no-parallax stretch " data-speed="1" style="background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 top_content_position wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_content_element wpb_raw_html home" > <div class="wpb_wrapper">  <div class="j-app-wrapper"> <div class="j-app-background"></div> <div class="j-app-body"> <div class="j-app-content"> <div class="j-app-content-left"> <h3 class="j-app-title"><span class="ez-toc-section" id="%E3%80%8C%E3%81%84%E3%81%A4%E3%81%A7%E3%82%82%E3%80%81%E3%81%A9%E3%81%93%E3%81%A7%E3%82%82%E3%80%81%E8%AA%B0%E3%81%A7%E3%82%82%E3%80%8D_%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A7%E3%82%BF%E3%82%B9%E3%82%AF%E3%83%BB%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E7%A2%BA%E8%AA%8D"></span>「いつでも、どこでも、誰でも」<br>アプリでタスク・プロジェクトを確認<span class="ez-toc-section-end"></span></h3> <p class="j-app-description"> 移動中やパソコンを操作できないシーンでも、スマホで簡単にタスク管理ができます。スマホの通知で、メンバーのタスク更新をリアルタイムで確認できます。 </p> <img class="only-sp" src="/wp-content/uploads/2021/09/sp-img.png" style="width:50%;" alt="Jooto スマホイメージ画面"> <div class="img-appicon"> <a href="https://apps.apple.com/jp/app/jooto-joto-tasuku-purojekuto/id1071508384?ign-mpt=uo%3D4" class="img-appicon-a"><img class="j-app-download" src="https://www.jooto.com/wp-content/uploads/2015/01/btn_appstore.png" alt="App Store"></a> <a href="https://play.google.com/store/apps/details?id=com.jooto.app&hl=ja"><img class="j-app-download" src="https://www.jooto.com/wp-content/uploads/2015/01/Google-Play-button.png" alt="Google Play"></a> </div> </div> <img class="j-app-phone-image only-pc" src="/wp-content/uploads/2021/09/sp-img.png" style="width: 370px;" alt="Jooto スマホイメージ画面"> </div> </div> </div> </div> </div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_js" > <div class="wpb_wrapper"> <script src="/wp-content/themes/unicon-child/js/lottie.js" type="text/javascript"></script> <script> const anim = lottie.loadAnimation({ container: document.getElementById('analys-bar-chart'),//表示したい場所のID renderer: 'svg', loop: true, autoplay: true, path: '/wp-content/themes/unicon-child/data.json'//吐き出したjsonのパス }); </script> <script> function togglePlanJooto(id) { let content = document.getElementById(id); content.classList.toggle("plan-active"); } </script> <script> jQuery.fn.endlessRiver = function (settings) { settings = jQuery.extend({ speed: 60, pause: true, buttons: false }, settings); return this.each(function(){ var j = jQuery; var $line = j(this); var id = "ER_"+ new Date().getTime(); $line.wrap("<div id=\""+id+"\"></div>"); $line.css({ margin: "0 !important", padding: "0 !important" }); var currentSpazio,currentTempo; var run = true; var initialOffset = $line.offset().left; var lineWidth = 1; $line.children("li.tick-clones").remove(); //elimina cloni se ci sono - Serve in caso io aggiorni dinamicamente il contenuto $line.addClass("newsticker"); var $mask = $line.wrap("<div class='mask'></div>"); var $tickercontainer = $line.parent().wrap("<div class='tickercontainer'></div>"); var elements = $line.children("li"); var fill = function(){ lineWidth = 1; $line.append(elements.clone(true).addClass("tick-clones")); $line.children("li").each(function (i) { lineWidth += j(this, i).outerWidth(true); //outherWidth con argomento true ritorna larghezza compresi margini }); } var l = $tickercontainer.outerWidth(true); while(lineWidth<l) fill(); $line.width(lineWidth); $line.height($line.parent().height()); function scrollnews(spazio, tempo) { $line.animate({left: '-=' + spazio}, tempo, "linear", function () { $line.children("li:first").appendTo($line); $line.css("left", 0); currentSpazio = $line.children("li:first").outerWidth(true); currentTempo = tempo / spazio * currentSpazio; if(run) scrollnews(currentSpazio, currentTempo); }); } //BOOT currentSpazio = $line.children("li:first").outerWidth(true); currentTempo = currentSpazio / settings.speed * 1000; //x 1000 perch� tempo � in millisecondi scrollnews(currentSpazio, currentTempo); function setHover(){ $line.hover(pause,resume); } function pause(){ run = false; $line.stop(); } function resume() { run = true; var offset = $line.offset().left; var residualSpace = offset + $line.children("li:first").outerWidth(true) - initialOffset; var residualTime = currentTempo / currentSpazio * residualSpace; scrollnews(residualSpace, residualTime); } if(settings.pause) setHover(); if(settings.buttons){ var $buttons = j('<ul class="er-controls">'+ '<li class="prev glyphicon glyphicon-chevron-left"></li>'+ '<li class="pause glyphicon glyphicon-pause"></li>'+ '<li class="next glyphicon glyphicon-chevron-right"></li>'+ '</ul>'); $buttons.insertAfter($tickercontainer); //DELEGATE IS BETTER! j("body").on("click", "#"+id+" .er-controls > .pause", function(){ if(!run) return false; j(this).toggleClass("pause glyphicon-pause play glyphicon-play"); $line.unbind('mouseenter mouseleave'); run = false; }); j("body").on("click", "#"+id+" .er-controls > .play", function(){ if(run) return false; j(this).toggleClass("pause glyphicon-pause play glyphicon-play"); run = true; setHover(); var offset = $line.offset().left; var residualSpace = offset + $line.children("li:first").outerWidth(true) - initialOffset; var residualTime = currentTempo / currentSpazio * residualSpace; scrollnews(residualSpace, residualTime); }); var moving = false; j("body").on("click", "#"+id+" .er-controls > .next", function(){ if(run){ j("#"+id+" .er-controls > .pause").toggleClass("pause glyphicon-pause play glyphicon-play"); run = false; return; } if(moving) return false; var spazio = $line.children("li:first").outerWidth(true); var tempo = spazio / settings.speed * 1000; moving = true; $line.stop(true,true).animate({left: '-=' + spazio}, tempo, "linear", function () { $line.children("li:first").appendTo($line); $line.css("left", 0); moving = false; }); }); j("body").on("click", "#"+id+" .er-controls > .prev", function(){ if(run){ j("#"+id+" .er-controls > .pause").toggleClass("pause glyphicon-pause play glyphicon-play"); run = false; return; } if(moving) return false; var spazio = $line.children("li:last").outerWidth(true); $line.css("left", "-"+spazio+"px"); $line.children("li:last").prependTo($line); var tempo = spazio / settings.speed * 1000; moving = true; $line.stop(true,true).animate({left: '+=' + spazio}, tempo, "linear", function(){ moving = false; }); }); } }); }; jQuery(function ($) { $(document).ready(function(){ $("#loopslider").endlessRiver({ speed: 100, }); }); }); </script> </div> </div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper">  <div id="box-maniawase" class="j-modal"> <div class="j-modal-content"> <div class="j-modal-header"> <span class="j-close">×</span> </div> <div class="j-modal-body"> <div class="wpcf7 no-js" id="wpcf7-f22205-p12358-o1" lang="ja" dir="ltr"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/#wpcf7-f22205-p12358-o1" method="post" class="wpcf7-form init wpcf7-acceptance-as-validation" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="22205" /> <input type="hidden" name="_wpcf7_version" value="5.7.6" /> <input type="hidden" name="_wpcf7_locale" value="ja" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f22205-p12358-o1" /> <input type="hidden" name="_wpcf7_container_post" value="12358" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7cf_hidden_group_fields" value="[]" /> <input type="hidden" name="_wpcf7cf_hidden_groups" value="[]" /> <input type="hidden" name="_wpcf7cf_visible_groups" value="[]" /> <input type="hidden" name="_wpcf7cf_repeaters" value="[]" /> <input type="hidden" name="_wpcf7cf_steps" value="{}" /> <input type="hidden" name="_wpcf7cf_options" value="{"form_id":22205,"conditions":[],"settings":{"animation":"yes","animation_intime":200,"animation_outtime":200,"conditions_ui":"normal","notice_dismissed":false,"notice_dismissed_update-cf7-5.6.2":true,"notice_dismissed_update-cf7-5.9.5":true}}" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <div class="dx-form"> <div> <p class="form-part-tit">お名前 <span class="must">必須</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="your_name"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="お名前を入力してください" value="" type="text" name="your_name" /></span></label> </p> </div> <div> <p class="form-part-tit">メールアドレス <span class="must">必須</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="email"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="メールアドレスを入力してください" value="" type="email" name="email" /></span></label> </p> </div> <div> <p class="form-part-tit">会社名 <span class="must">必須</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="company"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="会社名を入力してください" value="" type="text" name="company" /></span></label> </p> </div> <div> <p class="form-part-tit">部署・所属名 <span class="optional">任意</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="department"><input size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="部署・所属名" value="" type="text" name="department" /></span></label> </p> </div> <div> <p class="form-part-tit">電話番号 <span class="must">必須</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="tel"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="電話番号を入力してください" value="" type="tel" name="tel" /></span></label> </p> </div> <div> <p class="form-part-tit">ご利用予定人数 <span class="must">必須</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="ppl"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="(例) 50名 ~ 100名" value="" type="text" name="ppl" /></span></label> </p> </div> <div> <p class="form-part-tit">ご相談・質問内容 <span class="optional">任意</span> </p> <p><label><span class="wpcf7-form-control-wrap" data-name="content"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="content"></textarea></span></label> </p> </div> <p><label class="wpcf7-acceptance"><br /> <span class="wpcf7-form-control-wrap" data-name="acceptance"><span class="wpcf7-form-control wpcf7-acceptance"><span class="wpcf7-list-item"><input type="checkbox" name="acceptance" value="1" aria-invalid="false" /></span></span></span> <a target="_blank" href="https://www.jooto.com/terms/">Jooto利用規約</a>と<a target="_blank" href="https://prtimes.co.jp/policy/">プライバシーポリシー</a>に同意する<br /> </label> </p> <p><label class="wpcf7-submit_btn"><br /> <input class="wpcf7-form-control has-spinner wpcf7-submit" type="submit" value="送信" /><br /> </label><br /> <div class="wpcf7-response-output" aria-hidden="true"></div> <p class="recaptcha-text">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply. </p> </div> </form> </div> </div> </div> </div> <script> var modal = document.getElementById("box-maniawase"); var btn = document.getElementById("button-maniawase"); var span = document.getElementsByClassName("j-close")[0]; btn.onclick = function(e) { e.preventDefault(); modal.style.display = "block"; } span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> </div> </div> </div> </div> </div></div></section>  </div>  </div>  <footer id="footer"> <div class="container"> <div class="four columns"><div id="text-34" class="widget widget_text"> <div class="textwidget"><p><a href="https://prtimes.co.jp/"><img decoding="async" src="/wp-content/uploads/2019/02/prtimeslogowhite.png" alt="produced by PR TIMES" width="124" /></a></p> <p style="color: #ffffff; font-weight: normal; font-size: 70%;">〒107-0052<br /> 東京都港区赤坂一丁目11番44号<br /> 赤坂インターシティ８階</p> <p><img decoding="async" loading="lazy" src="/wp-content/uploads/2021/07/jyojyou-mark.jpg" alt="東証上場" width="60" height="66" /><br /> <img decoding="async" loading="lazy" src="https://www.jooto.com/wp-content/uploads/2024/02/g-certi.png" alt="G CERTI" width="95" height="67" /></p> </div> </div></div> <div class="four columns"><div id="block-2" class="widget widget_block widget_text"> <p class="has-text-align-left has-white-color has-text-color has-normal-font-size"><strong>会社情報</strong></p> </div><div id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-bottom-nav1-container"><ul id="menu-bottom-nav1" class="menu"><li id="menu-item-32253" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32253"><a href="https://www.jooto.com/category/information/">ニュース</a></li> <li id="menu-item-32254" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32254"><a href="https://www.jooto.com/category/maintenance/">メンテナンス</a></li> <li id="menu-item-24547" class="menu-item menu-item-type-post_type_archive menu-item-object-contents menu-item-24547"><a href="https://www.jooto.com/contents/">Jootoマガジン</a></li> <li id="menu-item-14154" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14154"><a href="https://www.jooto.com/logo-regulation/">Jootoロゴ</a></li> <li id="menu-item-20295" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20295"><a href="https://prtimes.co.jp/partners/">取材・インタビューに関して</a></li> </ul></div></div></div> <div class="four columns"><div id="block-3" class="widget widget_block widget_text"> <p class="has-text-align-left has-white-color has-text-color has-normal-font-size"><strong>サービス</strong></p> </div><div id="nav_menu-5" class="widget widget_nav_menu"><div class="menu-bottom-nav2-container"><ul id="menu-bottom-nav2" class="menu"><li id="menu-item-13476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13476"><a href="https://www.jooto.com/jooto-features/">機能一覧</a></li> <li id="menu-item-37357" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37357"><a href="https://www.jooto.com/api/">外部連携・API</a></li> <li id="menu-item-17536" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17536"><a href="https://www.jooto.com/pricing/">料金プラン</a></li> <li id="menu-item-22088" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22088"><a href="https://www.jooto.com/enterprise-plan/">ビジネスプラン</a></li> <li id="menu-item-31161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31161"><a href="https://www.jooto.com/consulting-plan/">IT導入補助金プラン</a></li> <li id="menu-item-33747" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33747"><a href="https://www.jooto.com/task-dx/">タスクDXプラン</a></li> <li id="menu-item-13479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13479"><a href="https://www.jooto.com/casestudy/">導入事例</a></li> <li id="menu-item-29405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29405"><a href="https://www.jooto.com/partner/">パートナー制度</a></li> </ul></div></div></div> <div class="four columns"><div id="block-4" class="widget widget_block widget_text"> <p class="has-text-align-left has-white-color has-text-color has-normal-font-size"><strong>その他</strong></p> </div><div id="nav_menu-6" class="widget widget_nav_menu"><div class="menu-bottom-nav3-container"><ul id="menu-bottom-nav3" class="menu"><li id="menu-item-30553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30553"><a href="https://www.jooto.com/help-center/">ヘルプセンター</a></li> <li id="menu-item-39664" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39664"><a href="https://www.jooto.com/ondemand-seminar/">オンラインセミナー＆説明会</a></li> <li id="menu-item-9652" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9652"><a href="https://www.jooto.com/security/">セキュリティ</a></li> <li id="menu-item-18593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18593"><a href="https://www.jooto.com/document-request-list/">資料ダウンロード</a></li> <li id="menu-item-31160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31160"><a href="https://www.jooto.com/our-team/">私たちの想い</a></li> </ul></div></div></div> <div class="columns links"> <div class="footer-buttons"> <a href="https://app.jooto.com" class="footer-buttons__login">ログイン</a> <a href="https://www.jooto.com/contact/" class="footer-buttons__contact">お問い合わせ</a> </div> <div class="footer-sns"> <a target="_blank" rel="noreferrer noopener" href="https://twitter.com/jootocom"><img src="/wp-content/uploads/2019/02/icon_twitter.png" alt="Twitter"></a> <a target="_blank" rel="noreferrer noopener" href="https://www.facebook.com/jootocom/"><img src="/wp-content/uploads/2019/02/icon_facebook.png" alt="Facebook"></a> </div> </div> </div> </footer> <div id="copyright" class="clearfix"> <div class="container"> <div class="sixteen columns"> <div class="copyright-text copyright-col1"> <img src="/wp-content/uploads/2019/02/footer_jooto_logo.png" width="64" class="footer_jooto_logo" />© 2024 Jooto </div> <div class="copyright-col2"> <div class="menu-footer-nav-container"><ul id="menu-footer-nav" class="menu"><li id="menu-item-40170" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40170"><a href="https://www.jooto.com/terms/">利用規約</a></li> <li id="menu-item-40104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40104"><a href="https://www.jooto.com/specified-commercial-transaction-law/">特定商取引法に基づく表記</a></li> <li id="menu-item-22002" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22002"><a href="https://prtimes.co.jp/policy/">プライバシーポリシー</a></li> </ul></div> </div> </div> </div> </div> </div> <div id="back-to-top"><a href="#"><i class="fa fa-chevron-up"></i></a></div> <div class="float-banner"><a href="https://www.jooto.com/news/20240625_pivot/"><img src="https://www.jooto.com/wp-content/uploads/2024/06/0625-2右下フローティングバナー.png" alt="管理職のためのタスクマネジメント" width="280" height="auto"></a> <div class="float-banner-close"> <button></button> </div> </div> <script type="text/html" id="wpb-modifications"></script><script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.6' id='swv-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.jooto.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.6' id='contact-form-7-js'></script> <script type='text/javascript' id='ez-toc-scroll-scriptjs-js-extra'> /* <![CDATA[ */ var eztoc_smooth_local = {"scroll_offset":"75","add_request_uri":""}; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.66.1' id='ez-toc-scroll-scriptjs-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1' id='ez-toc-js-cookie-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='ez-toc-jquery-sticky-kit-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","scroll_offset":"75","affixSelector":"#sidebar-widgets","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #4cabff;color:#4cabff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #4cabff;color:#4cabff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.66.1-1716957471' id='ez-toc-js-js'></script> <script type='text/javascript' id='ez-toc-js-js-after'> let mobileContainer = document.querySelector("#mobile.vc_row-fluid"); if(document.querySelectorAll("#mobile.vc_row-fluid").length > 0) { let ezTocContainerUL = mobileContainer.querySelectorAll('.ez-toc-link'); let uniqID = 'xs-sm-' + Math.random().toString(16).slice(2); for(let i = 0; i < ezTocContainerUL.length; i++) { let anchorHREF = ezTocContainerUL[i].getAttribute('href'); mobileContainer.querySelector("span.ez-toc-section"+ anchorHREF).setAttribute('id', anchorHREF.replace ('#','') + '-' + uniqID); ezTocContainerUL[i].setAttribute('href', anchorHREF + '-' + uniqID); } } </script> <script type='text/javascript' id='spu-public-js-extra'> /* <![CDATA[ */ var spuvar = {"is_admin":"","disable_style":"","ajax_mode":"","ajax_url":"https:\/\/www.jooto.com\/wp-admin\/admin-ajax.php","ajax_mode_url":"https:\/\/www.jooto.com\/?spu_action=spu_load","pid":"12358","is_front_page":"1","is_category":"","site_url":"https:\/\/www.jooto.com","is_archive":"","is_search":"","is_preview":"","seconds_confirmation_close":"5"}; var spuvar_social = []; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/popups/public/assets/js/public.js?ver=1.9.3.8' id='spu-public-js'></script> <script type='text/javascript' id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/document-thanks\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.jooto.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type='text/javascript' id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type='text/javascript' id='jooto-task-script-js-extra'> /* <![CDATA[ */ var myAjax = {"ajaxurl":"https:\/\/www.jooto.com\/wp-admin\/admin-ajax.php","nonce":"6d9d57c065"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon-child/js/jooto-task.js?ver=1732694146' id='jooto-task-script-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon/framework/js/jquery.easing.min.js' id='minti-easing-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon/framework/js/waypoints.min.js' id='waypoints-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon/framework/js/waypoints-sticky.min.js' id='minti-waypoints-sticky-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon/framework/js/isotope.pkgd.min.js' id='minti-isotope-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon/framework/js/functions.js' id='minti-functions-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/themes/unicon/framework/js/flexslider.min.js' id='minti-flexslider-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-includes/js/comment-reply.min.js?ver=6.1.1' id='comment-reply-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/easy-fancybox/fancybox/1.5.4/jquery.fancybox.min.js?ver=6.1.1' id='jquery-fancybox-js'></script> <script type='text/javascript' id='jquery-fancybox-js-after'> var fb_timeout, fb_opts={'autoScale':true,'showCloseButton':true,'margin':40,'pixelRatio':'false','centerOnScroll':false,'enableEscapeButton':true,'overlayShow':true,'hideOnOverlayClick':true,'minVpHeight':320 }; if(typeof easy_fancybox_handler==='undefined'){ var easy_fancybox_handler=function(){ jQuery([".nolightbox","a.wp-block-file__button","a.pin-it-button","a[href*='pinterest.com\/pin\/create']","a[href*='facebook.com\/share']","a[href*='twitter.com\/share']"].join(',')).addClass('nofancybox'); jQuery('a.fancybox-close').on('click',function(e){e.preventDefault();jQuery.fancybox.close()}); /* IMG */ var unlinkedImageBlocks=jQuery(".wp-block-image > img:not(.nofancybox)"); unlinkedImageBlocks.wrap(function() { var href = jQuery( this ).attr( "src" ); return "<a href='" + href + "'></a>"; }); var fb_IMG_select=jQuery('a[href*=".jpg" i]:not(.nofancybox,li.nofancybox>a),area[href*=".jpg" i]:not(.nofancybox),a[href*=".jpeg" i]:not(.nofancybox,li.nofancybox>a),area[href*=".jpeg" i]:not(.nofancybox),a[href*=".png" i]:not(.nofancybox,li.nofancybox>a),area[href*=".png" i]:not(.nofancybox),a[href*=".webp" i]:not(.nofancybox,li.nofancybox>a),area[href*=".webp" i]:not(.nofancybox)'); fb_IMG_select.addClass('fancybox image'); var fb_IMG_sections=jQuery('.gallery,.wp-block-gallery,.tiled-gallery,.wp-block-jetpack-tiled-gallery'); fb_IMG_sections.each(function(){jQuery(this).find(fb_IMG_select).attr('rel','gallery-'+fb_IMG_sections.index(this));}); jQuery('a.fancybox,area.fancybox,.fancybox>a').each(function(){jQuery(this).fancybox(jQuery.extend(true,{},fb_opts,{'transition':'elastic','easingIn':'linear','easingOut':'linear','opacity':false,'hideOnContentClick':false,'titleShow':false,'titlePosition':'over','titleFromAlt':false,'showNavArrows':true,'enableKeyboardNav':true,'cyclic':false,'mouseWheel':'false'}))}); /* YouTube */ jQuery('a[href*="youtu.be/" i],area[href*="youtu.be/" i],a[href*="youtube.com/" i],area[href*="youtube.com/" i]').filter(function(){return this.href.match(/\/(?:youtu\.be|watch\?|embed\/)/);}).not('.nofancybox,li.nofancybox>a').addClass('fancybox-youtube'); jQuery('a.fancybox-youtube,area.fancybox-youtube,.fancybox-youtube>a').each(function(){jQuery(this).fancybox(jQuery.extend(true,{},fb_opts,{'type':'iframe','width':1280,'height':720,'keepRatio':1,'aspectRatio':1,'titleShow':false,'titlePosition':'float','titleFromAlt':true,'onStart':function(a,i,o){var splitOn=a[i].href.indexOf("?");var urlParms=(splitOn>-1)?a[i].href.substring(splitOn):"";o.allowfullscreen=(urlParms.indexOf("fs=0")>-1)?false:true;o.href=a[i].href.replace(/https?:\/\/(?:www\.)?youtu(?:\.be\/([^\?]+)\??|be\.com\/watch\?(.*(?=v=))v=([^&]+))(.*)/gi,"https://www.youtube.com/embed/$1$3?$2$4&autoplay=1");}}))}); };}; jQuery(easy_fancybox_handler);jQuery(document).on('post-load',easy_fancybox_handler); </script> <script type='text/javascript' id='wpcf7cf-scripts-js-extra'> /* <![CDATA[ */ var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/www.jooto.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.4.12' id='wpcf7cf-scripts-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/embed-swagger-ui/core/includes/assets/js/swagger-ui.js?ver=1.0.0' id='wpsgui-swagger-ui-js-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/embed-swagger-ui/core/includes/assets/js/swagger-ui-bundle.js?ver=1.0.0' id='wpsgui-swagger-ui-bundle-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/embed-swagger-ui/core/includes/assets/js/swagger-ui-standalone-preset.js?ver=1.0.0' id='wpsgui-swagger-ui-standalone-preset-js'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6Le2aEEeAAAAAMOFfpEqe3_0H6lkBOLc7jWpiWUp&ver=3.0' id='google-recaptcha-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' id='wpcf7-recaptcha-js-extra'> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6Le2aEEeAAAAAMOFfpEqe3_0H6lkBOLc7jWpiWUp","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.7.6' id='wpcf7-recaptcha-js'></script> <script type='text/javascript' src='https://www.jooto.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=6.10.0' id='wpb_composer_front_js-js'></script>  <noscript><style>[data-arkb-linkbox]{cursor:auto}[data-arkb-link][aria-hidden="true"]{visibility:visible;color:transparent;z-index:0;width:100%;height:100%;pointer-events:auto}a.arkb-boxLink__title{text-decoration:underline}</style></noscript>   <script type="text/javascript"> jQuery(document).ready(function( $ ){ $(function(){ // #で始まる出発地点をクリックした場合に処理を実行 $('a[href^=#]').click(function() { // 出発地点の値を取得 var href= $(this).attr("href"); // 到着地点を取得 var target = $(href == "#" || href == "" ? 'html' : href); // 到着地点を数値で取得 var position = target.offset().top - 70; // スムーススクロール $('body,html').animate({scrollTop:position}, 400, 'swing'); return false; }); }); });</script>  <script type="text/javascript"> jQuery(document).ready(function($){ "use strict"; /* PrettyPhoto Options */ var lightboxArgs = { animation_speed: 'normal', overlay_gallery: false, autoplay_slideshow: false, slideshow: 5000, opacity: 0.83, show_title: false, social_tools: "", deeplinking: false, allow_resize: true, allow_expand: false, counter_separator_label: '/', default_width: 1160, default_height: 653 }; /* Automatic Lightbox */ $('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').prettyPhoto(lightboxArgs); /* General Lightbox */ $('a[class^="prettyPhoto"], a[rel^="prettyPhoto"], .prettyPhoto').prettyPhoto(lightboxArgs); /* WooCommerce Lightbox */ $("a[data-rel^='prettyPhoto']").prettyPhoto({ hook: 'data-rel', social_tools: false, deeplinking: false, overlay_gallery: false, opacity: 0.83, allow_expand: false, /* Allow the user to expand a resized image. true/false */ show_title: false }); /* Transparent Header */ function transparentHeader() { if ($(document).scrollTop() >= 60) { $('#header.header-v1').removeClass('header-transparent'); $('#menu-item-9747').addClass('signupbox'); $('#menu-item-9747').removeClass('link-to-signup'); } else { $('#header.header-v1.stuck').addClass('header-transparent'); $('#menu-item-9747').removeClass('signupbox'); $('#menu-item-9747').removeClass('link-to-signup'); } } /* Sticky Header */ if (/Android|BlackBerry|iPhone|iPad|iPod|webOS/i.test(navigator.userAgent) === false) { var $stickyHeaders = $('#header.header-v1, #header.header-v3 .navigation-wrap, #header.header-v4 .navigation-wrap'); $stickyHeaders.waypoint('sticky'); $(window).resize(function() { $stickyHeaders.waypoint('unsticky'); if ($(window).width() < 944) { $stickyHeaders.waypoint('unsticky'); } else { $stickyHeaders.waypoint('sticky'); } }); if ($("body").hasClass("header-is-transparent")) { $(document).scroll(function() { transparentHeader(); }); transparentHeader(); } } /* Fill rest of page */ $('body').css({'background-color' : '#ffffff' }); }); </script> <script> function source() { if (document.referrer.search('https?://(.*)google.([^/?]*)') === 0) { return 'Google'; } else if (document.referrer.search('https?://(.*)bing.([^/?]*)') === 0) { return 'Bing'; } else if (document.referrer.search('https?://(.*)yahoo.([^/?]*)') === 0) { return 'Yahoo'; } else if (document.referrer.search('https?://(.*)facebook.([^/?]*)') === 0) { return 'Facebook'; } else if (document.referrer.search('https?://(.*)twitter.([^/?]*)') === 0) { return 'Twitter'; } else { return 'Other'; } } </script> <script type="text/javascript" src="/wp-content/themes/unicon-child/js/slick.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { var $win = $(window); $win.on('load resize', function() { var windowWidth = window.innerWidth; if (windowWidth < 420) { $('.slider_box').slick({ dots: true, speed: 300, infinite: false, slidesToShow: 1, centerMode: false, arrows: false }); } }); // Scrolling header tyler // 現在ページのURL取得 // var url = location.href; // if (url == "https://www.jooto.dev/") { // $(window).scroll(function() { // var ScrTop = $(document).scrollTop(); // if (ScrTop <= 1000) { // $('#header').removeClass('header-blue'); // $('#logo').hide(); // } else { // $('#header.stuck').addClass('header-blue'); // $('#logo').show(); // } // }); // } else { // $('#header').addClass('header-blue'); // } /* PC Searchbar */ $('.searchform-open').click(() => { $('#navigation').hide(); $('.searchform').addClass('active'); $('.searchform-input').focus(); }); $(document).click(e => { if ($('.searchform').hasClass('active')) { if (!$(e.target).closest('.searchform').length) { $('#navigation').show(); $('.searchform').removeClass('active'); } } }) // mobile navigation $('#mobile-navigation-btn').click(() => { $('#mobile-navigation-btn').toggleClass('active'); }); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js" integrity="sha512-wT7uPE7tOP6w4o28u1DN775jYjHQApdBnib5Pho4RB0Pgd9y7eSkAV1BTqQydupYDB9GBhTcQQzyNMPMV3cAew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> jQuery(function() { var floatBanner = jQuery('.float-banner'); if (Cookies.get("float_banner_cta2") === "close2") { floatBanner.addClass('display_ng'); } else { floatBanner.addClass('display_ok'); } jQuery('.float-banner-close').click(function() { jQuery(this).parent().hide(); Cookies.set("float_banner_cta2", "close2" , {expires: 1}); }); // jQuery(window).scroll(function () { // if (Cookies.get("float_banner_cta") === "close") { // floatBanner.addClass('display_none'); // } else { // } // }); }); </script> </body> </html>

CINXE.COM

Jooto - 無料から使えるタスク・プロジェクト管理ツール