PageSourceSearch

https://peraichi.com/pages/pricing

html peraichi.com collected 2026-09-24 08:24:30 UTC 156,759 bytes, 2,451 lines download raw bytes

1
2<!DOCTYPE html>
3<html>
4<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
5    <meta charset="utf-8">                    <title>ペライチ:料金・プラン一覧</title>
6            
6<script>
7        window.dataLayer = window.dataLayer || [];
8        dataLayer.push({
9            'user_id': '未ログイン',
10            'name': '未ログイン',
11            'email': '未ログイン',
12            'base_plan_name': '未ログイン'
13        });
14    </script>
14
15            
15<script src="https://peraichiapp.com/js/libs/google_tag_manager.js"></script>
15
16    
16<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
16
17    <meta name="viewport" content="width=device-width">
18        
18<script src="/js/const_common.js?1790224590"></script>
18    
18<script src="/js/const_env.js"></script>
18    <link href="/favicon.ico" type="image/x-icon" rel="icon"><link rel="stylesheet" href="/css/common.css?1790224982"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"><link href="https://peraichi.com/pages/pricing" rel="canonical"><link rel="stylesheet" href="/css/magnific-popup.css?1790224589"><meta name="description" content="ホームページ作成ツールのペライチのプラン・ご利用料金ページです。無料からスマホ最適化されたページ機能などをご使用できます。独自ドメイン対応、メールフォーム設置、フッター広告非表示、など便利な機能がご希望に合わせて使用頂ける有料プランなどもご用意しています。"><meta name="twitter:card" content="summary_large_image"><meta property="og:title" content="Pages"><meta property="og:description" content="ホームページ作成ツールのペライチのプラン・ご利用料金ページです。無料からスマホ最適化されたページ機能などをご使用できます。独自ドメイン対応、メールフォーム設置、フッター広告非表示、など便利な機能がご希望に合わせて使用頂ける有料プランなどもご用意しています。"><meta property="og:image" content="https://peraichi.com/img/img_ogp.jpg"><meta property="og:url" content="https://peraichi.com/pages/pricing"><meta property="og:type" content="website"><meta property="og:site_name" content="ペライチ"><meta property="fb:app_id" content="1570152839899673"><!-- start Mixpanel -->
19<script type="text/javascript">(function (e, b) {
20        if (!b.__SV) {
21            var a, f, i, g;
22            window.mixpanel = b;
23            b._i = [];
24            b.init = function (a, e, d) {
25                function f(b, h) {
26                    var a = h.split(".");
27                    2 == a.length && (b = b[a[0]], h = a[1]);
28                    b[h] = function () {
29                        b.push([h].concat(Array.prototype.slice.call(arguments, 0)))
30                    }
31                }
32
33                var c = b;
34                "undefined" !== typeof d ? c = b[d] = [] : d = "mixpanel";
35                c.people = c.people || [];
36                c.toString = function (b) {
37                    var a = "mixpanel";
38                    "mixpanel" !== d && (a += "." + d);
39                    b || (a += " (stub)");
40                    return a
41                };
42                c.people.toString = function () {
43                    return c.toString(1) + ".people (stub)"
44                };
45                i = "disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config "
46                    .concat("people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges ")
47                    .concat("people.delete_user")
48                    .split(" ");
49                for (g = 0; g < i.length; g++) f(c, i[g]);
50                b._i.push([a, e, d])
51            };
52            b.__SV = 1.2;
53            a = e.createElement("script");
54            a.type = "text/javascript";
55            a.async = !0;
56            a.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ?
57                MIXPANEL_CUSTOM_LIB_URL : "file:" === e.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ?
58                    "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";
59            f = e.getElementsByTagName("script")[0];
60            f.parentNode.insertBefore(a, f)
61        }
62    })(document, window.mixpanel || []);
63    mixpanel.init("d846275df667911c452e2c718e465bae", {track_links_timeout: 2000});
64
65    var name = 'CakeCookie[UID]';
66    var cookieName = name + '=';
67    var allcookies = document.cookie;
68    var position = allcookies.indexOf(cookieName);
69    if (position != -1) {
70        var startIndex = position + cookieName.length;
71        var endIndex = allcookies.indexOf(';', startIndex);
72        if (endIndex == -1) {
73            endIndex = allcookies.length;
74        }
75        var result = decodeURIComponent(allcookies.substring(startIndex, endIndex));
76        mixpanel.identify(result);
77    } else {
78        if ("") {
79            var expire = new Date();
80            expire.setTime(expire.getTime() + 1000 * 3600 * 24 * 720);
81            document.cookie = "CakeCookie[UID]=; path=/; expires=" + expire.toUTCString();
82            mixpanel.identify("");
83        }
84    }
85</script>
85
86<!-- end Mixpanel -->
87        <meta name="sentry-dsn" content="https://[email protected]/4504359985676288">
88    <meta name="sentry-env" content="production-front">
89    </head>
90<body>
vendor: 75 bytes, lines 90-92
90
91    <noscript>
92        <iframe src="//www.googletagmanager.com/ns.html?id=
92GTM-WR9XQH
vendor: 105 bytes, lines 92-95
92"
93                height="0" width="0" style="display:none;visibility:hidden"></iframe>
94    </noscript>
95
96<header id="header" class="l-header">
97
98    
99    
100    
101    <div id="js-header-sticky-wrapper">
102        <div id="js-header-sticky" class="l-header__sticky">
103            <div class="l-header-upper l-header-upper--has-shadow">
104                <div class="l-header-upper__container c-container c-container--lg u-flex u-flex-ai-center">
105                    <a href="/" class="link--img-opacity"
106                        title="トップページへ">
107                                                    <img src="/images/logo.svg" class="l-header-upper__logo" alt="ペライチ by ラクスル" width="150">
108                                            </a>
109                    <ul class="l-header-upper__nav u-flex u-flex-as-stretch u-flex-grow-1">
110                        <li>
111                                                    </li>
112                                                                            <li>
113                                                                    <a href="/pages/pricing">料金プラン</a>
114                                                            </li>
115                            <!-- <li class="l-header-c-dropdown l-header-c-dropdown--right js-header-c-dropdown">
116                                <a class="link--inherit" data-dropdown-disabled-link-touched="true"
117                                   data-dropdown-trigger-touched="true" style="cursor: default;">
118                                    機能一覧 <i class="fa fa-angle-down u-ml-xs" aria-hidden="true"></i>
119                                </a>
120                                <div class="l-header-c-dropdown__container">
121                                    <div class="l-header-c-dropdown__menu">
122                                        <ul class="l-header-c-dropdown__list">
123                                            <li>
124                                                <a href="https://peraichi.com/landing_pages/view/page-edit">ページ作成</a>
125                                            </li>
126                                            <li>
127                                                <a href="https://peraichi.com/landing_pages/view/app-lp">アプリ作成</a>
128                                            </li>
129                                            <li>
130                                                                                                    <a href="/pages/reservation">オンライン予約</a>
131                                                                                            </li>
132                                            <li>
133                                                                                                    <a href="/pages/payment">オンライン決済</a>
134                                                                                            </li>
135                                            <li>
136                                                <a href="https://peraichi.com/landing_pages/view/peraichi-forms">フォーム</a>
137                                            </li>
138                                            <li>
139                                                <a href="https://peraichi.com/landing_pages/view/peraichi-mailmagazine">メールマガジン</a>
140                                            </li>
141                                            <li>
142                                                <a href="https://peraichi.com/landing_pages/view/peraichi-file" class="u-space-nowrap">ファイルダウンロード</a>
143                                            </li>
144                                            <li>
145                                                <a href="https://peraichi.com/landing_pages/view/peraichiworkspace" class="u-space-nowrap">ワークスペース</a>
146                                            </li>
147                                        </ul>
148                                    </div>
149                                </div>
150                            </li> -->
151                                                
152                                                    <li>
153                                <a href="https://note.com/peraichi/m/me7e0fce63a2d" target="_blank" rel="noopener">活用事例</a>
154                            </li>
155                                                        <li>
156                                <a href="https://peraichi.com/landing_pages/view/column-top" target="_blank" rel="noopener">運用のヒント</a>
157                            </li>
158                                            </ul>
159                                            <div class="l-header-upper__btns u-flex">
160                            <a href="https://peraichiapp.com/users/login/"
161                               class="l-header-upper__service-in-btn l-header-upper__service-in-btn--login" id="header-service-in-btn-login">ログイン</a>
162
163                                                            <a href="https://peraichiapp.com/users/add"
164                                   class="l-header-upper__service-in-btn l-header-upper__service-in-btn--signup" id="header-service-in-btn-signup">
165                                   新規登録 
166                                </a>
167                                                    </div>
168                                                            <div class="l-header-upper__mobile-nav l-header-mobile-nav u-flex-as-stretch" id="js-mobile-nav">
169                        <button class="l-header-mobile-nav__btn l-header-mobile-nav__btn--open"
170                            data-mobile-nav-action="open">
171                            メニュー <i class="fa fa-bars"></i>
172                        </button>
173                        <div class="l-header-mobile-nav__menu">
174                            <button class="l-header-mobile-nav__btn l-header-mobile-nav__btn--close"
175                                data-mobile-nav-action="close">
176                                メニューを閉じる <i class="fa fa-close"></i>
177                            </button>
178                            <ul class="l-header-mobile-nav__items">
179                                                                    <li class="l-header-mobile-nav__item">
180                                        <a href="/users/login" class="u-weight-bold u-fs-larger"
181                                        onclick="ga('newTracker.send', 'event', 'login', 'header', 'header');">ログイン</a>
182                                    </li>
183                                    <li class="l-header-mobile-nav__item">
184                                                                                    <a href="/users/add" class="u-weight-bold u-fs-larger"
185                                            onclick="ga('newTracker.send', 'event', 'registration', 'header', 'header');">新規登録</a>
186                                        
187                                    </li>
188                                                                                                        <li class="l-header-mobile-nav__item l-header-mobile-nav__item--divide">
189                                                                                    <a href="/pages/pricing">料金プラン</a>
190                                                                            </li>
191                                    <!-- <li class="l-header-mobile-nav__item l-header-mobile-nav__item--divide">
192                                        <p class="l-header-mobile-nav__subheading u-fs-smaller-2 u-we
192ight-bold">機能一覧</p>
193                                        <ul>
194                                            <li>
195                                                <a href="https://peraichi.com/landing_pages/view/page-edit">ページ作成</a>
196                                            </li>
197                                            <li>
198                                                <a href="https://peraichi.com/landing_pages/view/app-lp">アプリ作成</a>
199                                            </li>
200                                            <li>
201                                                                                                    <a href="/pages/reservation">オンライン予約</a>
202                                                                                            </li>
203                                            <li>
204                                                                                                    <a href="/pages/payment">オンライン決済</a>
205                                                                                            </li>
206                                            <li>
207                                                <a href="https://peraichi.com/landing_pages/view/peraichi-forms">フォーム</a>
208                                            </li>
209                                            <li>
210                                                <a href="https://peraichi.com/landing_pages/view/peraichi-mailmagazine">メールマガジン</a>
211                                            </li>
212                                            <li>
213                                                <a href="https://peraichi.com/landing_pages/view/peraichi-file">ファイルダウンロード</a>
214                                            </li>
215                                            <li>
216                                                <a href="https://peraichi.com/landing_pages/view/peraichiworkspace">ワークスペース</a>
217                                            </li>
218                                        </ul>
219                                    </li> -->
220                                                                    <li class="l-header-mobile-nav__item l-header-mobile-nav__item--divide">
221                                        <a href="https://note.com/peraichi/m/me7e0fce63a2d" target="_blank" rel="noopener">活用事例</a>
222                                    </li>
223                                                                        <li class="l-header-mobile-nav__item l-header-mobile-nav__item--divide">
224                                        <a href="https://peraichi.com/landing_pages/view/column-top" target="_blank" rel="noopener">運用のヒント</a>
225                                    </li>
226                                                            </ul>
227                        </div>
228                        <div class="l-header-mobile-nav__outer" data-mobile-nav-action="close"></div>
229                    </div>
230                </div>
231            </div>
232        </div><!-- /#js-header-sticky -->
233    </div><!-- /.l-header__nav-container -->
234
235            <div class="l-header-raksul-pay-border">
236    
237    </header>
238
239<script src="/js/pricing.js?1790224590"></script>
239<main class="p-pricing" role="main">
240    
241    <!-- トップ・予約LP・決済LP・料金表ページ 共通パーツ: プラン表 -->
242    <section class="p-pricing-plan-parts" style="padding: 40px 20px">
243            <h2 class="p-pricing-plan-parts__heading p-pricing-plan-parts__heading--no-margin-top">
244            すべての機能<span class="p-pricing-figma-hero__title-note">※</span>が使える「プロフェッショナルプラン」を<br>
245            まずは1ヶ月間無料で。
246        </h2>
247                    <p class="p-pricing-plan-parts__heading-desc ">
248            お試し期間中に「ここまでの機能は不要」と感じたら、期間終了後に他プランへ変更して継続できます。<br>
249            まずは最上位プランの機能をリスクなしでご体験ください。
250        </p>
251                    <div class="u-flex u-flex-jc-center u-mb-xl">
252            <div class="p-pricing-figma-card">
253                <div class="p-pricing-figma-card__container">
254                    <!-- カードラッパー(カード + 注意事項) -->
255                    <div class="p-pricing-figma-card__wrapper">
256                        <!-- カード本体 -->
257                        <div class="p-pricing-figma-card__card">
258                            <!-- プラン選択タブ -->
259                            <div class="p-pricing-figma-card__header">
260                                <div class="p-pricing-figma-card__tabs">
261                                    <div class="p-pricing-figma-card__tab p-pricing-figma-card__tab--active">
262                                        プロフェッショナルプラン
263                                    </div>
264                                    <div class="p-pricing-figma-card__tab-badge">
265                                        お試しビジネスプラン
266                                    </div>
267                                </div>
268                            </div>
269
270                            <!-- 価格比較セクション -->
271                            <div class="p-pricing-figma-card__body">
272                                <div class="p-pricing-figma-card__price-section">
273                                    <div class="p-pricing-figma-card__price-item">
274                                        <p class="p-pricing-figma-card__price-label">月額</p>
275                                        <div class="p-pricing-figma-card__price-amount">
276                                            <span class="p-pricing-figma-card__price-number">
277                                                6,980<span class="p-pricing-figma-card__price-currency">円</span>
278                                            </span>
279                                        </div>
280                                        <div class="p-pricing-figma-card__price-tax-wrapper">
281                                            <span class="p-pricing-figma-card__price-tax">(税込:7,678円)</span>
282                                        </div>
283                                    </div>
284                                    <div class="p-pricing-figma-card__price-arrow">
285                                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
286                                    </div>
287                                    <div class="p-pricing-figma-card__price-item">
288                                        <p class="p-pricing-figma-card__price-label">月額(1ヶ月間)</p>
289                                        <div class="p-pricing-figma-card__price-amount">
290                                            <span class="p-pricing-figma-card__price-number">0<span class="p-pricing-figma-card__price-currency">円</span></span>
291                                        </div>
292                                    <span class="u-visibility-hidden">税込</span>
293                                    </div>
294                                </div>
295
296                                <!-- 機能アイコンセクション -->
297                                <div class="p-pricing-figma-card__features">
298                                    <div class="p-pricing-figma-card__feature-item">
299                                        <div class="p-pricing-figma-card__feature-icon">
300                                            <img src="/img/pricing_parts/pricing_icon_pages.svg" alt="ページ作成">
301                                        </div>
302                                        <div class="p-pricing-figma-card__feature-text">
303                                            <p class="p-pricing-figma-card__feature-title">ページ作成</p>
304                                            <p class="p-pricing-figma-card__feature-desc">
30420ページまで<br>公開可能</p>
305                                        </div>
306                                    </div>
307                                    <div class="p-pricing-figma-card__feature-divider"></div>
308                                    <div class="p-pricing-figma-card__feature-item">
309                                        <div class="p-pricing-figma-card__feature-icon">
310                                            <img src="/img/pricing_parts/pricing_icon_shopping_cart.svg" alt="決済・販売">
311                                        </div>
312                                        <div class="p-pricing-figma-card__feature-text">
313                                            <p class="p-pricing-figma-card__feature-title">決済・販売</p>
314                                            <p class="p-pricing-figma-card__feature-desc">プラン最安<br>手数料4.5%〜</p>
315                                        </div>
316                                    </div>
317                                    <div class="p-pricing-figma-card__feature-divider"></div>
318                                    <div class="p-pricing-figma-card__feature-item">
319                                        <div class="p-pricing-figma-card__feature-icon">
320                                            <img src="/img/pricing_parts/pricing_icon_calendar.svg" alt="予約">
321                                        </div>
322                                        <div class="p-pricing-figma-card__feature-text">
323                                            <p class="p-pricing-figma-card__feature-title">予約</p>
324                                            <p class="p-pricing-figma-card__feature-desc">複数予約や<br>順番予約にも対応</p>
325                                        </div>
326                                    </div>
327                                    <div class="p-pricing-figma-card__feature-divider"></div>
328                                    <div class="p-pricing-figma-card__feature-item">
329                                        <div class="p-pricing-figma-card__feature-icon">
330                                            <img src="/img/pricing_parts/pricing_icon_mail.svg" alt="メルマガ">
331                                        </div>
332                                        <div class="p-pricing-figma-card__feature-text">
333                                            <p class="p-pricing-figma-card__feature-title">メルマガ</p>
334                                            <p class="p-pricing-figma-card__feature-desc">顧客管理も<br>ばっちり</p>
335                                        </div>
336                                    </div>
337                                    <div class="p-pricing-figma-card__feature-divider"></div>
338                                    <div class="p-pricing-figma-card__feature-item">
339                                        <div class="p-pricing-figma-card__feature-icon">
340                                            <img src="/img/pricing_parts/pricing_icon_form.svg" alt="フォーム">
341                                        </div>
342                                        <div class="p-pricing-figma-card__feature-text">
343                                            <p class="p-pricing-figma-card__feature-title">フォーム</p>
344                                            <p class="p-pricing-figma-card__feature-desc">お問合せや<br>資料請求にも</p>
345                                        </div>
346                                    </div>
347                                </div>
348                            </div>
349                        </div>
350
351                        <!-- 注意事項(カードの外、ラッパーの内) -->
352                        <div class="p-pricing-figma-card__notes">
353                            <div class="p-pricing-figma-card__notes-icon">
354                                <p>※</p>
355                                <p>※</p>
356                                <p>※</p>
357                            </div>
358                            <div class="p-pricing-figma-card__notes-content">
359                                <p>お試しプランでは「タグ埋め込み機能」のみ利用ができないように制限されています。</p>
360                                <p>自動で有料プランに切り替わることはございません。</p>
361                                <p>「お試しビジネスプラン」という名称ですが、プロフェッショナルプランと同等の機能をご利用いただけます。</p>
362                            </div>
363                        </div>
364                    </div>
365
366                    <!-- CTAボタン(ラッパーの外) -->
367                    <div class="p-pricing-figma-card__cta">
368                        <a href="/users/add?" class="p-pricing-figma-card__cta-button">
369                            今すぐ無料で試してみる
370                        </a>
371                    </div>
372                </div>
373            </div>
374    </div>
375        
376            <!-- 4つのプランカードセクション -->
377        <div class="u-flex u-flex-jc-center u-mb-xl">
378            <div class="p-pricing-figma-plans">
379                <div class="p-pricing-figma-plans__container">
380                    <div class="p-pricing-figma-plans__cards">
381                        <!-- プロフェッショナルプランカード -->
382                        <div class="p-pricing-figma-plans__card">
383                            <div class="p-pricing-figma-plans__card-body">
384                                <div class="p-pricing-figma-plans__card-content">
385                                    <p class="p-pricing-figma-plans__card-title">プロフェッショナル</p>
386                                    <p class="p-pricing-figma-plans__card-desc">
387                                        複数サービスの予約受付など、<br>
388                                        高度な運用が必要な方に。
389                                    </p>
390                                    <div class="p-pricing-figma-plans__card-price">
391                                        <div class="p-pricing-figma-plans__card-price-monthly">
392                                            <span class="p-pricing-figma-plans__card-price-number">6,980</span>
393                                            <span class="p-pricing-figma-plans__card-price-unit">円/月</span>
394                                        </div>
395                                        <div>
396                                            <span class="p-pricing-figma-plans__card-price-tax">(税込:7,678円)</span>
397                                        </div>
398                                        <div class="p-pricing-figma-plans__card-price-arrow">
399                                            <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
400                                                <path d="M12.8125 5.96875L13.5 6.65625C13.7812 6.96875 13.7812 7.4375 13.5 7.71875L7.4375 13.7812C7.125 14.0938 6.65625 14.0938 6.375 13.7812L0.28125 7.71875C0 7.4375 0 6.9375 0.28125 6.65625L0.96875 5.96875C1.28125 5.65625 1.75 5.6875 2.0625 5.96875L5.65625 9.75V0.75C5.65625 0.34375 5.96875 0 6.40625 0H7.40625C7.8125 0 8.15625 0.34375 8.15625 0.75V9.75L11.7188 5.96875C12.0312 5.6875 12.5 5.65625 12.8125 5.96875Z" fill="#373E42"/>
401                                            </svg>
402
403                                        </div>
404                                        <div class="p-pricing-figma-plans__card-price-trial">
405                                            <span class="p-pricing-figma-plans__card-price-number">0</span>
406                                            <span class="p-pricing-figma-plans__card-price-unit">円(1ヶ月間)</span>
407                                        </div>
408                                    </div>
409                                    <div class="p-pricing-figma-plans__card-discount">
410                                        <p class="p-pricing-figma-plans__card-discount-text">\年契約なら10%以上お得/</p>
411                                        <a href="#"
412                                           class="p-pricing-figma-plans__card-detail-btn js-show-plan-per-term-price-not-login"
413                                           data-plan-type="professional"
414                                           data-current-contract="">
415                                            料金の詳細を見る
416                                        </a>
417                                    </div>
418                                </div>
419                                <div class="p-pricing-figma-plans__card-features">
420                                    <div class="p-pricing-figma-plans__card-feature-badge">
421                                        <img src="/img/pricing_parts/pricing_icon_pages.svg" alt="ページ" class="p-pricing-figma-plans__card-feature-icon">
422                                        <span>20ページ</span>
423                                    </div>
424                                    <div class="p-pricing-figma-plans__card-feature-badge">
425                                        <img src="/img/pricing_parts/pricing_icon_ad.svg" alt="広告非表示" class="p-pricing-figma-plans__card-feature-icon">
426                                        <span>広告非表示</span>
427                                    </div>
428                                    <div class="p-pricing-figma-plans__card-feature-badge">
429                                        <img src="/img/pricing_parts/pricing_icon_shopping_cart.svg" alt="決済" class="p-pricing-figma-plans__card-feature-icon">
430                                        <span>決済 4.5%〜</span>
431                                    </div>
432                                    <div class="p-pricing-figma-plans__card-feature-badge">
433                                        <img src="/img/pricing_parts/pricing_icon_mail.svg" alt="メルマガ" class="p-pricing-figma-plans__card-feature-icon">
434                                        <span>メルマガ</span>
435                                    </div>
436                                    <div class="p-pricing-figma-plans__card-feature-badge">
437                                        <img src="/img/pricing_parts/pricing_icon_calendar.svg" alt="予約" class="p-pricing-figma-plans__card-feature-icon">
438                                        <span>予約</span>
439                                    </div>
440                                    <div class="p-pricing-figma-plans__card-feature-badge">
441                                        <img src="/img/pricing_parts/pricing_icon_calendar.svg" alt="予約プラス" class="p-pricing-figma-plans__card-feature-icon">
442                                        <span>予約プラス</span>
443                                    </div>
444                                </div>
445                            </div>
446                        </div>
447
448                        <!-- ビジネスプランカード(人気) -->
449                        <div class="p-pricing-figma-plans__card p-pricing-figma-plans__card--popular">
450                            <div class="p-pricing-figma-plans__card-header">
451                                <p>人気</p>
452                            </div>
453                            <div class="p-pricing-figma-plans__card-body">
454                                <div class="p-pricing-figma-plans__card-content">
455                                    <p class="p-pricing-figma-plans__card-title">ビジネス</p>
456                                    <p class="p-pricing-figma-plans__card-desc">
457                                        ビジネスを本格的に、<br>
458                                        運用・成長させたい方に。
459                                    </p>
460                                    <div class="p-pricing-figma-plans__card-price">
461                                        <div class="p-pricing-figma-plans__card-price-monthly">
462                                            <!-- <span class="p-pricing-figma-plans__card-price-currency">Â¥</span> -->
463                                            <span class="p-pricing-figma-plans__card-price-number">3,980</span>
464                                            <span class="p-pricing-figma-plans__card-price-unit">円/月</span>
465                                        </div>
466                                        <div>
467                                            <span class="p-pricing-figma-plans__card-price-tax">(税込:4,378円)</span>
468                                        </div>
469                                    </div>
470                                    
471                                    <div class="p-pricing-figma-plans__card-discount">
472                                        <p class="p-pricing-figma-plans__card-discount-text">\年契約なら10%以上お得/</p>
473                                        <a href="#"
474                                           class="p-pricing-figma-plans__card-detail-btn js-show-plan-per-term-price-not-login"
475                                           data-plan-type="business"
476                                           data-current-contract="">
477                                            料金の詳細を見る
478                                        </a>
479                                    </div>
480                                </div>
481                                <div class="p-pricing-figma-plans__card-features">
482                                    <div class="p-pricing-figma-plans__card-feature-badge">
483                                        <img src="/img/pricing_parts/pricing_icon_pages.svg" alt="ページ" class="p-pricing-figma-plans__card-feature-icon">
484                                        <span>20ページ</span>
485                                    </div>
486                                    <div class="p-pricing-figma-plans__card-feature-badge">
487                                        <img src="/img/pricing_parts/pricing_icon_ad.svg" alt="広告非表示" class="p-pricing-figma-plans__card-feature-icon">
488                                        <span>広告非表示</span>
489                                    </div>
490                                    <div class="p-pricing-figma-plans__card-feature-badge">
491                                        <img src="/img/pricing_parts/pricing_icon_shopping_cart.svg" alt="決済" class="p-pricing-figma-plans__card-feature-icon">
492                                        <span>決済 4.5%〜</span>
493                                    </div>
494                                    <div class="p-pricing-figma-plans__card-feature-badge">
495                                        <img src="/img/pricing_parts/pricing_icon_mail.svg" alt="メルマガ" class="p-pricing-figma-plans__card-feature-icon">
496                                        <span>メルマガ</span>
497                                    </div>
498                                    <div class="p-pricing-figma-plans__card-feature-badge">
499                                        <img src="/img/pricing_parts/pricing_icon_calendar.svg" alt="予約" class="p-pricing-figma-plans__card-feature-icon">
500                                        <span>予約</span>
501                                    </div>
502                                </div>
503                            </div>
504                        </div>
505
506                        <!-- レギュラープランカード -->
507                        <div class="p-pricing-figma-plans__card">
508                            <div class="p-pricing-figma-plans__card-body">
509                                <div class="p-pricing-figma-plans__card-content">
510                                    <p class="p-pricing-figma-plans__card-title">レギュラー</p>
511                                    <p class="p-pricing-figma-plans__card-desc">
512                                        個人事業主や小規模ビジネスで<br>
513                                        利用したい方に。
514                                    </p>
515                                    <div class="p-pricing-figma-plans__card-price">
516                                        <div class="p-pricing-figma-plans__card-price-monthly">
517                                            <!-- <span class="p-pricing-figma-plans__card-price-currency">Â¥</span> -->
518                                            <span class="p-pricing-figma-plans__card-price-number">2,980</span>
519                                            <span class="p-pricing-figma-plans__card-price-unit">円/月</span>
520                                        </div>
521                                        <div>
522                                            <span class="p-pricing-figma-plans__card-price-tax">(税込:3,278円)</span>
523                                        </div>
524                                    </div>
525                                    <div class="p-pricing-figma-plans__card-discount">
526                                        <p class="p-pricing-figma-plans__card-discount-text">\年契約なら10%以上お得/</p>
527                                        <a href="#"
528                                           class="p-pricing-figma-plans__card-detail-btn js-show-plan-per-term-price-not-login"
529                                           data-plan-type="regular"
530                                           data-current-contract="">
531                                            料金の詳細を見る
532                                        </a>
533                                    </div>
534                                </div>
535                                <div class="p-pricing-figma-plans__card-features">
536                                    <div class="p-pricing-figma-plans__card-feature-badge">
537                                        <img src="/img/pricing_parts/pricing_icon_pages.svg" alt="ページ" class="p-pricing-figma-plans__card-feature-icon">
538                                        <span>5ページ</span>
539                                    </div>
540                                    <div class="p-pricing-figma-plans__card-feature-badge">
541                                        <img src="/img/pricing_parts/pricing_icon_ad.svg" alt="広告非表示" class="p-pricing-figma-plans__card-feature-icon">
542                                        <span>広告非表示</span>
543                                    </div>
544                                    <div class="p-pricing-figma-plans__card-feature-badge">
545                                        <img src="/img/pricing_parts/pricing_icon_shopping_cart.svg" alt="決済" class="p-pricing-figma-plans__card-feature-icon">
546                                        <span>決済 4.5%〜</span>
547                                    </div>
548                                </div>
549                            </div>
550                        </div>
551
552                        <!-- ライトプランカード -->
553                        <div class="p-pricing-figma-plans__card">
554                            <div class="p-pricing-figma-plans__card-body">
555                                <div class="p-pricing-figma-plans__card-content">
556                                    <p class="p-pricing-figma-plans__card-title">ライト</p>
557                                    <p class="p-pricing-figma-plans__card-desc">
558                                        名刺代わりのサイトを、<br>
559                                        とにかく安く持ちたい方に。
560                                    </p>
561                                    <div class="p-pricing-figma-plans__card-price">
562                                        <div class="p-pricing-figma-plans__card-price-monthly">
563                                            <!-- <span class="p-pricing-figma-plans__card-price-currency">Â¥</span> -->
564                                            <span class="p-pricing-figma-plans__card-price-number">1,480</span>
565                                            <span class="p-pricing-figma-plans__card-price-unit">円/月</span>
566                                        </div>
567                                        <div>
568                                            <span class="p-pricing-figma-plans__card-price-tax">(税込:1,628円)</span>
569                                        </div>
570                                    </div>
571                                    <div class="p-pricing-figma-plans__card-discount">
572                                        <p class="p-pricing-figma-plans__card-discount-text">\年契約なら10%以上お得/</p>
573                                        <a href="#"
574                                           class="p-pricing-figma-plans__card-detail-btn js-show-plan-per-term-price-not-login"
575                                           data-plan-type="lite"
576                                           data-current-contract="">
577                                            料金の詳細を見る
578                                        </a>
579                                    </div>
580                                </div>
581                                <div class="p-pricing-figma-plans__card-features">
582                                    <div class="p-pricing-figma-plans__card-feature-badge">
583                                        <img src="/img/pricing_parts/pricing_icon_pages.svg" alt="ページ" class="p-pricing-figma-plans__card-feature-icon">
584                                        <span>3ページ</span>
585                                    </div>
586                                    <div class="p-pricing-figma-plans__card-feature-badge">
587                                        <img src="/img/pricing_parts/pricing_icon_ad.svg" alt="広告非表示" class="p-pricing-figma-plans__card-feature-icon">
588                                        <span>広告非表示</span>
589                                    </div>
590                                    <div class="p-pricing-figma-plans__card-feature-badge">
591                                        <img src="/img/pricing_parts/pricing_icon_shopping_cart.svg" alt="決済" class="p-pricing-figma-plans__card-feature-icon">
592                                        <span>決済 6.0%〜</span>
593                                    </div>
594                                </div>
595                            </div>
596                        </div>
597                    </div>
598                </div>
599            </div>
600        </div>
601        
602
603    <div class="js-price-per-plan-term u-none u-mt-md" id="js-price-per-plan-term-table">
604                <div class="p-pricing-plan-parts-plan-price-table u-none--sm"
605            style="max-width: 420px">
606            <table>
607                <thead>
608                    <tr>
609                        <th colspan="2">
610                            <span class="u-weight-bold js-plan-name">の料金</span>
611                        </th>
612                    </tr>
613                </thead>
614                <tbody>
615                    <tr>
616                                                    <th class="u-border-right">月契約</th>
617                                                <td class="u-width-100per">
618                            <div class="u-fs-lg js-one-month-price"></div>
619                        </td>
620                    </tr>
621                    <tr>
622                                                    <th class="u-border-right">1年契約</th>
623                                                <td class="u-width-100per">
624                            <div>
625                                <div class="u-flex u-flex-ai-center">
626                                    <div class="u-fs-lg u-weight-bold js-one-month-price-for-one-year-contract"></div>
627                                    <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ</div>
628                                </div>
629                                <div>
630                                    <span class="u-fs-xs u-color-gray-dark js-one-year-price"></span>
631                                </div>
632                            </div>
633                        </td>
634                    </tr>
635                    <tr>
636                                                    <th class="u-border-right">2年契約</th>
637                                                <td class="u-width-100per">
638                            <div>
639                                <div class="u-flex u-flex-ai-center">
640                                    <div class="u-fs-lg u-weight-bold js-one-month-price-for-two-years-contract"></div>
641                                    <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ</div>
642                                </div>
643                                <div>
644                                    <span class="u-fs-xs u-color-gray-dark js-two-years-price"></span>
645                                </div>
646                            </div>
647                        </td>
648                    </tr>
649                    <tr>
650                                                    <th class="u-border-right">5年契約</th>
651                                                <td class="u-width-100per">
652                            <div>
653                                <div class="u-flex u-flex-ai-center">
654                                    <div class="u-fs-lg u-weight-bold js-one-month-price-for-five-years-contract"></div>
655                                    <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ</div>
656                                </div>
657                                <div>
658                                    <span class="u-fs-xs u-color-gray-dark js-five-years-price"></span>
659                                </div>
660                            </div>
661                        </td>
662                    </tr>
663                </tbody>
664            </table>
665        </div>
666                <div class="p-pricing-plan-parts-plan-price-table u-none u-block--sm">
667            <table>
668                <thead>
669                    <tr>
670                        <th colspan="2">
671                            <span class="u-weight-bold js-plan-name">の料金</span>
672                        </th>
673                    </tr>
674                </thead>
675                <tbody>
676                    <tr>
677                                                    <th class="u-border-right">月契約</th>
678                                                <td class="u-width-100per">
679                            <div class="u-fs-lg js-one-month-price"></div>
680                        </td>
681                    </tr>
682                    <tr>
683                                                    <th class="u-border-right">1年契約</th>
684                                                <td class="u-width-100per">
685                            <div>
686                                <div class="u-flex u-flex-ai-center">
687                                    <div class="u-fs-lg u-weight-bold js-one-month-price-for-one-year-contract"></div>
688                                    <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ</div>
689                                </div>
690                                <div>
691                                    <span class="u-fs-xs u-color-gray-dark js-one-year-price"></span>
692                                </div>
693                            </div>
694                        </td>
695                    </tr>
696                    <tr>
697                                                    <th class="u-border-right">2年契約</th>
698                                                <td class="u-width-100per">
699                            <div>
700                                <div class="u-flex u-flex-ai-center">
701                                    <div class="u-fs-lg u-weight-bold js-one-month-price-for-two-years-contract"></div>
702                                    <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ</div>
703                                </div>
704                                <div>
705                                    <span class="u-fs-xs u-color-gray-dark js-two-years-price"></span>
706                                </div>
707                            </div>
708                        </td>
709                    </tr>
710                    <tr>
711                                                    <th class="u-border-right">5年契約</th>
712                                                <td class="u-width-100per">
713                            <div>
714                                <div class="u-flex u-flex-ai-center">
715                                    <div class="u-fs-lg u-weight-bold js-one-month-price-for-five-years-contract"></div>
716                                    <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ</div>
717                                </div>
718                                <div>
719                                    <span class="u-fs-xs u-color-gray-dark js-five-years-price"></span>
720                                </div>
721                            </div>
722                        </td>
723                    </tr>
724                </tbody>
725            </table>
726        </div>
727    </div>
728
729                    <div class="p-pricing-plan-parts-plan-price-table u-border-radius-lg mfp-hide"
730             id="js-price-per-plan-term-table-not-login"
731             style="text-align: center;">
732            <table>
733                <thead>
734                <tr>
735                    <th colspan="2">
736                        <span class="u-fs-md u-weight-bold js-plan-name">の料金</span>
737                    </th>
738                </tr>
739                </thead>
740                <tbody>
741                <tr>
742                    <th class="u-fs-md u-border-right">月契約</th>
743                    <td class="u-width-100per">
744                        <div class="u-fs-lg u-weight-bold js-one-month-price p-pricing-plan-parts__price-line"></div>
745                        <div class="u-fs-xs u-color-gray-dark js-one-month-price-with-tax p-pricing-plan-parts__price-tax-line"></div>
746                    </td>
747                </tr>
748                <tr>
749                    <th class="u-fs-md u-border-right">1年契約</th>
750                    <td class="u-width-100per">
751                        <div class="u-flex u-flex-direction-column p-pricing-plan-parts__price-column">
752                            <div class="u-flex u-flex-ai-center">
753                                <div class="u-fs-lg u-weight-bold js-one-month-price-for-one-year-contract p-pricing-plan-parts__price-row"></div>
754                                <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ
755                                </div>
756                            </div>
757                            <div class="u-fs-xs u-color-gray-dark js-one-month-price-for-one-year-contract-with-tax p-pricing-plan-parts__price-divider"></div>
758                            <div class="p-pricing-plan-parts__price-row">
759                                <span class="u-fs-xs u-color-gray-dark js-one-year-price"></span>
760                            </div>
761                            <div class="p-pricing-plan-parts__price-row">
762                                <span class="u-fs-xs u-color-gray-dark js-one-year-price-with-tax u-pl-0--sm p-pricing-plan-parts__price-indent"></span>
763                            </div>
764                        </div>
765                    </td>
766                </tr>
767                <tr>
768                    <th class="u-fs-md u-border-right">2年契約</th>
769                    <td class="u-width-100per">
770                        <div class="u-flex u-flex-direction-column p-pricing-plan-parts__price-column">
771                            <div class="u-flex u-flex-ai-center">
772                                <div class="u-fs-lg u-weight-bold js-one-month-price-for-two-years-contract p-pricing-plan-parts__price-row"></div>
773                                <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ
774                                </div>
775                            </div>
776                            <div class="u-fs-xs u-color-gray-dark js-one-month-price-for-two-years-contract-with-tax p-pricing-plan-parts__price-divider"></div>
777                            <div class="p-pricing-plan-parts__price-row">
778                                <span class="u-fs-xs u-color-gray-dark js-two-years-price"></span>
779                            </div>
780                            <div class="p-pricing-plan-parts__price-row">
781                                <span class="u-fs-xs u-color-gray-dark js-two-years-price-with-tax p-pricing-plan-parts__price-indent"></span>
782                            </div>
783                        </div>
784                    </td>
785                </tr>
786                <tr>
787                    <th class="u-fs-md u-border-right">5年契約</th>
788                    <td class="u-width-100per">
789                        <div class="u-flex u-flex-direction-column p-pricing-plan-parts__price-column">
790                            <div class="u-flex u-flex-ai-center">
791                                <div class="u-fs-lg u-weight-bold js-one-month-price-for-five-years-contract p-pricing-plan-parts__price-row"></div>
792                                <div class="p-pricing-plan-parts-plan-price-table__recommendation u-ml-sm">おすすめ
793                                </div>
794                            </div>
795                            <div class="u-fs-xs u-color-gray-dark js-one-month-price-for-five-years-contract-with-tax p-pricing-plan-parts__price-divider--with-margin"></div>
796                            <div class="p-pricing-plan-parts__price-row">
797                                <span class="u-fs-xs u-color-gray-dark js-five-years-price"></span>
798                            </div>
799                            <div class="p-pricing-plan-parts__price-row">
800                                <span class="u-fs-xs u-color-gray-dark js-five-years-price-with-tax p-pricing-plan-parts__price-indent"></span>
801                            </div>
802                        </div>
803                    </td>
804                </tr>
805                </tbody>
806            </table>
807            <button id="js-close-price-per-plan-term-table-popup" type="button"
808                    class="c-btn c-btn--light c-btn--md u-border-radius-sm u-mt-sm u-color-inherit">
809                閉じる
810            </button>
811        </div>
812    
813            <div class="p-pricing-plan-gif-overview">
814            <div class="p-pricing-plan-gif-overview__wrapper">
815                <div class="p-pricing-plan-gif-overview__title">
816                    全てのプランでご利用いただけます
817                </div>
818                <div class="p-pricing-plan-gif-overview__list">
819                    <div><i class="fa fa-check" aria-hidden="true"></i> 容量無制限のサーバー</div>
820                    <div><i class="fa fa-check" aria-hidden="true"></i> サブドメイン(https://〇〇.hp.peraichi.com)</div>
821                    <div><i class="fa fa-check" aria-hidden="true"></i> チャット・メール・オンライン個別相談によるサポート</div>
822                </div>
823            </div>
824        </div>
825
826                    <!-- CTA Section with orange background 1st -->
827            <div class="p-pricing-figma-cta-section p-pricing-section-spacing">
828                <div class="p-pricing-figma-cta-section__container">
829                    <div class="p-pricing-figma-cta-section__text">
830                        <span class="p-pricing-figma-cta-section__decor-left"></span>
831                        <p>\クレカ登録不要!/</p>
832                        <span class="p-pricing-figma-cta-section__decor-right"></span>
833                    </div>
834                    <div class="p-pricing-figma-cta-section__button-wrapper">
835                        <a href="/users/add?" class="p-pricing-figma-cta-section__button">
836                            今すぐ無料で試してみる
837                        </a>
838                    </div>
839                    <p class="p-pricing-figma-cta-section__note">※自動で有料プランに切り替わることはございません。</p>
840                </div>
841            </div>
842            
843            <div class="p-pricing-plan-white-wrapper">
844            <hr class="u-border-none u-mb-lg u-mt-lg">
845            <h2 class="p-pricing-plan-parts__heading u-mt-md">プラン別 機能比較表</h2>
846            <div id="responsiveBox" class="">
847                <div class="p-pricing-plan-parts-price-table u-align-center">
848                    <div class="p-pricing-plan-parts-price-table-pc">
849                        <div class="js-pricing-comparison-not-logged">
850<table class="p-pricing-plan-table-head">
851    <thead>
852    <tr>
853        <th class="u-border-right text-left">プラン名</th>
854        <th colspan="4">
855            <div class="p-pricing-plan-table-head__wrapper-head">
856                <div>
857                    <div>
858                        プロフェッショナル<br>プラン
859                    </div>
860                                        <div class="p-pricing-plan-table-head__price">
861                        <small class="p-pricing-plan-table-head__small">¥</small>6,980<small class="p-pricing-plan-table-head__small">/月</small>
862                    </div>
863                    <div class="p-pricing-plan-table-head__price-tax">(税込:7,678円)</div>
864                                    </div>
865                <div>
866                    <div class="p-pricing-plan-table-head__highlight">人気</div>
867                    <div class="p-pricing-plan-table-head__text">
868                        ビジネス <br>プラン
869                    </div>
870                                        <div class="p-pricing-plan-table-head__price">
871                        <small class="p-pricing-plan-table-head__small">¥</small>3,980<small class="p-pricing-plan-table-head__small">/月</small>
872                    </div>
873                    <div class="p-pricing-plan-table-head__price-tax">(税込:4,378円)</div>
874                                    </div>
875                <div>
876                    <div class="p-pricing-plan-table-head__text">
877                        レギュラー <br>プラン
878                    </div>
879                                        <div class="p-pricing-plan-table-head__price">
880                        <small class="p-pricing-plan-table-head__small">¥</small>2,980<small class="p-pricing-plan-table-head__small">/月</small>
881                    </div>
882                    <div class="p-pricing-plan-table-head__price-tax">(税込:3,278円)</div>
883                                    </div>
884                <div>
885                    <div class="p-pricing-plan-table-head__text">
886                        ライト <br>プラン
887                    </div>
888                                        <div class="p-pricing-plan-table-head__price">
889                        <small class="p-pricing-plan-table-head__small">¥</small>1,480<small class="p-pricing-plan-table-head__small">/月</small>
890                    </div>
891                    <div class="p-pricing-plan-table-head__price-tax">(税込:1,628円)</div>
892                                    </div>
893            </div>
894        </th>
895    </tr>
896    </thead>
897</table>
898<table>
899    <thead>
900    <tr class="js-pricing-question-accordion-toggle">
901        <th colspan="5">
902            <div class="p-pricing-question__thead_div">
903                ページ作成機能
904                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
905            </div>
906        </th>
907    </tr>
908    </thead>
909    <tbody class="js-pricing-question-item is-open">
910    <tr>
911        <td class="u-border-right text-left">公開ページ数
912            <span
913                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
914                ontouchstart=""
915                data-tooltip="作成しているページのうち、公開できるページの枚数です。"
916                data-mobile-balloon-pos="right">
917                            <i class="fa fa-question-circle"></i>
918                        </span>
919        </td>
920        <td>20</td>
921        <td>20</td>
922        <td>5</td>
923        <td>3</td>
924    </tr>
925    <tr>
926        <td class="u-border-right text-left">独自ドメイン設定
927            <span
928                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
929                ontouchstart=""
930                data-tooltip="ホームページのために購入したオリジナルのドメイン(独自ドメイン)を設定できます。"
931                data-mobile-balloon-pos="right">
932                            <i class="fa fa-question-circle"></i>
933                        </span>
934        </td>
935        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
936        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
937        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
938        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
939    </tr>
940    <tr>
941        <td class="u-border-right text-left">問合せフォーム設置
942            <span
943                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
944                ontouchstart=""
945                data-tooltip="問合せフォームをページに設定できます。"
946                data-mobile-balloon-pos="right">
947                            <i class="fa fa-question-circle"></i>
948                        </span>
949        </td>
950        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
951        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
952        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
953        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
954    </tr>
955    <tr>
956        <td class="u-border-right text-left">フォント/文字サイズ変更</td>
957        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
958        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
959        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
960        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
961    </tr>
962    <tr>
963        <td class="u-border-right text-left">テーマカラーカスタマイズ
964            <span
965                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
966                ontouchstart=""
967                data-tooltip="基本となるテーマカラーを自由な色に変更できます。"
968                data-mobile-balloon-pos="right">
969                            <i class="fa fa-question-circle"></i>
970                        </span>
971        </td>
972        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
973        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
974        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
975        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
976    </tr>
977    <tr>
978        <td class="u-border-right text-left">ページアニメーション
979            <span
980                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
981                ontouchstart=""
982                data-tooltip="ページをスクロールする際にアニメーション効果を設定できます。"
983                data-mobile-balloon-pos="right">
984                            <i class="fa fa-question-circle"></i>
985                        </span>
986        </td>
987        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
988        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
989        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
990        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
991    </tr>
992    <tr>
993        <td class="u-border-right text-left">広告非表示
994            <span
995                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
996                ontouchstart=""
997                data-tooltip="ヘッダーとフッターに表示される広告を削除できます。"
998                data-mobile-balloon-pos="right">
999                            <i class="fa fa-question-circle"></i>
1000                        </span>
1001        </td>
1002        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1003        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1004        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1005        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1006    </tr>
1007    <tr>
1008        <td class="u-border-right text-left">AIアシスト
1009            <span
1010                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1011                ontouchstart=""
1012                data-tooltip="キーワードを入力するとAIがキャッチコピーまたは文章を提案する「AIアシスト機能」が利用できます。"
1013                data-mobile-balloon-pos="right">
1014                            <i class="fa fa-question-circle"></i>
1015                        </span>
1016        </td>
1017        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1018        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1019        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1020        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1021    </tr>
1022    <tr>
1023        <td class="u-border-right text-left">HTML/CSS/JS埋め込み
1024            <span
1025                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1026                ontouchstart=""
1027                data-tooltip="ページのheadタグ内、body直下にお好きなタグを追加できます。"
1028                data-mobile-balloon-pos="right">
1029                            <i class="fa fa-question-circle"></i>
1030                        </span>
1031        </td>
1032        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1033        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1034        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1035        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1036    </tr>
1037    <tr>
1038        <td class="u-border-right text-left">テーマ変更/テーマCSS変更
1039            <span
1040                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1041                ontouchstart=""
1042                data-tooltip="ページ内のブロックや見出しなどのデザイン(テーマ)を一括で変更/テーマに使用されているCSSを自由に編集・上書きできます。"
1043                data-mobile-balloon-pos="right">
1044                            <i class="fa fa-question-circle"></i>
1045                        </span>
1046        </td>
1047        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1048        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1049        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1050        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1051    </tr>
1052    <tr>
1053        <td class="u-border-right text-left">パスワード保護
1054            <span
1055                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1056                ontouchstart=""
1057                data-tooltip="公開ページにパスワードを設定し、アクセス制限をかけることができます。"
1058                data-mobile-balloon-pos="right">
1059                            <i class="fa fa-question-circle"></i>
1060                        </span>
1061        </td>
1062        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1063        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1064        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1065        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1066    </tr>
1067    <tr>
1068        <td class="u-border-right text-left">ファイルダウンロード
1069            <span
1070                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1071                ontouchstart=""
1072                data-tooltip="ペライチのサーバーにファイルをアップロードして、ファイルダウンロード用のURLを作成できます。"
1073                data-mobile-balloon-pos="right">
1074                            <i class="fa fa-question-circle"></i>
1075                        </span>
1076        </td>
1077        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1078        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1079        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1080        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1081    </tr>
1082    <tr>
1083        <td class="u-border-right text-left">CMS (ブログ)
1084            <span
1085                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1086                ontouchstart=""
1087                data-tooltip="ブログや記事ページなどのコンテンツを作成できます。"
1088                data-mobile-balloon-pos="right">
1089                            <i class="fa fa-question-circle"></i>
1090                        </span>
1091        </td>
1092        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1093        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1094        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1095        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1096    </tr>
1097    <tr>
1098        <td class="u-border-right text-left">アカウント間ページ複製
1099            <span
1100                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1101                ontouchstart=""
1102                data-tooltip="作成したページを他のアカウントへ複製できます。"
1103                data-mobile-balloon-pos="right">
1104                            <i class="fa fa-question-circle"></i>
1105                        </span>
1106        </td>
1107        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1108        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1109        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1110        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1111    </tr>
1112</table>
1113<table>
1114    <thead>
1115    <tr class="js-pricing-question-accordion-toggle">
1116        <th colspan="5">
1117            <div class="p-pricing-question__thead_div">
1118                予約機能
1119                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1120            </div>
1121        </th>
1122    </tr>
1123    </thead>
1124    <tbody class="js-pricing-question-item is-open">
1125    <tr>
1126        <td class="u-border-right text-left">日程調整
1127            <span
1128                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1129                ontouchstart=""
1130                data-tooltip="Googleカレンダー連携で空き時間から日程調整、Google Meetの連携もできます。"
1131                data-mobile-balloon-pos="right">
1132                            <i class="fa fa-question-circle"></i>
1133                        </span>
1134        </td>
1135        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1136        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1137        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1138        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1139    </tr>
1140    <tr>
1141        <td class="u-border-right text-left">定期予約
1142            <span
1143                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1144                ontouchstart=""
1145                data-tooltip="毎日営業、定期開催のイベントなどの予約を受付できます。"
1146                data-mobile-balloon-pos="right">
1147                            <i class="fa fa-question-circle"></i>
1148                        </span>
1149        </td>
1150        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1151        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1152        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1153        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1154    </tr>
1155    <tr>
1156        <td class="u-border-right text-left">不定期予約
1157            <span
1158                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1159                ontouchstart=""
1160                data-tooltip="単発や不定期開催のイベントなどの予約を受付できます。"
1161                data-mobile-balloon-pos="right">
1162                            <i class="fa fa-question-circle"></i>
1163                        </span>
1164        </td>
1165        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1166        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1167        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1168        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1169    </tr>
1170    <tr>
1171        <td class="u-border-right text-left">事前決済予約
1172            <span
1173                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1174                ontouchstart=""
1175                data-tooltip="予約機能と決済機能を連携させ、予約と同時に決済ができます。"
1176                data-mobile-balloon-pos="right">
1177                            <i class="fa fa-question-circle"></i>
1178                        </span>
1179        </td>
1180        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1181        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1182        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1183        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1184    </tr>
1185    <tr>
1186        <td class="u-border-right text-left">複数コース予約
1187            <span
1188                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1189                ontouchstart=""
1190                data-tooltip="所要時間や枠数の異なる複数のコースを設定できます。"
1191                data-mobile-balloon-pos="right">
1192                            <i class="fa fa-question-circle"></i>
1193                        </span>
1194        </td>
1195        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1196        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1197        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1198        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1199    </tr>
1200    <tr>
1201        <td class="u-border-right text-left">順番予約
1202            <span
1203                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1204                ontouchstart=""
1205                data-tooltip="予約順に番号を付与し、「順番待ち」「お呼び出し」などのステータスで管理ができます。"
1206                data-mobile-balloon-pos="right">
1207                            <i class="fa fa-question-circle"></i>
1208                        </span>
1209        </td>
1210        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1211        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1212        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1213        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1214    </tr>
1215    </tbody>
1216</table>
1217<table>
1218    <thead>
1219    <tr class="js-pricing-question-accordion-toggle">
1220        <th colspan="5">
1221            <div class="p-pricing-question__thead_div">
1222                決済機能
1223                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1224            </div>
1225        </th>
1226    </tr>
1227    </thead>
1228    <tbody class="js-pricing-question-item is-open">
1229    <tr>
1230        <td class="u-border-right text-left">物販/配信/ダウンロード/役務</td>
1231        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1232        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1233        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1234        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1235    </tr>
1236    <tr>
1237        <td class="u-border-right text-left">定期便/サブスクリプション</td>
1238        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1239        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1240        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1241        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1242    </tr>
1243    <tr>
1244        <td class="u-border-right text-left">リンク請求
1245            <span
1246                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1247                ontouchstart=""
1248                data-tooltip="決済用のURLやQRコードを簡単に作成し、すぐに請求・支払いができます"
1249                data-mobile-balloon-pos="right">
1250                            <i class="fa fa-question-circle"></i>
1251                        </span>
1252        </td>
1253        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1254        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1255        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1256        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1257    </tr>
1258    </tbody>
1259</table>
1260<table>
1261    <thead>
1262    <tr class="js-pricing-question-accordion-toggle">
1263        <th colspan="5">
1264            <div class="p-pricing-question__thead_div">
1265                マーケティング機能
1266                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1267            </div>
1268        </th>
1269    </tr>
1270    </thead>
1271    <tbody class="js-pricing-question-item is-open">
1272    <tr>
1273        <td class="u-border-right text-left">SNS連携
1274            <span
1275                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1276                ontouchstart=""
1277                data-tooltip="Facebook・X・LINE・Instagramが提供するプラグインをページ内に設置できます。"
1278                data-mobile-balloon-pos="right">
1279                            <i class="fa fa-question-circle"></i>
1280                        </span>
1281        </td>
1282        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1283        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1284        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1285        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1286    </tr>
1287    <tr>
1288        <td class="u-border-right text-left">アクセス解析機能
1289            <span
1290                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1291                ontouchstart=""
1292                data-tooltip="直近3ヶ月のPV数(ページ閲覧数)、UU数(閲覧ユーザー数)をグラフ付きで確認できます。"
1293                data-mobile-balloon-pos="right">
1294                            <i class="fa fa-question-circle"></i>
1295                        </span>
1296        </td>
1297        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1298        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1299        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1300        <td><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1301    </tr>
1302    <tr>
1303        <td class="u-border-right text-left">メールマガジン
1304            <span
1305                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1306                ontouchstart=""
1307                data-tooltip="顧客管理の顧客を対象に、商品・サービスの紹介やお知らせなどのメールを送信できます。"
1308                data-mobile-balloon-pos="right">
1309                            <i class="fa fa-question-circle"></i>
1310                        </span>
1311        </td>
1312        <td class="text-center"><span class="p-pricing-mark-yes u-ml-0" title="含まれています"></span><a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※1</a></td>
1313        <td class="text-center"><span class="p-pricing-mark-yes u-ml-0" title="含まれています"></span><a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※1</a></td>
1314        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1315        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1316    </tr>
1317    </tbody>
1318</table>
1319<table>
1320    <thead>
1321    <tr class="js-pricing-question-accordion-toggle">
1322        <th colspan="5">
1323            <div class="p-pricing-question__thead_div">
1324                その他サービス・サポート等
1325                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1326            </div>
1327        </th>
1328    </tr>
1329    </thead>
1330    <tbody class="js-pricing-question-item is-open">
1331    <tr>
1332        <td class="u-border-right text-left">無料個別サポート
1333            <span
1334                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1335                ontouchstart=""
1336                data-tooltip="専属アドバイザーと1対1のオンライン個別サポートが無料で利用できます。"
1337                data-mobile-balloon-pos="right">
1338                            <i class="fa fa-question-circle"></i>
1339                        </span>
1340        </td>
1341        <td>無制限</td>
1342        <td>月3回まで</td>
1343        <td>3回まで <a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※2</a></td>
1344        <td>3回まで <a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※2</a></td>
1345    </tr>
1346    <tr>
1347        <td class="u-border-right text-left">チャットサポート
1348            <span
1349                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1350                ontouchstart=""
1351                data-tooltip="チャットでお問合せができます。"
1352                data-mobile-balloon-pos="right">
1353                            <i class="fa fa-question-circle"></i>
1354                        </span>
1355        </td>
1356        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1357        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1358        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1359        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1360    </tr>
1361    <tr>
1362        <td class="u-border-right text-left">メールサポート
1363            <span
1364                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1365                ontouchstart=""
1366                data-tooltip="メールでお問合せができます。"
1367                data-mobile-balloon-pos="right">
1368                            <i class="fa fa-question-circle"></i>
1369                        </span>
1370        </td>
1371        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1372        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1373        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1374        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1375    </tr>
1376    <tr>
1377        <td class="u-border-right text-left">セミナー
1378            <span
1379                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1380                ontouchstart=""
1381                data-tooltip="ページ作成や各種機能の解説セミナーを受講できます。"
1382                data-mobile-balloon-pos="right">
1383                            <i class="fa fa-question-circle"></i>
1384                        </span>
1385        </td>
1386        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1387        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1388        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1389        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1390    </tr>
1391    <tr>
1392        <td class="u-border-right text-left">ワークスペース
1393            <span
1394                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1395                ontouchstart=""
1396                data-tooltip="アカウントにメンバーを招待することができ、複数人で共同利用・共同編集ができます。"
1397                data-mobile-balloon-pos="right">
1398                            <i class="fa fa-question-circle"></i>
1399                        </span>
1400        </td>
1401        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1402        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1403        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1404        <td><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1405    </tr>
1406    <tr>
1407        <td class="u-border-right text-left">決済Lite
1408            <span
1409                class="p-pricing-plan-parts-price-table-pc__c-tooltip p-pricing-plan-parts-price-table-pc__c-tooltip--upper p-pricing-tooltip"
1410                ontouchstart=""
1411                data-tooltip="月額費用無料でネット販売を始められる、スマホ特化の決済サービス"
1412                data-mobile-balloon-pos="right">
1413                            <i class="fa fa-question-circle"></i>
1414                        </span>
1415        </td>
1416        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1417        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1418        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1419        <td><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1420    </tr>
1421    </tbody>
1422</table>
1423</div>
1424                    </div>
1425                    <div class="p-pricing-plan-parts-price-table-mobile">
1426                        <div class="js-pricing-comparison-not-logged">
1427<table class="p-pricing-plan-table-head p-pricing-plan-table-head__mobile">
1428    <thead>
1429    <tr>
1430        <th>
1431            <div class="p-pricing-plan-table-head__mobile__wrapper-head">
1432                <div class="p-pricing-plan-item active-plan" data-plan="professional-plan">
1433                    <div>
1434                        プロフェッショナル<br>プラン
1435                    </div>
1436                                        <div class="p-pricing-plan-table-head__price">
1437                        <small class="p-pricing-plan-table-head__small">¥</small>6,980<small class="p-pricing-plan-table-head__small">/月</small>
1438                    </div>
1439                    <div class="p-pricing-plan-table-head__price-tax">(税込:7,678円)</div>
1440                                    </div>
1441                <div class="p-pricing-plan-item" data-plan="business-plan">
1442                    <div class="p-pricing-plan-table-head__highlight">人気</div>
1443                    <div class="p-pricing-plan-table-head__text">
1444                        ビジネス <br>プラン
1445                    </div>
1446                                        <div class="p-pricing-plan-table-head__price">
1447                        <small class="p-pricing-plan-table-head__small">¥</small>3,980<small class="p-pricing-plan-table-head__small">/月</small>
1448                    </div>
1449                    <div class="p-pricing-plan-table-head__price-tax">(税込:4,378円)</div>
1450                                    </div>
1451                <div class="p-pricing-plan-item" data-plan="regular-plan">
1452                    <div class="p-pricing-plan-table-head__text">
1453                        レギュラー <br>プラン
1454                    </div>
1455                                        <div class="p-pricing-plan-table-head__price">
1456                        <small class="p-pricing-plan-table-head__small">¥</small>2,980<small class="p-pricing-plan-table-head__small">/月</small>
1457                    </div>
1458                    <div class="p-pricing-plan-table-head__price-tax">(税込:3,278円)</div>
1459                                    </div>
1460                <div class="p-pricing-plan-item" data-plan="light-plan">
1461                    <div class="p-pricing-plan-table-head__text">
1462                        ライト <br>プラン
1463                    </div>
1464                                        <div class="p-pricing-plan-table-head__price">
1465                        <small class="p-pricing-plan-table-head__small">¥</small>1,480<small class="p-pricing-plan-table-head__small">/月</small>
1466                    </div>
1467                    <div class="p-pricing-plan-table-head__price-tax">(税込:1,628円)</div>
1468                                    </div>
1469            </div>
1470        </th>
1471    </tr>
1472    </thead>
1473</table>
1474<table>
1475    <thead>
1476    <tr class="js-pricing-question-accordion-toggle">
1477        <th colspan="2">
1478            <div class="p-pricing-question__thead_div">
1479                ページ作成機能
1480                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1481            </div>
1482        </th>
1483    </tr>
1484    </thead>
1485    <tbody class="js-pricing-question-item is-open">
1486    <tr>
1487        <td class="u-border-right text-left">公開ページ数
1488            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1489                  data-tooltip="作成しているページのうち、公開できるページの枚数です。"
1490                  data-mobile-balloon-pos="right">
1491                            <i class="fa fa-question-circle"></i>
1492                        </span>
1493        </td>
1494        <td class="professional-plan p-pricing-plan-item-selected active-plan">20</td>
1495        <td class="business-plan p-pricing-plan-item-selected">20</td>
1496        <td class="regular-plan p-pricing-plan-item-selected">5</td>
1497        <td class="light-plan p-pricing-plan-item-selected">3</td>
1498    </tr>
1499    <tr>
1500        <td class="u-border-right text-left">独自ドメイン設定
1501            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1502                  data-tooltip="ホームページのために購入したオリジナルのドメイン(独自ドメイン)を設定できます。"
1503                  data-mobile-balloon-pos="right">
1504                            <i class="fa fa-question-circle"></i>
1505                        </span>
1506        </td>
1507        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1508        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1509        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1510        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1511    </tr>
1512    <tr>
1513        <td class="u-border-right text-left">問合せフォーム設置
1514            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1515                  data-tooltip="問合せフォームをページに設定できます。"
1516                  data-mobile-balloon-pos="right">
1517                            <i class="fa fa-question-circle"></i>
1518                        </span>
1519        </td>
1520        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1521        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1522        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1523        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1524    </tr>
1525    <tr>
1526        <td class="u-border-right text-left">フォント/文字サイズ変更</td>
1527        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1528        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1529        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1530        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1531    </tr>
1532    <tr>
1533        <td class="u-border-right text-left">テーマカラーカスタマイズ
1534            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1535                  data-tooltip="基本となるテーマカラーを自由な色に変更できます。"
1536                  data-mobile-balloon-pos="right">
1537                            <i class="fa fa-question-circle"></i>
1538                        </span>
1539        </td>
1540        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1541        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1542        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1543        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1544    </tr>
1545    <tr>
1546        <td class="u-border-right text-left">ページアニメーション
1547            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1548                  data-tooltip="ページをスクロールする際にアニメーション効果を設定できます。"
1549                  data-mobile-balloon-pos="right">
1550                            <i class="fa fa-question-circle"></i>
1551                        </span>
1552        </td>
1553        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1554        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1555        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1556        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1557    </tr>
1558    <tr>
1559        <td class="u-border-right text-left">広告非表示
1560            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1561                  data-tooltip="ヘッダーとフッターに表示される広告を削除できます。"
1562                  data-mobile-balloon-pos="right">
1563                            <i class="fa fa-question-circle"></i>
1564                        </span>
1565        </td>
1566        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1567        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1568        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1569        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1570    </tr>
1571    <tr>
1572        <td class="u-border-right text-left">AIアシスト
1573            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1574                  data-tooltip="キーワードを入力するとAIがキャッチコピーまたは文章を提案する「AIアシスト機能」が利用できます。"
1575                  data-mobile-balloon-pos="right">
1576                            <i class="fa fa-question-circle"></i>
1577                        </span>
1578        </td>
1579        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1580        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1581        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1582        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1583    </tr>
1584    <tr>
1585        <td class="u-border-right text-left">HTML/CSS/JS埋め込み
1586            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1587                  data-tooltip="ページのheadタグ内、body直下にお好きなタグを追加できます。"
1588                  data-mobile-balloon-pos="right">
1589                            <i class="fa fa-question-circle"></i>
1590                        </span>
1591        </td>
1592        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1593        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1594        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1595        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1596    </tr>
1597    <tr>
1598        <td class="u-border-right text-left">テーマ変更/テーマCSS変更
1599            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1600                  data-tooltip="ページ内のブロックや見出しなどのデザイン(テーマ)を一括で変更/テーマに使用されているCSSを自由に編集・上書きできます。"
1601                  data-mobile-balloon-pos="right">
1602                            <i class="fa fa-question-circle"></i>
1603                        </span>
1604        </td>
1605        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1606        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1607        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1608        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1609    </tr>
1610    <tr>
1611        <td class="u-border-right text-left">パスワード保護
1612            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1613                  data-tooltip="公開ページにパスワードを設定し、アクセス制限をかけることができます。"
1614                  data-mobile-balloon-pos="right">
1615                            <i class="fa fa-question-circle"></i>
1616                        </span>
1617        </td>
1618        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1619        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1620        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1621        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1622    </tr>
1623    <tr>
1624        <td class="u-border-right text-left">ファイルダウンロード
1625            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1626                  data-tooltip="ペライチのサーバーにファイルをアップロードして、ファイルダウンロード用のURLを作成できます。"
1627                  data-mobile-balloon-pos="right">
1628                            <i class="fa fa-question-circle"></i>
1629                        </span>
1630        </td>
1631        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1632        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1633        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1634        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1635    </tr>
1636    <tr>
1637        <td class="u-border-right text-left">CMS (ブログ)
1638            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1639                  data-tooltip="ブログや記事ページなどのコンテンツを作成できます。"
1640                  data-mobile-balloon-pos="right">
1641                            <i class="fa fa-question-circle"></i>
1642                        </span>
1643        </td>
1644        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1645        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1646        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1647        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1648    </tr>
1649    <tr>
1650        <td class="u-border-right text-left">アカウント間ページ複製
1651            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1652                  data-tooltip="ブログや記事ページなどのコンテンツを作成できます。"
1653                  data-mobile-balloon-pos="right">
1654                            <i class="fa fa-question-circle"></i>
1655                        </span>
1656        </td>
1657        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1658        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1659        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1660        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1661    </tr>
1662</table>
1663<table>
1664    <thead>
1665    <tr class="js-pricing-question-accordion-toggle">
1666        <th colspan="2">
1667            <div class="p-pricing-question__thead_div">
1668                予約機能
1669                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1670            </div>
1671        </th>
1672    </tr>
1673    </thead>
1674    <tbody class="js-pricing-question-item is-open">
1675    <tr>
1676        <td class="u-border-right text-left">日程調整
1677            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1678                  data-tooltip="Googleカレンダー連携で空き時間から日程調整、Google Meetの連携もできます。"
1679                  data-mobile-balloon-pos="right">
1680                            <i class="fa fa-question-circle"></i>
1681                        </span>
1682        </td>
1683        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1684        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1685        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1686        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1687    </tr>
1688    <tr>
1689        <td class="u-border-right text-left">定期予約
1690            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1691                  data-tooltip="毎日営業、定期開催のイベントなどの予約を受付できます。"
1692                  data-mobile-balloon-pos="right">
1693                            <i class="fa fa-question-circle"></i>
1694                        </span>
1695        </td>
1696        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1697        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1698        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1699        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1700    </tr>
1701    <tr>
1702        <td class="u-border-right text-left">不定期予約
1703            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1704                  data-tooltip="単発や不定期開催のイベントなどの予約を受付できます。"
1705                  data-mobile-balloon-pos="right">
1706                            <i class="fa fa-question-circle"></i>
1707                        </span>
1708        </td>
1709        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1710        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1711        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1712        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1713    </tr>
1714    <tr>
1715        <td class="u-border-right text-left">事前決済予約
1716            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1717                  data-tooltip="予約機能と決済機能を連携させ、予約と同時に決済ができます。"
1718                  data-mobile-balloon-pos="right">
1719                            <i class="fa fa-question-circle"></i>
1720                        </span>
1721        </td>
1722        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1723        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1724        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1725        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1726    </tr>
1727    <tr>
1728        <td class="u-border-right text-left">複数コース予約
1729            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1730                  data-tooltip="所要時間や枠数の異なる複数のコースを設定できます。"
1731                  data-mobile-balloon-pos="right">
1732                            <i class="fa fa-question-circle"></i>
1733                        </span>
1734        </td>
1735        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1736        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1737        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1738        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1739    </tr>
1740    <tr>
1741        <td class="u-border-right text-left">順番予約
1742            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1743                  data-tooltip="予約順に番号を付与し、「順番待ち」「お呼び出し」などのステータスで管理ができます。"
1744                  data-mobile-balloon-pos="right">
1745                            <i class="fa fa-question-circle"></i>
1746                        </span>
1747        </td>
1748        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1749        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1750        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1751        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1752    </tr>
1753    </tbody>
1754</table>
1755<table>
1756    <thead>
1757    <tr class="js-pricing-question-accordion-toggle">
1758        <th colspan="5">
1759            <div class="p-pricing-question__thead_div">
1760                決済機能
1761                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1762            </div>
1763        </th>
1764    </tr>
1765    </thead>
1766    <tbody class="js-pricing-question-item is-open">
1767    <tr>
1768        <td class="u-border-right text-left">物販/配信/ダウンロード/役務</td>
1769        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1770        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1771        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1772        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1773    </tr>
1774    <tr>
1775        <td class="u-border-right text-left">定期便/サブスクリプション</td>
1776        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1777        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1778        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1779        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1780    </tr>
1781    <tr>
1782        <td class="u-border-right text-left">リンク請求
1783            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1784                  data-tooltip="決済用のURLやQRコードを簡単に作成し、すぐに請求・支払いができます"
1785                  data-mobile-balloon-pos="right">
1786                            <i class="fa fa-question-circle"></i>
1787                        </span>
1788        </td>
1789        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1790        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1791        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1792        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1793    </tr>
1794    </tbody>
1795</table>
1796<table>
1797    <thead>
1798    <tr class="js-pricing-question-accordion-toggle">
1799        <th colspan="5">
1800            <div class="p-pricing-question__thead_div">
1801                マーケティング機能
1802                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1803            </div>
1804        </th>
1805    </tr>
1806    </thead>
1807    <tbody class="js-pricing-question-item is-open">
1808    <tr>
1809        <td class="u-border-right text-left">SNS連携
1810            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1811                  data-tooltip="Facebook・X・LINE・Instagramが提供するプラグインをページ内に設置できます。"
1812                  data-mobile-balloon-pos="right">
1813                            <i class="fa fa-question-circle"></i>
1814                        </span>
1815        </td>
1816        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1817        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1818        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1819        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1820    </tr>
1821    <tr>
1822        <td class="u-border-right text-left">アクセス解析機能
1823            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1824                  data-tooltip="専属アドバイザーと1対1のオンライン個別サポートが無料で利用できます。"
1825                  data-mobile-balloon-pos="right">
1826                            <i class="fa fa-question-circle"></i>
1827                        </span>
1828        </td>
1829        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1830        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1831        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1832        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれています"></span></td>
1833    </tr>
1834    <tr>
1835        <td class="u-border-right text-left">メールマガジン
1836            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1837                  data-tooltip="顧客管理の顧客を対象に、商品・サービスの紹介やお知らせなどのメールを送信できます。"
1838                  data-mobile-balloon-pos="right">
1839                            <i class="fa fa-question-circle"></i>
1840                        </span>
1841        </td>
1842        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes u-ml-0" title="含まれています"></span>
1842<a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※1</a></td>
1843        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes u-ml-0" title="含まれています"></span><a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※1</a></td>
1844        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1845        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1846    </tr>
1847    </tbody>
1848</table>
1849<table>
1850    <thead>
1851    <tr class="js-pricing-question-accordion-toggle">
1852        <th colspan="5">
1853            <div class="p-pricing-question__thead_div">
1854                その他サービス・サポート等
1855                <span class="p-pricing-faq__accordion-toggle-icon js-pricing-question-accordion-toggle-icon u-ml-sm is-open"></span>
1856            </div>
1857        </th>
1858    </tr>
1859    </thead>
1860    <tbody class="js-pricing-question-item is-open">
1861    <tr>
1862        <td class="u-border-right text-left">無料個別サポート
1863            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1864                  data-tooltip="専属アドバイザーと1対1のオンライン個別サポートが無料で利用できます。"
1865                  data-mobile-balloon-pos="right">
1866                            <i class="fa fa-question-circle"></i>
1867                        </span>
1868        </td>
1869        <td class="professional-plan p-pricing-plan-item-selected active-plan">無制限</td>
1870        <td class="business-plan p-pricing-plan-item-selected">月3回まで</td>
1871        <td class="regular-plan p-pricing-plan-item-selected">3回まで <a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※2</a></td>
1872        <td class="light-plan p-pricing-plan-item-selected">3回まで <a class="u-weight-bold" href="#p-pricing-plan-question-annotation">※2</a></td>
1873    </tr>
1874    <tr>
1875        <td class="u-border-right text-left">チャットサポート
1876            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1877                  data-tooltip="チャットでお問合せができます。"
1878                  data-mobile-balloon-pos="right">
1879                            <i class="fa fa-question-circle"></i>
1880                        </span>
1881        </td>
1882        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1883        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1884        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1885        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1886    </tr>
1887    <tr>
1888        <td class="u-border-right text-left">メールサポート
1889            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1890                  data-tooltip="メールでお問合せができます。"
1891                  data-mobile-balloon-pos="right">
1892                            <i class="fa fa-question-circle"></i>
1893                        </span>
1894        </td>
1895        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1896        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1897        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1898        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1899    </tr>
1900    <tr>
1901        <td class="u-border-right text-left">セミナー
1902            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1903                  data-tooltip="ページ作成や各種機能の解説セミナーを受講できます。"
1904                  data-mobile-balloon-pos="right">
1905                            <i class="fa fa-question-circle"></i>
1906                        </span>
1907        </td>
1908        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1909        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1910        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1911        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1912    </tr>
1913    <tr>
1914        <td class="u-border-right text-left">ワークスペース
1915            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1916                  data-tooltip="アカウントにメンバーを招待することができ、複数人で共同利用・共同編集ができます。"
1917                  data-mobile-balloon-pos="right">
1918                            <i class="fa fa-question-circle"></i>
1919                        </span>
1920        </td>
1921        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1922        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1923        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1924        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-nope" title="含まれていません"></span></td>
1925    </tr>
1926    <tr>
1927        <td class="u-border-right text-left">決済Lite
1928            <span class="c-tooltip c-tooltip--upper p-pricing-tooltip" ontouchstart=""
1929                  data-tooltip="月額費用無料でネット販売を始められる、スマホ特化の決済サービス"
1930                  data-mobile-balloon-pos="right">
1931                            <i class="fa fa-question-circle"></i>
1932                        </span>
1933        </td>
1934        <td class="professional-plan p-pricing-plan-item-selected active-plan"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1935        <td class="business-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1936        <td class="regular-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1937        <td class="light-plan p-pricing-plan-item-selected"><span class="p-pricing-mark-yes" title="含まれています"></span></td>
1938    </tr>
1939    </tbody>
1940</table>
1941</div>
1942                    </div>
1943                    <div class="u-pt-sm u-align-left p-pricing-plan-question-annotation" id="p-pricing-plan-question-annotation">
1944                        <div><span>※1</span> <span>3,000通/月まで無料 3,001通目より費用が発生します。 (1,000通あたり550円 (税込) )。</span></div>
1945                        <div><span>※2</span> <span>4回目以降は1回あたり税込5,000円お支払いいただくことで参加可能です。</span></div>
1946                    </div>
1947                    <div class="p-pricing-plan-workspace-overview" style="border: 1px solid #CCCCCC; border-radius: 8px">
1948    <div class="p-pricing-plan-workspace-overview__header">
1949        <span>複数人でのご利用を検討されている方向け</span>
1950    </div>
1951    <div class="p-pricing-plan-workspace-overview__wrapper">
1952        <div class="p-pricing-plan-workspace-overview__title">
1953            <div class="p-pricing-plan-workspace-overview__title--bold">ワークスペース機能のご紹介</div>
1954            <div class="p-pricing-plan-workspace-overview__description__title">
1955                <p class="p-pricing-plan-workspace-overview__description__title">複数のアカウントを招待し、</p>
1956                <p class="p-pricing-plan-workspace-overview__description__title">役割(ロール)によって利用できる機能を制限することができます。</p>
1957            </div>
1958            <div class="p-pricing-plan-workspace-overview__description__mobile">
1959                <div class="p-pricing-plan-workspace-overview__description_intro">
1960                    <img src="/img/workspace/workspace_intro.png" alt="ワークスペース機能の説明図">
1961                </div>
1962            </div>
1963        </div>
1964        <div class="p-pricing-plan-workspace-overview__description">
1965            <div class="p-pricing-plan-workspace-overview__description_intro">
1966                <img src="/img/workspace/workspace_intro.png" alt="ワークスペース機能の説明図">
1967            </div>
1968        </div>
1969    </div>
1970    <div class="p-pricing-plan-workspace-overview__pricing">
1971        <div class="p-pricing-plan-workspace-overview__pricing__card">
1972            <p class="p-pricing-plan-workspace-overview__pricing__card__title">ビジネスプラン・プロフェッショナルプランなら招待アカウント数無制限で利用できます。</p>
1973        </div>
1974    </div>
1975</div>
1976                </div>
1977            </div>
1978            <section class="p-pricing-container p-pricing-container--lg p-pricing-section" id="paymentMethod">
1979                <h2 class="p-pricing-plan-parts__heading"><span>お支払い方法</span></h2>
1980                <div class="p-pricing-payment-method">
1981                    <div class="p-pricing-payment-method__body">
1982                        <h3 class="u-mb-xs u-weight-bold">クレジットカード払い</h3>
1983                        <div class="u-fs-sm">
1984                            対応カード:VISA / Master / AMERICAN EXPRESS / JCB / Diners Club<br>
1985                            ※契約期間満了日の翌日(契約更新日)に自動で課金されます
1986                        </div>
1987                        <h3 class="u-mt-md u-mb-xs u-weight-bold">請求書払い(Paid後払い)</h3>
1988                        <div class="u-fs-sm">
1989                            支払い方法:銀行振込 / 口座振替 / コンビニ払い<br>
1990                            ※請求書払いは個人事業主/法人のみご利用いただけます
1991                        </div>
1992                    </div>
1993                    <p class="p-pricing-payment-method__faqBtn">
1994                        <a
1995                           href="https://peraichi.zendesk.com/hc/ja/sections/360003899374-%E3%83%97%E3%83%A9%E3%83%B3%E5%A5%91%E7%B4%84"
1996                           target="_blank"
1997                           rel="noopener"
1998                        >
1999                            有料プランについてのよくあるご質問
2000                        </a>
2001                    </p>
2002                </div>
2003            </section>
2004        </div>
2005    
2006            <!-- CTA Section with orange background 2nd -->
2007        <div class="p-pricing-figma-cta-section">
2008            <div class="p-pricing-figma-cta-section__container">
2009                <div class="p-pricing-figma-cta-section__text">
2010                    <span class="p-pricing-figma-cta-section__decor-left"></span>
2011                    <p>\クレカ登録不要!/</p>
2012                    <span class="p-pricing-figma-cta-section__decor-right"></span>
2013                </div>
2014                <div class="p-pricing-figma-cta-section__button-wrapper">
2015                    <a href="/users/add?" class="p-pricing-figma-cta-section__button">
2016                        今すぐ無料で試してみる
2017                    </a>
2018                </div>
2019                <p class="p-pricing-figma-cta-section__note">※自動で有料プランに切り替わることはございません。</p>
2020            </div>
2021        </div>
2022    
2023
2024    <h2 class="p-pricing-plan-parts__heading">手数料について</h2>
2025    <div class="p-pricing-plan-parts-price-table u-align-center">
2026        <p class="u-align-left u-mb-md">
2027            決済・予約(事前決済)については売上に応じて決済手数料がかかります。
2028        </p>
2029        <table>
2030            <thead>
2031                <tr>
2032                    <th style="min-width: 170px; width: 170px;"></th>
2033                    <th class="u-border-right" style="min-width: 120px; width: 120px;"></th>
2034                    <th>プロフェッショナルプラン</th>
2035                    <th>ビジネスプラン</th>
2036                    <th>レギュラープラン</th>
2037                    <th>ライトプラン</th>
2038                </tr>
2039            </thead>
2040            <tbody>
2041                <tr>
2042                    <th style="min-width: 170px; width: 170px;">決済</th>
2043                    <th class="u-border-right" style="min-width: 120px; width: 120px;">決済手数料</th>
2044                    <td>4.5%〜</td>
2045                    <td>4.5%〜</td>
2046                    <td>4.5%〜</td>
2047                    <td>6.0%〜</td>
2048                </tr>
2049                <tr>
2050                    <th style="min-width: 170px; width: 170px;">予約(事前決済)</th>
2051                    <th class="u-border-right" style="min-width: 120px; width: 120px;">決済手数料</th>
2052                    <td>4.5%〜</td>
2053                    <td>6.0%〜</td>
2054                    <td>x</td>
2055                    <td>x</td>
2056                </tr>
2057            </tbody>
2058        </table>
2059        <div class="u-align-left u-mt-sm">
2060            <p class="u-mb-sm">注意事項</p>
2061            <ul class="notice-list">
2062                <li>上記の「決済手数料」はVISA・Master Cardの場合です。
2063                    <a href="https://support.peraichi.com/hc/ja/articles/360023854473-%E3%83%9A%E3%83%A9%E3%82%A4%E3%83%81%E6%B1%BA%E6%B8%88%E6%89%8B%E6%95%B0%E6%96%99"
2064                       target="_blank" rel="noopener">支払い手段別の決済手数料について</a>
2065                </li>
2066                <li>事前決済の利用には、ビジネスプランまたはプロフェッショナルプランの契約が必要となります。</li>
2067                <li>決済Liteについては、ライトプランと同等の手数料が適用されます。</li>
2068            </ul>
2069        </div>
2070    </div>
2071    
2072    
2072<script src="/cjs/dist/pricing_plan.js?1790225015"></script>
2072</section>
2073
2074<script>
2075    function updateClassByScreenSize() {
2076        const $box = $('#responsiveBox');
2077        const isTabletOrLarger = window.matchMedia('(min-width: 768px)').matches;
2078
2079        if (isTabletOrLarger) {
2080            $box.addClass('u-ml-lg u-mr-lg');
2081        } else {
2082            $box.removeClass('u-ml-lg u-mr-lg');
2083        }
2084    }
2085
2086    $(document).ready(function() {
2087        updateClassByScreenSize();
2088        $(window).on('resize', updateClassByScreenSize);
2089    });
2090</script>
2090
2091
2092    <!-- / お支払い方法 -->
2093    <section class="p-pricing-container p-pricing-container--lg p-pricing-section" id="p-pricing-question-section">
2094        <h2 class="p-pricing-plan-parts__heading u-mt-md">よくある質問</h2>
2095        <ul>
2096                <li>
2097            <button class="p-pricing-faq__accordion-toggle js-pricing-faq-accordion-toggle">
2098                無料のトライアル期間終了後、自動的に有料プランに切り替わりますか<span class="p-pricing-faq__accordion-toggle-icon js-pricing-faq-accordion-toggle-icon u-ml-sm"></span>
2099            </button>
2100            <div class="p-pricing-faq__item js-pricing-faq-item">
2101                <p>「お試しビジネスプラン」の終了後、自動で有料プランに切り替わることはございません。</p>
2102            </div>
2103        </li>
2104        <li>
2105            <button class="p-pricing-faq__accordion-toggle js-pricing-faq-accordion-toggle">
2106                繁忙期のみ契約することはできますか<span class="p-pricing-faq__accordion-toggle-icon js-pricing-faq-accordion-toggle-icon u-ml-sm"></span>
2107            </button>
2108            <div class="p-pricing-faq__item js-pricing-faq-item">
2109                                <p>ペライチは1ヶ月単位からご利用いただくことが可能です。</p>
2110                            </div>
2111        </li>
2112        <li>
2113            <button class="p-pricing-faq__accordion-toggle js-pricing-faq-accordion-toggle">
2114                プラン契約の期間中にアップグレード・ダウングレードはできますか<span class="p-pricing-faq__accordion-toggle-icon js-pricing-faq-accordion-toggle-icon u-ml-sm"></span>
2115            </button>
2116            <div class="p-pricing-faq__item js-pricing-faq-item">
2117                <p>ご契約開始後のキャンセル・返金は承っておりません。予めご了承ください。</p>
2118                <p>上位プランへのご契約変更 (アップグレード) をご希望の場合は、日割清算で即日、新プランが反映されます。</p>
2119                <p>下位プランへのご契約変更 (ダウングレード) をご希望の場合は、現契約の契約期間満了後に新たな契約期間が開始されます。</p>
2120                <p>詳しくは<a href="https://support.peraichi.com/hc/ja/articles/360022583554" target="_blank">こちら</a></p>
2121            </div>
2122        </li>
2123        <li>
2124            <button class="p-pricing-faq__accordion-toggle js-pricing-faq-accordion-toggle">
2125                各プランの公開ページ数以上のページを作成・公開することはできますか?<span class="p-pricing-faq__accordion-toggle-icon js-pricing-faq-accordion-toggle-icon u-ml-sm"></span>
2126            </button>
2127            <div class="p-pricing-faq__item js-pricing-faq-item">
2128                <p>ライト/レギュラープランをご契約の場合は、より上位のプランへアップグレードをお願いいたします。</p>
2129                <p>ビジネス/プロフェッショナルプランをご契約のユーザー様で20ページ以上の公開ページ数が必要な場合は、別途「ページ追加オプション」 (1ページあたり : 330円/月) をお申込みください。</p>
2130            </div>
2131        </li>
2132        </ul>
2133        
2133<script type="application/ld+json">
2134        {
2135            "@context": "https://schema.org",
2136            "@type": "FAQPage",
2137            "mainEntity": [
2138                {
2139                    "@type": "Question",
2140                    "name": "無料のトライアル期間終了後、自動的に有料プランに切り替わりますか",
2141                    "acceptedAnswer": {
2142                        "@type": "Answer",
2143                        "text": "<p>「お試しビジネスプラン」の終了後、自動で有料プランに切り替わることはございません。</p>",
2144                    }
2145                },
2146                {
2147                    "@type": "Question",
2148                    "name": "繁忙期のみ契約することはできますか",
2149                    "acceptedAnswer": {
2150                        "@type": "Answer",
2151                        "text": "<p>ペライチは1ヶ月単位からご利用いただくことが可能です。</p>"
2152                    }
2153                },
2154                {
2155                    "@type": "Question",
2156                    "name": "プラン契約の期間中にアップグレード・ダウングレードはできますか",
2157                    "acceptedAnswer": {
2158                        "@type": "Answer",
2159                        "text": "<p>ご契約開始後のキャンセル・返金は承っておりません。予めご了承ください。</p>" +
2160                               "<p>上位プランへのご契約変更 (アップグレード) をご希望の場合は、日割清算で即日、新プランが反映されます。</p>" +
2161                               "<p>下位プランへのご契約変更 (ダウングレード) をご希望の場合は、現契約の契約期間満了後に新たな契約期間が開始されます。</p>" +
2162                               "<p>詳しくは<a href=\"https://support.peraichi.com/hc/ja/articles/360022583554\" target=\"_blank\">こちら</a></p>"
2163                    }
2164                },
2165                {
2166                    "@type": "Question",
2167                    "name": "各プランの公開ページ数以上のページを作成・公開することはできますか?",
2168                    "acceptedAnswer": {
2169                        "@type": "Answer",
2170                        "text": "<p>ライト/レギュラープランをご契約の場合は、より上位のプランへアップグレードをお願いいたします。</p>
2171                                <p>ビジネス/プロフェッショナルプランをご契約のユーザー様で20ページ以上の公開ページ数が必要な場合は、別途「ページ追加オプション」 (1ページあたり : 330円/月) をお申込みください。</p>"
2172                    }
2173                }
2174            ]
2175        }
2176        </script>
2176
2177    </section>
2178    <!-- / よくある質問 -->
2179
2180                <!-- トップ・予約LP・決済LP 共通パーツ: 追従バナー -->
2181        
2182<aside class="p-fixed-tryout-banner-parts js-fixed-tryout-banner-elm">
2183    <div class="p-fixed-tryout-banner-parts__content ">
2184        <a class="p-fixed-tryout-banner-parts__link u-weight-bold u-height-100per u-width-100per u-flex u-flex-jc-center u-flex-ai-center"
2185        href="/users/add">
2186            <p class="p-fixed-tryout-banner-parts__inner u-align-center">
2187                                    <span class="p-fixed-tryout-banner-parts__text-accent">1<span class="p-fixed-tryout-banner-parts__text-days">ヶ月間</span>無料</span>
2188                    <br>
2189                    今すぐためしてみる
2190                            </p>
2191        </a>
2192        <button class="p-fixed-tryout-banner-parts__close-btn js-fixed-tryout-banner-close"></button>
2193    </div>
2194</aside>
2195
2196<script>
2197(function($){
2198    $(function(){
2199        // 画面追従訴求バナー
2200        var isVisible = true;
2201        var $banner = $('.js-fixed-tryout-banner-elm');
2202        $banner.hide();
2203        // スクロールが走ったタイミングで訴求バナーを表示
2204        $(window).scroll(function () {
2205            if (isVisible && $(this).scrollTop() > 0) {
2206                $banner.fadeIn('fast');
2207            } else {
2208                $banner.fadeOut('fast');
2209            }
2210        });
2211        // 閉じるボタン(一度閉じれば、以後、表示しない)
2212        $('.js-fixed-tryout-banner-close').on('click', function() {
2213            $banner.fadeOut('fast');
2214            isVisible = false;
2215        });
2216    });
2217}(jQuery));
2218</script>
2218
2219    </main>
2220
2221    
2222    <footer id="footer" class="l-footer">
2223            <div class="u-align-center l-footer__sign">
2224            ペライチをはじめるには、<a href="/users/login" class="link--underline">ログイン</a> または
2225            <a href="/users/add?" class="link--underline">会員登録</a>をする必要があります。
2226        </div>
2227    
2228    
2229    <div class="u-align-center l-footer__pagetop">
2230        <a href="#header" class="l-footer__pagetop-link" data-smooth-scroll>
2231            <i class="fa fa-angle-up l-footer__pagetop-icon"></i>
2232            <br>
2233            ページトップへ
2234        </a>
2235    </div>
2236
2237    <div class="l-footer__contents-upper">
2238        <div class="grid-container">
2239            <div class="row u-flex-ai-start">
2240                <div class="col-xs-12 col-sm-4 col-md-3 l-footer__nav-col">
2241                    <div class="l-footer__nav-title">ペライチについて</div>
2242                    <ul class="l-footer__nav-list">
2243                        <li>
2244                            <a href="/news">ニュース</a>
2245                                                        <ul class="c-list c-list--sm" style="margin: -0.5em 0 0 1em;">
2246                                <li>
2247                                    <a href="/news/info">お知らせ</a>
2248                                </li>
2249                                <li>
2250                                    <a href="/news/service">新機能・サービス向上</a>
2251                                </li>
2252                                <li>
2253                                    <a href="/news/maintenance">メンテナンス情報</a>
2254                                </li>
2255                                <li>
2256                                    <a href="/news/media">メディア掲載実績</a>
2257                                </li>
2258                                <li>
2259                                    <a href="https://status.peraichi.com/" target="_blank" rel="noopener">障害情報 <i class="fa fa-external-link"></i></a>
2260                                </li>
2261                            </ul>
2262                        </li>
2263                        <li>
2264                            <a href="https://corp.raksul.com/" target="_blank">運営会社 <i class="fa fa-external-link"></i></a>
2265                        </li>
2266                    </ul>
2267                </div>
2268                <div class="col-xs-12 col-sm-4 col-md-3 l-footer__nav-col">
2269                    <div class="l-footer__nav-title">ペライチをはじめる</div>
2270                    <ul class="l-footer__nav-list">
2271                        <li>
2272                                                            <a href="/pages/pricing">ご利用料金</a>
2273                                                    </li>
2274                        <li>
2275                                                            <a href="/templates">テンプレート選択</a>
2276                                                    </li>
2277                        <li>
2278                                                            <a href="/pages/payment" target="_blank">ペライチ決済 <i class="fa fa-external-link"></i></a>
2279                                                    </li>
2280                        <li>
2281                                                            <a href="/pages/reservation" target="_blank" rel="noopener">ペライチ予約 <i class="fa fa-external-link"></i></a>
2282                                                    </li>
2283                        <li>
2284                            <a href="https://peraichi.com/landing_pages/view/peraichi-mailmagazine" target="_blank">メール・顧客管理 <i class="fa fa-external-link"></i></a>
2285                        </li>
2286                        <li>
2287                            <a href="https://mkt.peraichi.com/" target="_blank">ペライチなんでもマーケット <i class="fa fa-external-link"></i></a>
2288                        </li>
2289                    </ul>
2290                </div>
2291                <div class="col-xs-12 col-sm-4 col-md-3 l-footer__nav-col">
2292                    <div class="l-footer__nav-title">ペライチをもっと使う</div>
2293                    <ul class="l-footer__nav-list">
2294                        <li>
2295                            <a href="https://peraichi.com/landing_pages/view/pera-seisaku" target="_blank" rel="noopener">制作代行サービス <i class="fa fa-external-link"></i></a>
2296                        </li>
2297                        <li>
2298                            <a href="/pages/alliance">外部提携サービス</a>
2299                        </li>
2300                        <li>
2301                            <a href="https://peraichi.com/landing_pages/view/evangelist47" target="_blank" rel="noopener">サポーター募集ページ <i class="fa fa-external-link"></i></a>
2302                        </li>
2303                    </ul>
2304                </div>
2305                <div class="col-xs-12 col-sm-12 col-md-3 l-footer__nav-col">
2306                    <div class="row">
2307                        <div class="col-xs-12 col-sm-4 col-md-12 l-footer__nav-col">
2308                            <div class="l-footer__nav-title">困ったときは</div>
2309                            <ul class="l-footer__nav-list">
2310                                <li>
2311                                    <a href="https://peraichi.zendesk.com/hc/ja" target="_blank">ヘルプ・よくあるご質問 <i class="fa fa-external-link"></i></a>
2312                                </li>
2313                                <li>
2314                                    <a href="/pages/contact">お問い合わせ</a>
2315                                </li>
2316                            </ul>
2317                        </div>
2318                        <div class="col-xs-12 col-sm-4 col-md-12 l-footer__nav-col">
2319                            <div class="l-footer__nav-title">関連サービス</div>
2320                            <ul class="l-footer__nav-list">
2321                                <li>
2322                                    <a href="https://raksul.com" target="_blank" rel="noopener">ネット印刷のラクスル <i class="fa fa-external-link"></i></a>
2323                                </li>
2324                                <li>
2325                                    <a href="https://novasell.com/" target="_blank" rel="noopener">ノバセル(広告のプラットフォーム) <i class="fa fa-external-link"></i></a>
2326                                </li>
2327                                <li>
2328                                    <a href="https://www.hacobell.com/" target="_blank" rel="noopener">ハコベル(物流のプラットフォーム) <i class="fa fa-external-link"></i></a>
2329                                </li>
2330                                <li>
2331                                    <a href="https://www.notosiki.co.jp/" target="_blank" rel="noopener">ダンボールワン(梱包材のプラットフォーム) <i class="fa fa-external-link"></i></a>
2332                                </li>
2333                                <li>
2334                                    <a href="https://josys.com/" target="_blank" rel="noopener">ジョーシス(ITデバイス & SaaS統合管理) <i class="fa fa-external-link"></i></a>
2335                                </li>
2336                            </ul>
2337                        </div>
2338                    </div>
2339                </div>
2340            </div>
2341        </div>
2342    </div>
2343
2344    <div class="l-footer__contents-bottom">
2345        <div class="grid-container">
2346            <div class="row">
2347                <div class="col-xs-12 col-sm-8">
2348                    <ul class="list--unstyled l-footer__terms-list">
2349                        <li>
2350                            <a href="/pages/tos">利用規約</a>
2351                        </li>
2352                        <li>
2353                            <a href="/pages/policy">プライバシーポリシー</a>
2354                        </li>
2355                        <li>
2356                            <a href="/pages/transaction">特定商取引法上の表記</a>
2357                        </li>
2358                        <li>
2359                            <a href="/pages/antisocial">反社会的勢力に対する基本方針</a>
2360                        </li>
2361                        <li>
2362                            <a href="/pages/security">情報セキュリティ基本方針</a>
2363                        </li>
2364                    </ul>
2365                </div>
2366                <div class="col-xs-12 col-sm-4">
2367                    <div class="u-flex u-flex-jc-end">
2368                        <div style="margin-right: 0.5em;">
2369                            <a href="http://b.hatena.ne.jp/entry/https://peraichi.com/" class="hatena-bookmark-button" data-hatena-bookmark-title="ペライチ"
2370                               data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加">
2371                                <img src="https://b.st-hatena.com/images/entry-button/[email protected]" alt="このエントリーをはてなブックマークに追加" width="20" height="20"
2372                                     style="border: none; vertical-align: baseline;"/>
2373                            </a>
2374                        </div>
2375                        <a href="https://twitter.com/share" class="twitter-share-button" data-via="peraichicom" data-lang="ja">ツイート</a>
2376                        <div class="fb-like" data-href="https://www.facebook.com/peraichi" data-layout="button_count" data-action="like" data-show-faces="false"
2377                             data-share="false" style="margin-left: 0.5em;"></div>
2378                    </div>
2379                </div>
2380            </div>
2381        </div>
2382        <div class="u-align-center">
2383            <span class="l-footer__copy">&copy; 2026 ペライチ</span>
2384        </div>
2385    </div>
2386
2387</footer>
2388
2389<script>
2390    !function (d, s, id) {
2391        var js, fjs = d.getElementsByTagName(s)[0],
2392            p = /^http:/.test(d.location) ? 'http' : 'https';
2393        if (!d.getElementById(id)) {
2394            js = d.createElement(s);
2395            js.id = id;
2396            js.src = p + '://platform.twitter.com/widgets.js';
2397            fjs.parentNode.insertBefore(js, fjs);
2398        }
2399    }(document, 'script', 'twitter-wjs');
2400</script>
2400
2401
2402<div id="fb-root"></div>
2403<script>
2404    (function (d, s, id) {
2405        var js, fjs = d.getElementsByTagName(s)[0];
2406        if (d.getElementById(id)) return;
2407        js = d.createElement(s);
2408        js.id = id;
2409        js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.8&appId=1495277324077059";
2410        fjs.parentNode.insertBefore(js, fjs);
2411    }(document, 'script', 'facebook-jssdk'));
2412</script>
2412
2413
2414<script>
2415    window.REMODAL_GLOBALS = {
2416        NAMESPACE: 'pera1-remodal'
2417    };
2418    $(function () {
2419        $('.remodal').addClass('pera1-remodal').removeClass('remodal');
2420    });
2421</script>
vendor: 1 bytes, line 2421
2421
2422<script src="/js/libs/remodal.min.js?1790224590"></script>
2422<script src="/js/common.js?1790224590"></script>
2422<script type="text/javascript">
2423    /* <![CDATA[ */
2424    var google_conversion_id = 941828060;
2425    var google_custom_params = window.google_tag_params;
2426    var google_remarketing_only = true;
2427    /* ]]> */
2428</script>
vendor: 1 bytes, line 2428
2428
2429<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
2430</script>
2430
2431<noscript>
2432    <div style="display:inline;">
2433        <img height="1" width="1" style="border-style:none;" alt=""
2434             src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/941828060/?value=0&amp;guid=ON&amp;script=0"/>
2435    </div>
2436</noscript>
2437<!-- Twitter universal website tag code -->
2438<script>
2439    !function (e, t, n, s, u, a) {
2440        e.twq || (s = e.twq = function () {
2441            s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
2442        }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js',
2443            a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
2444    }(window, document, 'script');
2445    // Insert Twitter Pixel ID and Standard Event data below
2446    twq('init', 'nxyw9');
2447    twq('track', 'PageView');
2448</script>
2448
2449<!-- End Twitter universal website tag code -->
2450</body>
2451</html>

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