It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://handyman.hp.peraichi.com/

  1. <!DOCTYPE html>
  2. <html>
  3. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"><meta charset="utf-8">
  4. <title>静岡市で不用品回収・粗大ゴミの片付けなら|はんでぃ~まん</title>
  5. <meta name="description" content="静岡市で不用品・粗大ゴミの片付け回収を専門に、静岡市の許可業者として、お客様の様々なニーズに応えるサービスを提供しておりますので、安心してお任せください。">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link href="//assets.peraichi.com/template_root/v2/template_files/css/style.css?1751534615" rel="stylesheet">
  8.  
  9. <script src="//assets.peraichi.com/js/const_common.js"></script><script src="//assets.peraichi.com/js/const_env.js"></script><script src="//webfont.fontplus.jp/accessor/script/fontplus.js?5qoPx6QyJ8k%3D&aa=1" charset="utf-8"></script>
  10. <link rel="icon" href="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab8051836ea/original-thumb.png">
  11.  
  12. <meta property="og:image" content="https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/669f1c994f893/original.png">
  13. <meta property="og:url" content="https://handyman.hp.peraichi.com">
  14. <meta property="og:title" content="静岡市で不用品回収・粗大ごみ・片付けでお困りなら|Handyman">
  15. <meta property="og:site_name" content="静岡市で不用品回収・粗大ごみ・片付けでお困りなら|Handyman">
  16. <meta property="og:type" content="website">
  17. <meta property="og:description" content="静岡市で不用品回収・粗大ごみ・ゴミ屋敷・遺品整理・引越しごみ・孤独死・倉庫・事務所の片付け回収を専門に行います。許可業者としての確かな技術で、お客様の様々なニーズに応えるサービスを提供しております。安心してお任せください。">
  18. <meta name="twitter:card" content="summary">
  19. <link rel="preconnect" href="https://fonts.googleapis.com">
  20. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  21. <link href="https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@700&family=Noto+Sans+JP&family=Noto+Serif+JP:wght@500&display=swap" rel="stylesheet"><script type="text/javascript" src="//assets.peraichi.com/js/libs/lazysizes.min.js?1751534613"></script><script type="text/javascript" src="//assets.peraichi.com/js/lazyLoad.js?1751534613"></script><script type="text/javascript" src="//assets.peraichi.com/cjs/dist/peraichi_setting.js?1751534927"></script>
  22. <meta name="google-site-verification" content="-66DkOBBNXkTFpU3CarPhnyNYrpXfcjK7sZd3f9Pvk8">
  23.  
  24. <link rel="canonical" href="https://handyman.hp.peraichi.com" /><link rel="stylesheet" type="text/css" href="https://s3-ap-northeast-1.amazonaws.com/s3.peraichi.com/pageCustomStylesheets/1801591/themeColor_1705485122.css"></head>
  25.  <body class="theme-base theme-blank template-theme-default theme-custom fp_default" data-template-name="blank" style="overflow: auto; padding-top: 90px;" data-is-initial-val-of-template-theme="0" data-is-available-on-template-theme="false" data-theme-color="{&quot;mainColor&quot;:&quot;#0077C2&quot;,&quot;fontColor&quot;:&quot;#333333&quot;,&quot;bodyColor&quot;:null}"><div class="s_navigation_fixed p-header-fixed pera1-section block" data-structure="b-header-nav-logo-img--fixed" data-block-name="左画像+右メニュー(上部固定)" data-optional-block-settings-key="0" id="section-68">
  26.  <div class="p-header">
  27.    <div class="section">
  28.      <div class="m_navigation p-m_navigation u-align-right pera1-editable" data-pera1-type="navigation" data-bgcolor="" style="text-align: center;">
  29.        <div class="grid-wrapper grid-wrapper--lg p-navigation__wrapper">
  30.          <div class="p-navigation row middle-xs">
  31.            <div class="c-inner c-inner--vertical c-inner--one-elem c-inner-sp--sm">
  32.              <div class="navigationHeader p-navigationHeader col-xs-12 col-md">
  33.                <div class="p-header__nav-heading p-header__logo c-img c-img--responsive u-align-left pera1-removable"><a href="https://handyman.hp.peraichi.com" target="_self"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/669fa1e1df86d/original.png" alt="ロゴ" data-structure="e-img" style=""></a>
  34.                </div>
  35.              </div>
  36.              <div class="btn_navigationToggle p-btn_navigationToggle"><i class="fa"></i></div>
  37.            </div>
  38.            <ul class="m_navigationMenu p-m_navigationMenu col-xs-12 col-md u-fslg font-size-16px" data-textcolor="#333" data-separation="bar" style="color: rgb(51, 51, 51);"><li><a href="#section-45" target="_self">Handymanとは?</a></li><li><a href="#section-10" target="_self">選ばれる理由</a></li><li><a href="#section-19" target="_self">取り扱いサービス</a></li><li><a href="https://handyman.hp.peraichi.com/price" target="_self">料金表</a></li><li><a href="#section-22" target="_self">対応エリア</a></li><li><a href="#section-60" target="_self">ご利用の流れ</a></li><li><a href="#section-29" target="_self">よくあるご質問</a></li><li><a href="#section-62" target="_self">ご挨拶</a></li></ul>
  39.          </div>
  40.        </div>
  41.      </div>
  42.    </div>
  43.  </div>
  44. </div>
  45.        <div class="pera1-section block" data-structure="b-img--full" data-block-name="画像(横幅フルサイズ)" data-optional-block-settings-key="1" id="section-2" data-display-none-target="mobile" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:true,&quot;isDisplayedOnMobile&quot;:false}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  46.            <div class="u-flex u-mrmd">
  47.                <img src="/img/display_settings/desktop.svg">&nbsp;<img src="/img/display_settings/mobile_slash.svg">&nbsp;
  48.            </div>
  49.            <div>
  50.                <i class="fa fa-info-circle"></i><span>このブロックはスマートフォンの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  51.            </div>
  52.        </div>
  53.  <div class="c-img c-img--full u-align-center"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/669f1c994f893/original.png" alt="静岡市でお家の片づけでお困りなら|Handyman" data-structure="e-img" style="">
  54.  </div>
  55. </div><div class="pera1-section block" data-structure="b-img--full" data-block-name="画像(横幅フルサイズ)" data-optional-block-settings-key="2" id="section-65" data-display-none-target="desktop" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:false,&quot;isDisplayedOnMobile&quot;:true}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  56.            <div class="u-flex u-mrmd">
  57.                <img src="/img/display_settings/desktop_slash.svg">&nbsp;<img src="/img/display_settings/mobile.svg">&nbsp;
  58.            </div>
  59.            <div>
  60.                <i class="fa fa-info-circle"></i><span>このブロックはPCの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  61.            </div>
  62.        </div>
  63.  <div class="c-img c-img--full u-align-center"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/669f1c97c2fe5/original.png" alt="静岡市でお家の片づけでお困りなら|Handyman" data-structure="e-img" style="">
  64.  </div>
  65. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="3" id="section-66">
  66.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  67.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="0">
  68.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  69.  </div>
  70. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="4" id="section-3">
  71.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="1">
  72.    <div class="c-wrapper u-align-center">
  73.      <div class="c-inner c-inner--lg c-inner--vertical">
  74.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  75.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><span style="color: #0077c2;"><strong><span data-custom-sp-fontsize="20px">- WORRIES -</span><br></strong></span></div></h2>
  76.        </div>
  77.        
  78.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  79.          <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="18px"><strong><span style="color: #4d4d4d;" data-custom-pc-fontsize="32px">こんな</span><span style="color: #0077c2;" data-custom-pc-fontsize="48px" data-custom-sp-fontsize="20px">"片付けのお悩み"</span><span style="color: #4d4d4d;" data-custom-pc-fontsize="32px">はありませんか?</span></strong></span></div></div>
  80.        </div>
  81.        
  82.      </div>
  83.    </div>
  84.  </div>
  85. </div><div class="pera1-section block" data-structure="b-cards--4col" data-block-name="上画像(4列)" data-optional-block-settings-key="5" id="section-4">
  86.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="2">
  87.    <div class="c-wrapper c-wrapper--lg u-align-center">
  88.      <div class="c-inner c-inner--lg c-inner--vertical">
  89.        
  90.        <div class="pera1-removable">
  91.          <div data-structure="m-cards">
  92.            <div class="grid-wrapper grid-wrapper--full">
  93.              <div class="row center-xs row-item-gutter--lg">
  94.                <div class="u-mbmd col-xs-12 col-sm-4 col-md-3 pera1-removable">
  95.                  <div data-structure="m-card">
  96.                    <div class="c-img c-img--responsive u-mbsm pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa2bc2b15ba/original.jpg" alt="引越しで大量に残る不用品" data-structure="e-img" style="">
  97.                    </div>
  98.                    <div class="c-heading c-heading--sm u-mbsm pera1-removable">
  99.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #4d4d4d;" data-custom-pc-fontsize="20px" data-custom-sp-fontsize="18px"><strong>引越しで大量に残る不用品</strong></span></div></div>
  100.                    </div>
  101.                    
  102.                    
  103.                  </div>
  104.                </div>
  105.                <div class="u-mbmd col-xs-12 col-sm-4 col-md-3 pera1-removable">
  106.                  <div data-structure="m-card">
  107.                    <div class="c-img c-img--responsive u-mbsm pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa2d774b40d/original.jpg" alt="家の売却の為に片付ける残置物" data-structure="e-img" style="">
  108.                    </div>
  109.                    <div class="c-heading c-heading--sm u-mbsm pera1-removable">
  110.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #4d4d4d;" data-custom-sp-fontsize="18px"><strong>家の売却の為に片付ける不用品</strong></span></div></div>
  111.                    </div>
  112.                    
  113.                    
  114.                  </div>
  115.                </div>
  116.                <div class="u-mbmd col-xs-12 col-sm-4 col-md-3 pera1-removable">
  117.                  <div data-structure="m-card">
  118.                    <div class="c-img c-img--responsive u-mbsm pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa2cdebf12e/original.jpg" alt="解体前の残置物撤去" data-structure="e-img" style="">
  119.                    </div>
  120.                    <div class="c-heading c-heading--sm u-mbsm pera1-removable">
  121.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #4d4d4d;" data-custom-sp-fontsize="18px"><strong>解体前の粗大ゴミの撤去</strong></span></div></div>
  122.                    </div>
  123.                    
  124.                    
  125.                  </div>
  126.                </div>
  127.                <div class="u-mbmd col-xs-12 col-sm-4 col-md-3 pera1-removable" data-elem-name="m-card">
  128.                  <div data-structure="m-card">
  129.                    <div class="c-img c-img--responsive u-mbsm pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa2df72433e/original.jpg" alt="手に負えなくなった不用品の山" data-structure="e-img" style="">
  130.                    </div>
  131.                    <div class="c-heading c-heading--sm u-mbsm pera1-removable">
  132.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #4d4d4d;" data-custom-sp-fontsize="18px"><strong>手に負えなくなった不用品の山</strong></span></div></div>
  133.                    </div>
  134.                    
  135.                    
  136.                  </div>
  137.                </div>
  138.              <div class="u-mbmd col-xs-12 col-sm-4 col-md-3 pera1-removable pera1-ghost pera1-add pera1-multiple" data-elem-name="m-card" data-nosnippet="" style="opacity: 0; height: 50px;">
  139.                  <div data-structure="m-card">
  140.                    <div class="c-img c-img--responsive u-mbsm pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/template_root/v2/s3bucket/images/default/im_image_square.svg" alt="" data-structure="e-img">
  141.                    </div>
  142.                    <div class="c-heading c-heading--sm u-mbsm pera1-removable">
  143.                      <div class="pera1-editable" data-structure="e-heading"><strong>小見出し</strong></div>
  144.                    </div>
  145.                    <div class="p-m-card-text u-mbsm start-xs pera1-removable">
  146.                      <div class="pera1-editable" data-structure="e-text">ここをクリックして表示したいテキストを入力してください。</div>
  147.                    </div>
  148.                    <div class="c-btn c-btn--sm u-mbsm pera1-removable"><a class="pera1-editable" href="javascript:void(0);" data-structure="e-btn">ボタン</a>
  149.                    </div>
  150.                  </div>
  151.                </div></div>
  152.            </div>
  153.          </div>
  154.        </div>
  155.      </div>
  156.    </div>
  157.  </div>
  158. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="6" id="section-5">
  159.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="3">
  160.    <div class="c-wrapper u-align-center">
  161.      <div class="c-inner c-inner--lg c-inner--vertical">
  162.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  163.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><span style="color: #4d4d4d;" data-custom-sp-fontsize="16px"><span data-custom-pc-fontsize="24px">自分で頑張ってやってみたけど、、、</span></span><br><span style="color: #4d4d4d;" data-custom-sp-fontsize="16px"><span data-custom-sp-fontsize="18px"><strong><span data-custom-pc-fontsize="24px"><span style="color: #e8412e;" data-custom-pc-fontsize="28px">不用品の片付けが手に負えなくなって<br></span></span></strong></span><span data-custom-pc-fontsize="24px">困っている・・</span></span></div></h2>
  164.        </div>
  165.        
  166.        
  167.        
  168.      </div>
  169.    </div>
  170.  </div>
  171. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="7" id="section-6">
  172.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  173.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="4">
  174.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  175.  </div>
  176. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="8" id="section-42">
  177.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="5">
  178.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="fe254c62-7fda-43d9-93b2-36c898c45e63"><div></div>
  179.  </div>
  180. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="9" id="section-45">
  181.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  182.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="6">
  183.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  184.  </div>
  185. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="10" id="section-7" data-display-none-target="mobile" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:true,&quot;isDisplayedOnMobile&quot;:false}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  186.            <div class="u-flex u-mrmd">
  187.                <img src="/img/display_settings/desktop.svg">&nbsp;<img src="/img/display_settings/mobile_slash.svg">&nbsp;
  188.            </div>
  189.            <div>
  190.                <i class="fa fa-info-circle"></i><span>このブロックはスマートフォンの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  191.            </div>
  192.        </div>
  193.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="7">
  194.    <div class="c-wrapper u-align-center">
  195.      <div class="c-inner c-inner--lg c-inner--vertical">
  196.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  197.          <h2 data-custom-pc-fontsize="14px" data-structure="e-heading" class="pera1-editable"><div><span data-custom-sp-fontsize="14px"><strong><span style="color: #ec6a17;" data-custom-pc-fontsize="36px">不用品回収・粗大ごみ</span>&nbsp;&nbsp;<span data-custom-pc-fontsize="32px">の片付けでお困りなら</span></strong></span><br><span data-custom-sp-fontsize="18px"><strong><span style="color: #ec6a17;" data-custom-pc-fontsize="48px" data-custom-sp-fontsize="20px">『Handyman』</span><span data-custom-pc-fontsize="32px">にご相談ください!</span></strong></span></div></h2>
  198.        </div>
  199.        
  200.        
  201.        
  202.      </div>
  203.    </div>
  204.  </div>
  205. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="11" id="section-67" data-display-none-target="desktop" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:false,&quot;isDisplayedOnMobile&quot;:true}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  206.            <div class="u-flex u-mrmd">
  207.                <img src="/img/display_settings/desktop_slash.svg">&nbsp;<img src="/img/display_settings/mobile.svg">&nbsp;
  208.            </div>
  209.            <div>
  210.                <i class="fa fa-info-circle"></i><span>このブロックはPCの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  211.            </div>
  212.        </div>
  213.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="8">
  214.    <div class="c-wrapper u-align-center">
  215.      <div class="c-inner c-inner--lg c-inner--vertical">
  216.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  217.          <h2 data-custom-pc-fontsize="14px" data-structure="e-heading" class="pera1-editable"><div><span data-custom-sp-fontsize="14px"><strong><span style="color: #ec6a17;" data-custom-pc-fontsize="36px">不用品回収・粗大ごみ</span>&nbsp;&nbsp;<span data-custom-pc-fontsize="32px">の片付けでお困りなら</span></strong></span><span data-custom-sp-fontsize="18px"><strong><span style="color: #ec6a17;" data-custom-pc-fontsize="48px" data-custom-sp-fontsize="20px">『Handyman』</span><span data-custom-pc-fontsize="32px">に<br>ご相談ください!</span></strong></span></div></h2>
  218.        </div>
  219.        
  220.        
  221.        
  222.      </div>
  223.    </div>
  224.  </div>
  225. </div><div class="p-hr--blank-space-small pera1-section block" data-structure="b-hr--blank-space-small" data-block-name="余白(小・20px)" data-optional-block-settings-key="12" id="section-47">
  226.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(20px)</div>
  227.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="9">
  228.    <div class="p-hr--blank-space-small__inner c-inner c-inner--vertical"></div>
  229.  </div>
  230. </div><div class="pera1-section block" data-structure="b-article-img-right" data-block-name="右画像" data-optional-block-settings-key="13" id="section-8">
  231.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="10">
  232.    <div class="c-wrapper">
  233.      <div class="c-inner c-inner--lg c-inner--vertical">
  234.        
  235.        <div class="grid-wrapper grid-wrapper--full">
  236.          <div class="row row-item-gutter--lg">
  237.            <div class="col-xs-12 col-sm-5 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  238.              <div class="c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa45c3a1e2a/original.jpg" alt="笑顔の作業員" data-structure="e-img" style="">
  239.              </div>
  240.            </div>
  241.            <div class="col-xs-12 col-sm first-sm">
  242.              <div class="u-mbmd p-article-lead-text pera1-removable">
  243.                <div data-custom-pc-fontsize="28px" data-structure="e-text" class="pera1-editable"><div style="text-align: center;"><span style="color: #0077c2;" data-custom-pc-fontsize="28px" data-custom-sp-fontsize="18px"><strong>静岡市の認定業者『Handyman』</strong></span></div></div>
  244.              </div>
  245.              
  246.              <div class="u-mbmd p-article-main-text pera1-removable">
  247.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">『Handyman』は、静岡市で不用品回収の専門サービスを提供しています。『(有)岩本商店』は<strong><span style="color: #f27e18;">静岡市から一般廃棄物収集運搬許可を取得</span></strong>し,<br>昭和41年から不用品の回収を行っております。<br><br>遺品整理、引越しごみ、ゴミ屋敷の片付け、孤独死に関連する清掃、倉庫や事務所の整理片付けまで幅広く対応しておりますので、幅広くお客様に満足いただけるサービスをご提供しております。<br><br>手に負えない不用品や粗大ゴミの片付けでお困りの方は『Handyman』の無料見積もりへ先ずはご連絡ください。</span></div></div>
  248.              </div>
  249.              
  250.            </div>
  251.          </div>
  252.        </div>
  253.      </div>
  254.    </div>
  255.  </div>
  256. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="14" id="section-46">
  257.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  258.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="11">
  259.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  260.  </div>
  261. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="15" id="section-43">
  262.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="12">
  263.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="f29adc17-a010-4d73-96b6-65acc2e1ec56"></div></div>
  264.  </div>
  265. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="16" id="section-48">
  266.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="13">
  267.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="d435becb-ae88-42a3-bcd0-68abe3781d94"><div class="btn">
  268.    <div class="btn_title">
  269.        <h2 class="pc"><span>お見積もり無料</span>お気軽にお問い合わせください!</h2>
  270.        <h2 class="sp"><span>お見積もり無料</span><br>お気軽にお問い合わせください!</h2>
  271.    </div>
  272.    <div class="btn_contens">
  273.        <div class="btn_content_1">
  274.            <img src="https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa4edb19b56/original.png" alt="バインダーを持つ作業員">
  275.        </div>
  276.        <div class="btn_content_2">
  277.            <p class="free_tel">0120-44-5383</p>
  278.            <p class="btn_tel">054-367-7007</p>
  279.            <p class="btn_text">定休日(不定休)</p>
  280.            <a href="tel:0120-44-5383"><img src="https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ad0c80c51c0/original.png" alt="ボタン"></a>
  281.        </div>
  282.    </div>
  283. </div>
  284.  
  285. <style>
  286. .pc { display: block !important; }
  287. .sp { display: none !important; }
  288. .btn {
  289. background: -webkit-repeating-linear-gradient( -45deg, #0077c2 0, #0077c2 5px, #0d7ec5 5px, #0d7ec5 10px );
  290. padding: 30px 0;
  291. }
  292. .btn_title {
  293. text-align: center;
  294. }
  295. .btn_title h2 {
  296. font-size: 40px;
  297. color: #ffd800;
  298. padding-bottom: 30px;
  299. font-weight: bold;
  300. }
  301. .btn_title h2 span {
  302. color: white;
  303. font-size: 25px;
  304. border: 1px solid;
  305. padding: 5px;
  306. margin-right: 10px;
  307. font-weight: 400;
  308. }
  309. .btn_contens {
  310. max-width: 960px;
  311. margin: 0 auto;
  312. background-color: white;
  313. padding: 30px;
  314. border-radius: 15px;
  315. display: grid;
  316. grid-template-rows: 1fr;
  317. grid-template-columns: 50% 50%;
  318. }
  319. .btn_content_1 {
  320. grid-row: 1;
  321. grid-column: 1;
  322. }
  323. .btn_content_2 {
  324. grid-row: 1;
  325. grid-column: 2;
  326. text-align: center;
  327. }
  328. .free_tel {
  329. font-size: 25px;
  330. font-weight: bold;
  331. font-size: 38px;
  332. margin-bottom: 0;
  333. }
  334. .btn_tel {
  335. font-size: 25px;
  336. font-weight: bold;
  337. font-size: 38px;
  338. margin-bottom: 5px;
  339. border-bottom: dotted 2px #DCDCDC;
  340. }
  341. .btn_text {
  342. color: #e8412e;
  343. font-weight: bold;
  344. }
  345. .free_tel::before {
  346.  content: url('https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa5df1603ef/original.png');  /* 画像のパスを指定 */
  347.  margin-right: 10px;  /* アイコンとテキストの間のスペースを調整 */
  348.  vertical-align: middle;  /* テキストとアイコンの垂直位置を中央揃え */
  349. }
  350. .btn_tel::before {
  351.  content: url('https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa5e2d057e6/original.png');  /* 画像のパスを指定 */
  352.  margin-right: 10px;  /* アイコンとテキストの間のスペースを調整 */
  353.  vertical-align: middle;  /* テキストとアイコンの垂直位置を中央揃え */
  354. }
  355.  
  356. /*スマホサイズ*/
  357. @media screen and (max-width: 480px) {
  358. .sp { display: block !important; }
  359. .pc { display: none !important; }
  360. .btn {
  361. padding-right: 5px;
  362. padding-left: 5px;
  363. }
  364. .btn_contens {
  365. padding: 30px;
  366. display: grid;
  367. grid-template-rows: 1fr 1fr;
  368. grid-template-columns: 1fr;
  369. margin-top: 30px;
  370. }
  371. .btn_content_1 {
  372. grid-row: 1;
  373. grid-column: 1;
  374. }
  375. .btn_content_2 {
  376. grid-row: 2;
  377. grid-column: 1;
  378. text-align: center;
  379. }
  380. .btn_title h2 {
  381. font-size: 22px;
  382. padding: 5px;
  383. }
  384. .btn_title h2 span {
  385. font-size: 18px;
  386. margin-right: 0px;
  387. }
  388. .free_tel,
  389. .btn_tel {
  390. font-size: 25px;
  391. }
  392. }
  393. </style></div>
  394.  </div>
  395. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="17" id="section-10">
  396.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  397.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="14">
  398.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  399.  </div>
  400. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="18" id="section-11">
  401.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="15">
  402.    <div class="c-wrapper u-align-center">
  403.      <div class="c-inner c-inner--lg c-inner--vertical">
  404.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  405.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><span style="color: #0077c2;" data-custom-sp-fontsize="20px"><strong>- POINT -</strong></span></div></h2>
  406.        </div>
  407.        
  408.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  409.          <div data-custom-pc-fontsize="32px" data-custom-sp-fontsize="18px" data-structure="e-text" class="pera1-editable"><div><strong>当社が選ばれる<span style="color: #0077c2;" data-custom-pc-fontsize="48px" data-custom-sp-fontsize="20px">"3つの理由"</span><span data-custom-pc-fontsize="48px"><span data-custom-pc-fontsize="32px">とは?</span></span><span style="color: #0077c2;" data-custom-pc-fontsize="48px"><br></span></strong></div></div>
  410.        </div>
  411.        
  412.      </div>
  413.    </div>
  414.  </div>
  415. </div><div class="pera1-section block" data-structure="b-heading-double-bdr" data-block-name="見出し(二重線)" data-optional-block-settings-key="19" id="section-52">
  416.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="16">
  417.    <div class="c-wrapper">
  418.      <div class="p-heading__inner">
  419.        <div class="c-heading p-heading-double-bdr">
  420.          <h2 data-structure="e-heading" class="pera1-editable"><div style="text-align: center;"><span data-custom-pc-fontsize="28px" data-custom-sp-fontsize="18px"><strong><span style="color: #ffffff;">① 一括サポートの安心感</span></strong></span></div></h2>
  421.        </div>
  422.      </div>
  423.    </div>
  424.  </div>
  425. </div><div class="pera1-section block" data-structure="b-article-img-left" data-block-name="左画像" data-optional-block-settings-key="20" id="section-15">
  426.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="17">
  427.    <div class="c-wrapper">
  428.      <div class="c-inner c-inner--lg c-inner--vertical">
  429.        
  430.        <div class="grid-wrapper grid-wrapper--full">
  431.          <div class="row row-item-gutter--lg">
  432.            <div class="col-xs-12 col-sm-5 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  433.              <div class="c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aab0da033b8/original.jpg" alt="グッドサインをする作業員" data-structure="e-img" style="">
  434.              </div>
  435.            </div>
  436.            <div class="col-xs-12 col-sm">
  437.              <div class="u-mbmd p-article-lead-text pera1-removable">
  438.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">静岡市で不用品回収を営業している『Handyman』は、一般廃棄物収集運搬の許可を持つ車輌で回収する専門業者です。お客様の家庭から出る不用品や粗大ゴミを、法律に則った方法で安全に運びます。<br><br><span style="color: #0077c2;"><strong>面倒な不用品の仕分けから運び出しまで、すべてを一括でサポート。<br></strong></span>お客様には手間をかけさせず、安心と便利さを提供します。</span></div></div>
  439.              </div>
  440.              
  441.              
  442.              
  443.            </div>
  444.          </div>
  445.        </div>
  446.      </div>
  447.    </div>
  448.  </div>
  449. </div><div class="pera1-section block" data-structure="b-heading-double-bdr" data-block-name="見出し(二重線)" data-optional-block-settings-key="21" id="section-53">
  450.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="18">
  451.    <div class="c-wrapper">
  452.      <div class="p-heading__inner">
  453.        <div class="c-heading p-heading-double-bdr">
  454.          <h2 data-custom-sp-fontsize="20px" data-structure="e-heading" class="pera1-editable"><div style="text-align: center;"><span data-custom-pc-fontsize="28px"><strong><span style="color: #ffffff;">② 信頼の実績と経験</span></strong></span></div></h2>
  455.        </div>
  456.      </div>
  457.    </div>
  458.  </div>
  459. </div><div class="pera1-section block" data-structure="b-article-img-right" data-block-name="右画像" data-optional-block-settings-key="22" id="section-17">
  460.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="19">
  461.    <div class="c-wrapper">
  462.      <div class="c-inner c-inner--lg c-inner--vertical">
  463.        
  464.        <div class="grid-wrapper grid-wrapper--full">
  465.          <div class="row row-item-gutter--lg">
  466.            <div class="col-xs-12 col-sm-5 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  467.              <div class="c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aab0533d7d5/original.jpg" alt="トラックを運転する男性" data-structure="e-img" style="">
  468.              </div>
  469.            </div>
  470.            <div class="col-xs-12 col-sm first-sm">
  471.              <div class="u-mbmd p-article-lead-text pera1-removable">
  472.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">昭和41年創業の『(有)岩本商店』は、静岡市から一般廃棄物収集運搬業者として正式に許可を受けています。<span style="color: #0077c2;"><strong>長年にわたる経験と実績があり、地域社会に貢献してきた信頼の業者です。</strong></span><br><br>安心してご利用いただけるサービスを、長年の経験を活かして提供します。<br></span></div></div>
  473.              </div>
  474.              
  475.              
  476.              
  477.            </div>
  478.          </div>
  479.        </div>
  480.      </div>
  481.    </div>
  482.  </div>
  483. </div><div class="pera1-section block" data-structure="b-heading-double-bdr" data-block-name="見出し(二重線)" data-optional-block-settings-key="23" id="section-54">
  484.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="20">
  485.    <div class="c-wrapper">
  486.      <div class="p-heading__inner">
  487.        <div class="c-heading p-heading-double-bdr">
  488.          <h2 data-custom-sp-fontsize="20px" data-structure="e-heading" class="pera1-editable"><div style="text-align: center;"><span data-custom-pc-fontsize="28px"><strong><span style="color: #ffffff;">③ 無料見積もりだから安心</span></strong></span></div></h2>
  489.        </div>
  490.      </div>
  491.    </div>
  492.  </div>
  493. </div><div class="pera1-section block" data-structure="b-article-img-left" data-block-name="左画像" data-optional-block-settings-key="24" id="section-16">
  494.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="21">
  495.    <div class="c-wrapper">
  496.      <div class="c-inner c-inner--lg c-inner--vertical">
  497.        
  498.        <div class="grid-wrapper grid-wrapper--full">
  499.          <div class="row row-item-gutter--lg">
  500.            <div class="col-xs-12 col-sm-5 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  501.              <div class="c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aaaebe6a1c1/original.jpg" alt="お見積書" data-structure="e-img" style="">
  502.              </div>
  503.            </div>
  504.            <div class="col-xs-12 col-sm">
  505.              <div class="u-mbmd p-article-lead-text pera1-removable">
  506.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">『Handyman』では、お見積もりが完全無料。不用品回収や片付けに関する費用を事前に明確にし、お客様に安心してサービスを依頼していただけるよう努めています。<br><br><span style="color: #0077c2;"><strong>予期せぬ追加料金の心配がなく、安心してご利用いただけます。</strong></span></span></div></div>
  507.              </div>
  508.              
  509.              
  510.              
  511.            </div>
  512.          </div>
  513.        </div>
  514.      </div>
  515.    </div>
  516.  </div>
  517. </div><div class="p-hr--blank-space-large pera1-section block" data-structure="b-hr--blank-space-large" data-block-name="余白(大・80px)" data-optional-block-settings-key="25" id="section-55">
  518.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(80px)</div>
  519.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="22">
  520.    <div class="p-hr--blank-space-large__inner c-inner c-inner--lg c-inner--one-elem c-inner--vertical"></div>
  521.  </div>
  522. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="26" id="section-40">
  523.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="23">
  524.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="b87d4652-b90f-43cd-9642-3a4c266153d2"><div></div>
  525.  </div>
  526. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="27" id="section-19">
  527.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="24">
  528.    <div class="c-wrapper u-align-center">
  529.      <div class="c-inner c-inner--lg c-inner--vertical">
  530.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  531.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><span style="color: #0077c2;" data-custom-sp-fontsize="20px"><strong><span data-custom-pc-fontsize="22px">- SERVICE -</span></strong></span></div></h2>
  532.        </div>
  533.        
  534.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  535.          <div data-custom-sp-fontsize="20px" data-structure="e-text" class="pera1-editable"><div><span style="color: #0077c2;"><strong><span data-custom-pc-fontsize="48px">取り扱いサービス</span></strong></span></div></div>
  536.        </div>
  537.        
  538.      </div>
  539.    </div>
  540.  </div>
  541. </div><div class="pera1-section block" data-structure="b-cards--3col" data-block-name="上画像(3列)" data-optional-block-settings-key="28" id="section-20">
  542.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="25">
  543.    <div class="c-wrapper c-wrapper--lg u-align-center">
  544.      <div class="c-inner c-inner--lg c-inner--vertical">
  545.        
  546.        <div class="pera1-removable">
  547.          <div data-structure="m-cards">
  548.            <div class="grid-wrapper grid-wrapper--full">
  549.              <div class="row center-xs row-item-gutter--lg">
  550.                <div class="u-mbmd col-xs-12 col-sm-6 col-md-4 pera1-removable">
  551.                  <div data-structure="m-card">
  552.                    <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aabb8a50bf7/original.jpg" alt="遺品整理" data-structure="e-img" style="">
  553.                    </div>
  554.                    <div class="c-heading u-mbmd pera1-removable">
  555.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #ec6a17;" data-custom-sp-fontsize="18px"><strong><span data-custom-pc-fontsize="28px">遺品整理</span></strong></span></div></div>
  556.                    </div>
  557.                    <div class="p-m-card-text u-mbmd start-xs pera1-removable">
  558.                      <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">故人の想い出が詰まった遺品整理を丁寧に行います。<br>遺族の心情を尊重し、大切な品々を丁寧に取り扱いながら、必要に応じて処分や整理を行います。故人と遺族の想いを大切にし、心のこもったサービスを提供します。</span></div></div>
  559.                    </div>
  560.                    
  561.                  </div>
  562.                </div>
  563.                <div class="u-mbmd col-xs-12 col-sm-6 col-md-4 pera1-removable">
  564.                  <div data-structure="m-card">
  565.                    <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aabbb62f445/original.jpg" alt="引越しゴミ処理" data-structure="e-img" style="">
  566.                    </div>
  567.                    <div class="c-heading u-mbmd pera1-removable">
  568.                      <div data-structure="e-heading" class="pera1-editable"><div><strong><span style="color: #0077c2;"><span style="color: #ec6a17;" data-custom-sp-fontsize="18px">引越しゴミ処理</span><br></span></strong></div></div>
  569.                    </div>
  570.                    <div class="p-m-card-text u-mbmd start-xs pera1-removable">
  571.                      <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">引越し時の不用品やゴミの片付けは、『Handyman』にお任せください。不用品の選別から処分までを一括で行い、引越しの負担を軽減します。新生活へのスムーズな移行をサポートし、快適なスタートをお手伝いします。</span></div></div>
  572.                    </div>
  573.                    
  574.                  </div>
  575.                </div>
  576.                <div class="u-mbmd col-xs-12 col-sm-6 col-md-4 pera1-removable" data-elem-name="m-card">
  577.                  <div data-structure="m-card">
  578.                    <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aabc18f31c9/original.jpg" alt="ゴミ屋敷の清掃" data-structure="e-img" style="">
  579.                    </div>
  580.                    <div class="c-heading u-mbmd pera1-removable">
  581.                      <div data-structure="e-heading" class="pera1-editable"><div><strong><span style="color: #0077c2;"><span style="color: #ec6a17;" data-custom-sp-fontsize="18px">ゴミ屋敷の片付け</span><br></span></strong></div></div>
  582.                    </div>
  583.                    <div class="p-m-card-text u-mbmd start-xs pera1-removable">
  584.                      <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">ゴミ屋敷の片付けは、『Handyman』が専門的に対応します。積み重なったゴミの撤去から清掃までを行い、快適な住空間を取り戻します。衛生的で健康的な生活環境を再構築し、新たな生活のスタートを支援します。</span></div></div>
  585.                    </div>
  586.                    
  587.                  </div>
  588.                </div>
  589.              <div class="u-mbmd col-xs-12 col-sm-6 col-md-4 pera1-removable" data-elem-name="m-card">
  590.                  <div data-structure="m-card">
  591.                    <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aabcac474fa/original.jpg" alt="孤独死後の処理" data-structure="e-img" style="">
  592.                    </div>
  593.                    <div class="c-heading u-mbmd pera1-removable">
  594.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #ec6a17;" data-custom-sp-fontsize="18px"><strong>孤独死後の処理</strong></span></div></div>
  595.                    </div>
  596.                    <div class="p-m-card-text u-mbmd start-xs pera1-removable">
  597.                      <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">孤独死後のお部屋の片付けは、『Handyman』が敬意を持って対応します。遺品の整理から現場の清掃まで、遺族の心情に配慮しながら行います。故人の尊厳を守り、遺族に代わって丁寧に作業を進めます。</span></div></div>
  598.                    </div>
  599.                    
  600.                  </div>
  601.                </div><div class="u-mbmd col-xs-12 col-sm-6 col-md-4 pera1-removable" data-elem-name="m-card">
  602.                  <div data-structure="m-card">
  603.                    <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aabd03ae464/original.jpg" alt="倉庫、事務所の片付け" data-structure="e-img" style="">
  604.                    </div>
  605.                    <div class="c-heading u-mbmd pera1-removable">
  606.                      <div data-structure="e-heading" class="pera1-editable"><div><span style="color: #ec6a17;" data-custom-sp-fontsize="18px"><strong>倉庫、事務所の片付け</strong></span></div></div>
  607.                    </div>
  608.                    <div class="p-m-card-text u-mbmd start-xs pera1-removable">
  609.                      <div data-custom-pc-fontsize="16px" data-structure="e-text" class="pera1-editable"><div>
  610. <p>倉庫や事務所の片付けは、『Handyman』が効率的に行います。不用品の撤去から整理整頓まで、業務の効率化を図ります。整理された環境での作業効率向上をサポートし、ビジネスの発展に貢献します。</p>
  611. </div></div>
  612.                    </div>
  613.                    
  614.                  </div>
  615.                </div><div class="u-mbmd col-xs-12 col-sm-6 col-md-4 pera1-removable pera1-ghost pera1-add pera1-multiple" data-elem-name="m-card" data-nosnippet="" style="opacity: 0; height: 50px;">
  616.                  <div data-structure="m-card">
  617.                    <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/template_root/v2/s3bucket/images/default/im_image_square.svg" alt="" data-structure="e-img">
  618.                    </div>
  619.                    <div class="c-heading u-mbmd pera1-removable">
  620.                      <div class="pera1-editable" data-structure="e-heading"><strong>小見出し</strong></div>
  621.                    </div>
  622.                    <div class="p-m-card-text u-mbmd start-xs pera1-removable">
  623.                      <div class="pera1-editable" data-structure="e-text">ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。</div>
  624.                    </div>
  625.                    <div class="c-btn c-btn--min-half u-mbmd pera1-removable"><a class="pera1-editable" href="javascript:void(0);" data-structure="e-btn">ボタン</a>
  626.                    </div>
  627.                  </div>
  628.                </div></div>
  629.            </div>
  630.          </div>
  631.        </div>
  632.      </div>
  633.    </div>
  634.  </div>
  635. </div><div class="pera1-section block" data-structure="b-sentence" data-block-name="文章" data-optional-block-settings-key="29" id="section-76" data-display-none-target="mobile" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:true,&quot;isDisplayedOnMobile&quot;:false}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  636.            <div class="u-flex u-mrmd">
  637.                <img src="/img/display_settings/desktop.svg">&nbsp;<img src="/img/display_settings/mobile_slash.svg">&nbsp;
  638.            </div>
  639.            <div>
  640.                <i class="fa fa-info-circle"></i><span>このブロックはスマートフォンの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  641.            </div>
  642.        </div>
  643.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="26">
  644.    <div class="c-wrapper c-wrapper--sm">
  645.      <div class="c-inner c-inner--lg c-inner--vertical">
  646.        <div data-custom-pc-fontsize="18px" data-structure="e-text" class="pera1-editable"><div style="text-align: center;"><span style="color: #389adc;"><strong>回収事例は、料金表ページのインスタグラムでご覧ください。<br>↓ ↓ ↓ ↓ ↓ ↓</strong></span></div></div>
  647.      </div>
  648.    </div>
  649.  </div>
  650. </div><div class="pera1-section block" data-structure="b-sentence" data-block-name="文章" data-optional-block-settings-key="30" id="section-77" data-display-none-target="desktop" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:false,&quot;isDisplayedOnMobile&quot;:true}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  651.            <div class="u-flex u-mrmd">
  652.                <img src="/img/display_settings/desktop_slash.svg">&nbsp;<img src="/img/display_settings/mobile.svg">&nbsp;
  653.            </div>
  654.            <div>
  655.                <i class="fa fa-info-circle"></i><span>このブロックはPCの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  656.            </div>
  657.        </div>
  658.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="27">
  659.    <div class="c-wrapper c-wrapper--sm">
  660.      <div class="c-inner c-inner--lg c-inner--vertical">
  661.        <div data-structure="e-text" class="pera1-editable"><div style="text-align: center;"><span style="color: #389adc;" data-custom-pc-fontsize="16px"><strong>回収事例は、料金表ページのインスタグラムでご覧ください。</strong></span></div></div>
  662.      </div>
  663.    </div>
  664.  </div>
  665. </div><div class="pera1-section block" data-structure="b-img" data-block-name="画像" data-optional-block-settings-key="31" id="section-73">
  666.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="28">
  667.    <div class="c-wrapper u-align-center">
  668.      <div class="c-inner c-inner--md c-inner--one-elem c-inner--vertical">
  669.        <div class="c-img c-img--responsive"><a href="https://handyman.hp.peraichi.com/price" target="_blank"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/66a09e19eb3e9/original.png" alt="ボタン" data-structure="e-img" style=""></a>
  670.        </div>
  671.      </div>
  672.    </div>
  673.  </div>
  674. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="32" id="section-22">
  675.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="29">
  676.    <div class="c-wrapper u-align-center">
  677.      <div class="c-inner c-inner--lg c-inner--vertical">
  678.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  679.          <h2 data-structure="e-heading" class="pera1-editable"><div><strong><span style="color: #ffffff;" data-custom-sp-fontsize="18px">対応エリア</span><br></strong></div></h2>
  680.        </div>
  681.        
  682.        
  683.        
  684.      </div>
  685.    </div>
  686.  </div>
  687. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="33" id="section-23">
  688.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="30">
  689.    <div class="c-wrapper u-align-center">
  690.      <div class="c-inner c-inner--lg c-inner--vertical">
  691.        
  692.        <div class="c-img c-img--responsive u-mbmd pera1-removable"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab6511dc526/original.png" alt="静岡市葵区・駿河区・清水区・清水区由比 地図" data-structure="e-img" style="">
  693.        </div>
  694.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  695.          <div data-structure="e-text" class="pera1-editable"><div style="text-align: center;"><span data-custom-sp-fontsize="16px"><strong><span data-custom-pc-fontsize="24px">【静岡市回収範囲】 <br>葵区・駿河区・清水区・清水区由比・蒲原</span></strong></span></div></div>
  696.        </div>
  697.        
  698.      </div>
  699.    </div>
  700.  </div>
  701. </div><div class="p-hr--blank-space-large pera1-section block" data-structure="b-hr--blank-space-large" data-block-name="余白(大・80px)" data-optional-block-settings-key="34" id="section-59">
  702.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(80px)</div>
  703.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="31">
  704.    <div class="p-hr--blank-space-large__inner c-inner c-inner--lg c-inner--one-elem c-inner--vertical"></div>
  705.  </div>
  706. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="35" id="section-41">
  707.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="32">
  708.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="b1f33680-3c7a-4c71-97f6-78607471fce1"></div></div>
  709.  </div>
  710. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="36" id="section-60">
  711.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  712.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="33" data-bgcolor="" style="background-image: none;">
  713.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  714.  </div>
  715. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="37" id="section-25">
  716.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="34" data-bgcolor="" style="background-image: none;">
  717.    <div class="c-wrapper u-align-center">
  718.      <div class="c-inner c-inner--lg c-inner--vertical">
  719.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  720.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><strong><span style="color: #0077c2;" data-custom-sp-fontsize="20px">- FLOW -</span><br></strong></div></h2>
  721.        </div>
  722.        
  723.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  724.          <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="20px"><strong><span style="color: #0077c2;" data-custom-pc-fontsize="48px">ご利用の流れ</span></strong></span></div></div>
  725.        </div>
  726.        
  727.      </div>
  728.    </div>
  729.  </div>
  730. </div><div class="pera1-section block" data-structure="b-premium-article-img-right" data-block-name="右画像" data-optional-block-settings-key="38" id="section-28">
  731.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="35" data-bgcolor="" style="background-image: none;">
  732.    <div class="c-wrapper">
  733.      <div class="c-inner c-inner--lg c-inner--vertical">
  734.        
  735.        <div class="grid-wrapper grid-wrapper--full">
  736.          <div class="row row-item-gutter--lg p-premium-article-img-right__item pera1-removable" data-structure="m-premium-article-img-right">
  737.            <div class="col-xs-12 col-sm-3 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  738.              <div class="p-premium-article-img-right__item-img c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab7fe4dbf4e/original.png" alt="電話アイコン" data-structure="e-img" style="">
  739.              </div>
  740.            </div>
  741.            <div class="col-xs-12 col-sm first-sm">
  742.              <div class="u-mbxs font-size-20px pera1-removable">
  743.                <div data-structure="e-text" class="pera1-editable"><div><span style="color: #0077c2;" data-custom-pc-fontsize="22px" data-custom-sp-fontsize="18px"><strong>STEP.1 お問い合わせ</strong></span></div></div>
  744.              </div>
  745.              
  746.              <div class="font-size-16px u-mbmd u-mtsm pera1-removable">
  747.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="16px">「Handyman(ハンディーマン)」にお電話にてお見積り日時を決めます。</span></div></div>
  748.              </div>
  749.            </div>
  750.          </div>
  751.          <div class="row row-item-gutter--lg p-premium-article-img-right__item pera1-removable" data-structure="m-premium-article-img-right" data-elem-name="premium-article-img-right">
  752.            <div class="col-xs-12 col-sm-3 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  753.              <div class="p-premium-article-img-right__item-img c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab80256fb32/original.png" alt="資料アイコン" data-structure="e-img" style="">
  754.              </div>
  755.            </div>
  756.            <div class="col-xs-12 col-sm first-sm">
  757.              <div class="u-mbxs font-size-20px pera1-removable">
  758.                <div data-structure="e-text" class="pera1-editable"><div><strong><span style="color: #0077c2;" data-custom-pc-fontsize="22px"><span data-custom-sp-fontsize="18px">STEP.2 お見積り(無料)</span><br></span></strong></div></div>
  759.              </div>
  760.              
  761.              <div class="font-size-16px u-mbmd u-mtsm pera1-removable">
  762.                <div data-structure="e-text" class="pera1-editable">お伺いした指定日に現地にて、お見積り(無料)をさせていただきます。</div>
  763.              </div>
  764.            </div>
  765.          </div>
  766.        <div class="row row-item-gutter--lg p-premium-article-img-right__item pera1-removable" data-structure="m-premium-article-img-right" data-elem-name="premium-article-img-right">
  767.            <div class="col-xs-12 col-sm-3 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  768.              <div class="p-premium-article-img-right__item-img c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab8051836ea/original.png" alt="トラックアイコン" data-structure="e-img" style="">
  769.              </div>
  770.            </div>
  771.            <div class="col-xs-12 col-sm first-sm">
  772.              <div class="u-mbxs font-size-20px pera1-removable">
  773.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="18px"><strong><span style="color: #0077c2;">STEP.3 作業開始</span></strong></span></div></div>
  774.              </div>
  775.              
  776.              <div class="font-size-16px u-mbmd u-mtsm pera1-removable">
  777.                <div data-structure="e-text" class="pera1-editable"><div>お見積もり時に提示した「日時」にて、作業を開始します。<br><span style="color: #ee8190;" data-custom-pc-fontsize="14px">※作業期間は物件の内容により数日~数週間程度</span></div></div>
  778.              </div>
  779.            </div>
  780.          </div><div class="row row-item-gutter--lg p-premium-article-img-right__item pera1-removable" data-structure="m-premium-article-img-right" data-elem-name="premium-article-img-right">
  781.            <div class="col-xs-12 col-sm-3 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  782.              <div class="p-premium-article-img-right__item-img c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab8087942c6/original.png" alt="契約書アイコン" data-structure="e-img" style="">
  783.              </div>
  784.            </div>
  785.            <div class="col-xs-12 col-sm first-sm">
  786.              <div class="u-mbxs font-size-20px pera1-removable">
  787.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="18px"><strong><span style="color: #0077c2;">STEP.4 作業完了報告</span></strong></span></div></div>
  788.              </div>
  789.              
  790.              <div class="font-size-16px u-mbmd u-mtsm pera1-removable">
  791.                <div data-structure="e-text" class="pera1-editable"><div><span style="color: #000000;">作業が終わりましたら、作業終了の「ご報告」のご連絡をいたします。</span><br><span style="color: #ee8190;" data-custom-pc-fontsize="14px">※立会日の日時を決めます</span></div></div>
  792.              </div>
  793.            </div>
  794.          </div><div class="row row-item-gutter--lg p-premium-article-img-right__item pera1-removable" data-structure="m-premium-article-img-right" data-elem-name="premium-article-img-right">
  795.            <div class="col-xs-12 col-sm-3 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  796.              <div class="p-premium-article-img-right__item-img c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab80c240aa7/original.png" alt="握手アイコン" data-structure="e-img" style="">
  797.              </div>
  798.            </div>
  799.            <div class="col-xs-12 col-sm first-sm">
  800.              <div class="u-mbxs font-size-20px pera1-removable">
  801.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="18px"><strong><span style="color: #0077c2;">STEP.5 お支払い</span></strong></span></div></div>
  802.              </div>
  803.              
  804.              <div class="font-size-16px u-mbmd u-mtsm pera1-removable">
  805.                <div data-structure="e-text" class="pera1-editable"><div>最終確認後に「現金」にてご精算をお願いいたします。</div></div>
  806.              </div>
  807.            </div>
  808.          </div><div class="row row-item-gutter--lg p-premium-article-img-right__item pera1-removable pera1-ghost pera1-add pera1-multiple" data-structure="m-premium-article-img-right" data-elem-name="premium-article-img-right" data-nosnippet="" style="opacity: 0; height: 50px;">
  809.            <div class="col-xs-12 col-sm-3 basis-auto-sm u-align-center u-mbmd u-mbmd--sp pera1-removable">
  810.              <div class="p-premium-article-img-right__item-img c-img c-img--responsive"><img class="pera1-editable" src="//cdn.peraichi.com/template_root/v2/s3bucket/images/default/im_scenery_seminar.jpg" alt="" data-structure="e-img">
  811.              </div>
  812.            </div>
  813.            <div class="col-xs-12 col-sm first-sm">
  814.              <div class="u-mbxs font-size-20px pera1-removable">
  815.                <div class="pera1-editable" data-structure="e-text">表示したいテキスト</div>
  816.              </div>
  817.              <div class="u-mbsm pera1-removable">
  818.                <div class="pera1-editable" data-structure="e-text">20xx年xx月xx日</div>
  819.              </div>
  820.              <div class="font-size-16px u-mbmd u-mtsm pera1-removable">
  821.                <div class="pera1-editable" data-structure="e-text">ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。</div>
  822.              </div>
  823.            </div>
  824.          </div></div>
  825.      </div>
  826.    </div>
  827.  </div>
  828. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="39" id="section-56">
  829.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  830.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="36" data-bgcolor="" style="background-image: none;">
  831.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  832.  </div>
  833. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="40" id="section-57">
  834.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="37">
  835.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="e4895f17-ecbb-40fd-9090-8d91c477a76c"><div class="btn">
  836.    <div class="btn_title">
  837.        <h2 class="pc"><span>お見積もり無料</span>お気軽にお問い合わせください!</h2>
  838.        <h2 class="sp"><span>お見積もり無料</span><br>お気軽にお問い合わせください!</h2>
  839.    </div>
  840.    <div class="btn_contens">
  841.        <div class="btn_content_1">
  842.            <img src="https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa4edb19b56/original.png" alt="バインダーを持つ作業員">
  843.        </div>
  844.        <div class="btn_content_2">
  845.            <p class="free_tel">0120-44-5383</p>
  846.            <p class="btn_tel">054-367-7007</p>
  847.            <p class="btn_text">定休日(不定休)</p>
  848.            <a href="tel:0120-44-5383"><img src="https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ad0c80c51c0/original.png" alt="ボタン"></a>
  849.        </div>
  850.    </div>
  851. </div>
  852.  
  853. <style>
  854. .pc { display: block !important; }
  855. .sp { display: none !important; }
  856. .btn {
  857. background: -webkit-repeating-linear-gradient( -45deg, #0077c2 0, #0077c2 5px, #0d7ec5 5px, #0d7ec5 10px );
  858. padding: 30px 0;
  859. }
  860. .btn_title {
  861. text-align: center;
  862. }
  863. .btn_title h2 {
  864. font-size: 40px;
  865. color: #ffd800;
  866. padding-bottom: 30px;
  867. font-weight: bold;
  868. }
  869. .btn_title h2 span {
  870. color: white;
  871. font-size: 25px;
  872. border: 1px solid;
  873. padding: 5px;
  874. margin-right: 10px;
  875. font-weight: 400;
  876. }
  877. .btn_contens {
  878. max-width: 960px;
  879. margin: 0 auto;
  880. background-color: white;
  881. padding: 30px;
  882. border-radius: 15px;
  883. display: grid;
  884. grid-template-rows: 1fr;
  885. grid-template-columns: 50% 50%;
  886. }
  887. .btn_content_1 {
  888. grid-row: 1;
  889. grid-column: 1;
  890. }
  891. .btn_content_2 {
  892. grid-row: 1;
  893. grid-column: 2;
  894. text-align: center;
  895. }
  896. .free_tel {
  897. font-size: 25px;
  898. font-weight: bold;
  899. font-size: 38px;
  900. margin-bottom: 0;
  901. }
  902. .btn_tel {
  903. font-size: 25px;
  904. font-weight: bold;
  905. font-size: 38px;
  906. margin-bottom: 5px;
  907. border-bottom: dotted 2px #DCDCDC;
  908. }
  909. .btn_text {
  910. color: #e8412e;
  911. font-weight: bold;
  912. }
  913. .free_tel::before {
  914.  content: url('https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa5df1603ef/original.png');  /* 画像のパスを指定 */
  915.  margin-right: 10px;  /* アイコンとテキストの間のスペースを調整 */
  916.  vertical-align: middle;  /* テキストとアイコンの垂直位置を中央揃え */
  917. }
  918. .btn_tel::before {
  919.  content: url('https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65aa5e2d057e6/original.png');  /* 画像のパスを指定 */
  920.  margin-right: 10px;  /* アイコンとテキストの間のスペースを調整 */
  921.  vertical-align: middle;  /* テキストとアイコンの垂直位置を中央揃え */
  922. }
  923. .btn_content_2 a img {
  924. webkit-animation-name: anim-balloon;
  925.  animation-name: anim-balloon;
  926.  -webkit-animation-iteration-count: infinite;
  927.  animation-iteration-count: infinite;
  928.  -webkit-animation-duration: 3s;<!--動きの秒数-->
  929.  animation-duration: 3s;<!--動きの秒数-->
  930. }
  931.  
  932. /*スマホサイズ*/
  933. @media screen and (max-width: 480px) {
  934. .sp { display: block !important; }
  935. .pc { display: none !important; }
  936. .btn {
  937. padding-right: 5px;
  938. padding-left: 5px;
  939. }
  940. .btn_contens {
  941. padding: 30px;
  942. display: grid;
  943. grid-template-rows: 1fr 1fr;
  944. grid-template-columns: 1fr;
  945. margin-top: 30px;
  946. }
  947. .btn_content_1 {
  948. grid-row: 1;
  949. grid-column: 1;
  950. }
  951. .btn_content_2 {
  952. grid-row: 2;
  953. grid-column: 1;
  954. text-align: center;
  955. }
  956. .btn_title h2 {
  957. font-size: 22px;
  958. padding: 5px;
  959. }
  960. .btn_title h2 span {
  961. font-size: 18px;
  962. margin-right: 0px;
  963. }
  964. .free_tel,
  965. .btn_tel {
  966. font-size: 25px;
  967. }
  968. }
  969. </style></div>
  970.  </div>
  971. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="41" id="section-29">
  972.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  973.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="38" data-bgcolor="#F8F8FF" style="background-image: none; background-color: rgb(248, 248, 255); --block-bg-color: #F8F8FF;">
  974.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  975.  </div>
  976. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="42" id="section-30">
  977.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="39" data-bgcolor="#F8F8FF" style="background-image: none; background-color: rgb(248, 248, 255); --block-bg-color: #F8F8FF;">
  978.    <div class="c-wrapper u-align-center">
  979.      <div class="c-inner c-inner--lg c-inner--vertical">
  980.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  981.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><span style="color: #0077c2;" data-custom-sp-fontsize="20px"><strong>- Q&amp;A -</strong></span></div></h2>
  982.        </div>
  983.        
  984.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  985.          <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="20px"><strong><span style="color: #0077c2;" data-custom-pc-fontsize="48px">よくあるご質問</span></strong></span></div></div>
  986.        </div>
  987.        
  988.      </div>
  989.    </div>
  990.  </div>
  991. </div><div class="pera1-section block" data-structure="b-list-faq" data-block-name="よくある質問" data-optional-block-settings-key="43" id="section-31">
  992.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="40" data-bgcolor="#F8F8FF" style="background-image: none; background-color: rgb(248, 248, 255); --block-bg-color: #F8F8FF;">
  993.    <div class="c-wrapper c-wrapper--sm">
  994.      <div class="c-inner c-inner--lg c-inner--one-elem c-inner--vertical">
  995.        
  996.        <div class="c-list-v c-list-v--lg pera1-removable">
  997.          <ul class="pera1-sortable" data-structure="m-list-faq">
  998.            <li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq">
  999.              <div class="u-clearfix">
  1000.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1001.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-sp-fontsize="16px"><strong><span data-custom-pc-fontsize="22px">「取り扱いサービス」以外の対応はされてますか?</span></strong></span></div></div>
  1002.              </div>
  1003.              <div class="u-clearfix">
  1004.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1005.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">家の売却には不動産会社、家の解体には解体業者、買取会社など協力会社様のご紹介はできます。</span></div></div>
  1006.              </div>
  1007.            </li>
  1008.            <li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq" data-elem-name="list-faq">
  1009.              <div class="u-clearfix">
  1010.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1011.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-pc-fontsize="22px" data-custom-sp-fontsize="16px"><strong>「対応エリア外」に住んでますが依頼できないですか?</strong></span></div></div>
  1012.              </div>
  1013.              <div class="u-clearfix">
  1014.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1015.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">お問い合わせは、全国からいただけますが許可の関係上、作業できるのは静岡市内だけになります。</span></div></div>
  1016.              </div>
  1017.            </li>
  1018.          <li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq" data-elem-name="list-faq">
  1019.              <div class="u-clearfix">
  1020.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1021.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-pc-fontsize="22px" data-custom-sp-fontsize="16px"><strong>最短でどのくらいで作業して貰えますか?</strong></span></div></div>
  1022.              </div>
  1023.              <div class="u-clearfix">
  1024.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1025.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">時期にもよりますが、見積り後正式ご依頼頂いて平均1週間以内に着工させて頂いております。</span></div></div>
  1026.              </div>
  1027.            </li><li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq" data-elem-name="list-faq">
  1028.              <div class="u-clearfix">
  1029.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1030.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-sp-fontsize="16px"><strong><span data-custom-pc-fontsize="22px">最短でどのくらいの日数で作業終了して貰えますか?</span></strong></span></div></div>
  1031.              </div>
  1032.              <div class="u-clearfix">
  1033.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1034.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">作業規模にもよりますが最短半日以内で終了事例もありますが、通常一軒家の多量ゴミは1週間ほどお時間を頂いております。</span></div></div>
  1035.              </div>
  1036.            </li><li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq" data-elem-name="list-faq">
  1037.              <div class="u-clearfix">
  1038.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1039.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-pc-fontsize="22px" data-custom-sp-fontsize="16px"><strong>事前にご準備することはありますか?</strong></span></div></div>
  1040.              </div>
  1041.              <div class="u-clearfix">
  1042.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1043.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">特にありません。</span></div></div>
  1044.              </div>
  1045.            </li><li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq" data-elem-name="list-faq">
  1046.              <div class="u-clearfix">
  1047.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1048.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-pc-fontsize="22px" data-custom-sp-fontsize="16px"><strong>お見積もり金額が合わない場合はお断りできますか?</strong></span></div></div>
  1049.              </div>
  1050.              <div class="u-clearfix">
  1051.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1052.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">もちろんです。</span></div></div>
  1053.              </div>
  1054.            </li><li class="pera1-sortable-item pera1-removable" data-structure="e-list-faq" data-elem-name="list-faq">
  1055.              <div class="u-clearfix">
  1056.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1057.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span style="color: #0077c2;" data-custom-pc-fontsize="22px" data-custom-sp-fontsize="16px"><strong>お約束した「日時」に用事が入った場合キャンセルできますか?</strong></span></div></div>
  1058.              </div>
  1059.              <div class="u-clearfix">
  1060.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1061.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><div><span data-custom-pc-fontsize="16px" data-custom-sp-fontsize="14px">はい、ご連絡頂ければ大丈夫ですキャンセル料もありません。</span></div></div>
  1062.              </div>
  1063.            </li><li class="pera1-sortable-item pera1-removable pera1-ghost pera1-add pera1-multiple" data-structure="e-list-faq" data-elem-name="list-faq" data-nosnippet="" style="opacity: 0; height: 50px;">
  1064.              <div class="u-clearfix">
  1065.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">Q</div>
  1066.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable"><strong>ここをクリックして表示したいテキストを入力してください。</strong></div>
  1067.              </div>
  1068.              <div class="u-clearfix">
  1069.                <div class="c-symbol c-symbol--sm u-float-left u-mrsm u-mbxs pera1-editable pera1-removable">A</div>
  1070.                <div class="u-overflow-hidden u-mbxs pera1-editable pera1-removable">ここをクリックして表示したいテキストを入力してください。</div>
  1071.              </div>
  1072.            </li></ul>
  1073.        </div>
  1074.      </div>
  1075.    </div>
  1076.  </div>
  1077. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="44" id="section-61">
  1078.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  1079.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="41" data-bgcolor="#F8F8FF" style="background-image: none; background-color: rgb(248, 248, 255); --block-bg-color: #F8F8FF;">
  1080.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  1081.  </div>
  1082. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="45" id="section-72">
  1083.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  1084.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="42">
  1085.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  1086.  </div>
  1087. </div><div class="pera1-section block" data-structure="b-heading-put-on-bdr" data-block-name="見出し(中央線)" data-optional-block-settings-key="46" id="section-69">
  1088.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="43">
  1089.    <div class="c-wrapper">
  1090.      <div class="p-heading__inner">
  1091.        <div class="c-heading p-heading-put-on-bdr">
  1092.          <div class="p-heading-put-on-bdr__inner">
  1093.            <h2 data-structure="e-heading" class="pera1-editable"><div style="text-align: center;"><span style="color: #0077c2;"><strong>Facebook</strong></span></div></h2>
  1094.          </div>
  1095.        </div>
  1096.      </div>
  1097.    </div>
  1098.  </div>
  1099. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み" data-optional-block-settings-key="47" id="section-70" data-display-none-target="mobile" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:true,&quot;isDisplayedOnMobile&quot;:false}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  1100.            <div class="u-flex u-mrmd">
  1101.                <img src="/img/display_settings/desktop.svg">&nbsp;<img src="/img/display_settings/mobile_slash.svg">&nbsp;
  1102.            </div>
  1103.            <div>
  1104.                <i class="fa fa-info-circle"></i><span>このブロックはスマートフォンの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  1105.            </div>
  1106.        </div>
  1107.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="44">
  1108.    <div class="c-wrapper">
  1109.      <div class="c-inner c-inner--lg c-inner--vertical">
  1110.        <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="278daa54-93de-41d1-b2e3-ab1be60feb7f"><div id="fb-root"></div>
  1111. <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v20.0" nonce="5PccYxqR"></script>
  1112.  
  1113. <div class="fb-page" data-href="https://www.facebook.com/profile.php?id=61562805005117" data-tabs="timeline" data-width="500" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/profile.php?id=61562805005117" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/profile.php?id=61562805005117">不用品回収 Handyman </a></blockquote></div></div>
  1114.      </div>
  1115.    </div>
  1116.  </div>
  1117. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み" data-optional-block-settings-key="48" id="section-71" data-display-none-target="desktop" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:false,&quot;isDisplayedOnMobile&quot;:true}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  1118.            <div class="u-flex u-mrmd">
  1119.                <img src="/img/display_settings/desktop_slash.svg">&nbsp;<img src="/img/display_settings/mobile.svg">&nbsp;
  1120.            </div>
  1121.            <div>
  1122.                <i class="fa fa-info-circle"></i><span>このブロックはPCの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  1123.            </div>
  1124.        </div>
  1125.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="45">
  1126.    <div class="c-wrapper">
  1127.      <div class="c-inner c-inner--lg c-inner--vertical">
  1128.        <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="abb4e4b5-f9bf-4e4d-8ab9-3f33faf56750"><body>
  1129.  <div id="fb-root"></div>
  1130.  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v20.0" nonce="RB9zwFni"></script>
  1131.  
  1132.  <div class="fb-container">
  1133.    <div class="fb-page" data-href="https://www.facebook.com/profile.php?id=61562805005117" data-tabs="timeline" data-width="360" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">
  1134.      <blockquote cite="https://www.facebook.com/profile.php?id=61562805005117" class="fb-xfbml-parse-ignore" data-adapt-container-width="true">
  1135.        <a href="https://www.facebook.com/profile.php?id=61562805005117">不用品回収 Handyman</a>
  1136.      </blockquote>
  1137.    </div>
  1138.  </div>
  1139. <style>
  1140.    .fb-container {
  1141.      max-width: 100%;
  1142.      overflow: hidden;
  1143.    }
  1144.  
  1145.    .fb-page {
  1146.      width: 100% !important;
  1147.      max-width: none !important;
  1148.    }
  1149.    ._19wj img {
  1150.      width: 100%!important;
  1151.    }
  1152. </style></div>
  1153.      </div>
  1154.    </div>
  1155.  </div>
  1156. </div><div class="p-hr--blank-space-medium pera1-section block" data-structure="b-hr--blank-space-medium" data-block-name="余白(中・40px)" data-optional-block-settings-key="49" id="section-62">
  1157.  <div class="only-edit u-align-center"><i class="fa fa-info-circle"></i> 余白(40px)</div>
  1158.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="46">
  1159.    <div class="p-hr--blank-space-medium__inner c-inner c-inner--one-elem c-inner--vertical"></div>
  1160.  </div>
  1161. </div><div class="pera1-section block" data-structure="b-article" data-block-name="上画像" data-optional-block-settings-key="50" id="section-33">
  1162.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="47">
  1163.    <div class="c-wrapper u-align-center">
  1164.      <div class="c-inner c-inner--lg c-inner--vertical">
  1165.        <div class="c-heading c-heading--block-main u-mbmd pera1-removable">
  1166.          <h2 data-custom-pc-fontsize="22px" data-structure="e-heading" class="pera1-editable"><div><span style="color: #0077c2;" data-custom-sp-fontsize="20px"><strong>- MESSAGE -</strong></span></div></h2>
  1167.        </div>
  1168.        
  1169.        <div class="c-wrapper c-wrapper--no-gutter c-wrapper--sm u-mbmd pera1-removable">
  1170.          <div data-structure="e-text" class="pera1-editable"><div><span data-custom-sp-fontsize="20px"><strong><span style="color: #0077c2;" data-custom-pc-fontsize="48px">ご挨拶</span></strong></span></div></div>
  1171.        </div>
  1172.        
  1173.      </div>
  1174.    </div>
  1175.  </div>
  1176. </div><div class="pera1-section block" data-structure="b-sentence-report" data-block-name="記事(右画像)" data-optional-block-settings-key="51" id="section-63">
  1177.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" style="background-image: none;" data-bg-key="48" data-bgcolor="">
  1178.    <div class="c-wrapper">
  1179.      <div class="c-inner c-inner--lg c-inner--vertical c-inner--one-elem">
  1180.        <div class="p-sentence-report">
  1181.          <div class="c-img-wraparound c-inner c-inner--lg">
  1182.            <div class="p-sentence-report__media c-img-wraparound__media c-img-wraparound__media--right c-img-wraparound__media--lg pera1-removable">
  1183.              <div class="c-img c-img--responsive c-img-frame"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab883b7ea5a/original.jpg" alt="握手をする作業員" data-structure="e-img" style="">
  1184.              </div>
  1185.            </div>
  1186.            <div class="p-sentence-report__contents">
  1187.              
  1188.              
  1189.              <div class="u-mbmd pera1-removable">
  1190.                <div data-structure="e-text" class="pera1-editable"><div><span data-custom-pc-fontsize="18px" data-custom-sp-fontsize="16px">静岡市で不用品の回収をしていますと、無許可営業による回収で適切な処分をしていないなどの声を聞く事もあります。</span><br><br><span data-custom-pc-fontsize="18px" data-custom-sp-fontsize="16px">その様な事でお客様にご迷惑をお掛けしないように、確実に静岡市の処分場に持ち込み処理を致します。</span><br><br><span data-custom-pc-fontsize="18px"><span data-custom-sp-fontsize="16px">当社が回収処分するまでは、お客様にとってはゴミでは無く大切な思い出の品々なので、その気持ちを持ってこれからも作業致します。</span><br><br><br><span data-custom-sp-fontsize="16px">Handyman 代表</span><br></span></div></div>
  1191.              </div>
  1192.            </div>
  1193.          </div>
  1194.        </div>
  1195.      </div>
  1196.    </div>
  1197.  </div>
  1198. </div><div class="pera1-section block" data-structure="b-sentence" data-block-name="文章" data-optional-block-settings-key="52" id="section-35">
  1199.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="49">
  1200.    <div class="c-wrapper c-wrapper--sm">
  1201.      <div class="c-inner c-inner--lg c-inner--vertical">
  1202.        <div data-structure="e-text" class="pera1-editable"></div>
  1203.      </div>
  1204.    </div>
  1205.  </div>
  1206. </div><div class="pera1-section block" data-structure="b-map-and-table--reverse" data-block-name="右地図+テーブル" data-optional-block-settings-key="53" id="section-37">
  1207.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="50" data-bgcolor="#E4F2FD" style="background-image: none; background-color: rgb(228, 242, 253); --block-bg-color: #E4F2FD;">
  1208.    <div class="c-wrapper u-align-center">
  1209.      <div class="c-inner c-inner--lg c-inner--vertical">
  1210.        
  1211.        <div class="grid-wrapper grid-wrapper--full">
  1212.          <div class="row row-item-gutter--lg center-xs">
  1213.            <div class="col-xs-12 col-md-6 start-xs pera1-removable">
  1214.              <div class="c-tr--bdr c-tr--bdr-btm u-mbmd">
  1215.                <table data-structure="m-table">
  1216.                  <tbody class="pera1-sortable">
  1217.                    <tr class="pera1-sortable-item pera1-removable" data-structure="e-tr">
  1218.                      <th data-structure="e-th" class="pera1-editable"><div>【会社名】</div></th>
  1219.                      <td data-structure="e-td" class="pera1-editable"><div>有限会社 岩本商店(Handyman)</div></td>
  1220.                    </tr>
  1221.                    <tr class="pera1-sortable-item pera1-removable" data-structure="e-tr">
  1222.                      <th data-structure="e-th" class="pera1-editable"><div>【住所】</div></th>
  1223.                      <td data-structure="e-td" class="pera1-editable"><div>〒424-0041<br>静岡市清水区高橋3丁目10番49号</div></td>
  1224.                    </tr>
  1225.                    <tr class="pera1-sortable-item pera1-removable" data-structure="e-tr">
  1226.                      <th data-structure="e-th" class="pera1-editable"><div><strong>*お客様専用*</strong></div></th>
  1227.                      <td data-structure="e-td" class="pera1-editable"><div>0120-44-5383<br>054-367-7007</div></td>
  1228.                    </tr>
  1229.                    
  1230.                  <tr class="pera1-sortable-item pera1-removable" data-structure="e-tr" data-elem-name="tr">
  1231.                      <th data-structure="e-th" class="pera1-editable"><div style="text-align: left;">【メールアドレス】</div></th>
  1232.                      <td data-structure="e-td" class="pera1-editable">handyman_shizuoka-work@yahoo.co.jp</td>
  1233.                    </tr><tr class="pera1-sortable-item pera1-removable" data-structure="e-tr" data-elem-name="tr">
  1234.                      <th data-structure="e-th" class="pera1-editable"></th>
  1235.                      <td data-structure="e-td" class="pera1-editable">一般廃棄物収集運搬許可<br>産業廃棄物収集運搬許可<br>古物商許可</td>
  1236.                    </tr><tr class="pera1-sortable-item pera1-removable pera1-ghost pera1-add pera1-multiple" data-structure="e-tr" data-elem-name="tr" data-nosnippet="" style="opacity: 0; height: 50px;">
  1237.                      <th class="pera1-editable" data-structure="e-th"><strong>見出し</strong></th>
  1238.                      <td class="pera1-editable" data-structure="e-td">ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。テキストテキストテキストテキストテキストテキストテキストテキストテキスト...。テキストテキストテキストテキストテキストテキストテキストテキストテキスト...。テキストテキストテキストテキストテキストテキストテキストテキストテキスト...。</td>
  1239.                    </tr></tbody>
  1240.                </table>
  1241.              </div>
  1242.            </div>
  1243.            <div class="col-xs-12 col-md-6 pera1-removable">
  1244.              <div class="c-embedly-object c-embedly-object--responsive">
  1245.                <div class="pera1-editable" data-pera1-type="embed_gmap">
  1246.                  <iframe src="https://www.google.com/maps/embed/v1/place?q=%E9%9D%99%E5%B2%A1%E5%B8%82%E6%B8%85%E6%B0%B4%E5%8C%BA%E9%AB%98%E6%A9%8B%EF%BC%93%E4%B8%81%E7%9B%AE10%E7%95%AA49%E5%8F%B7&amp;language=ja&amp;zoom=16&amp;maptype=roadmap&amp;key=AIzaSyCucBnVrKinLowf5-ChLoxp-jjWZ82TuTU" frameborder="0" marginwidth="0" marginheight="0" width="100%" height="225px"></iframe>
  1247.                </div>
  1248.              </div>
  1249.            </div>
  1250.          </div>
  1251.        </div>
  1252.      </div>
  1253.    </div>
  1254.  </div>
  1255. </div><div class="pera1-section block" data-structure="b-img" data-block-name="画像" data-optional-block-settings-key="54" id="section-74" data-display-none-target="mobile" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:true,&quot;isDisplayedOnMobile&quot;:false}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  1256.            <div class="u-flex u-mrmd">
  1257.                <img src="/img/display_settings/desktop.svg">&nbsp;<img src="/img/display_settings/mobile_slash.svg">&nbsp;
  1258.            </div>
  1259.            <div>
  1260.                <i class="fa fa-info-circle"></i><span>このブロックはスマートフォンの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  1261.            </div>
  1262.        </div>
  1263.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="51">
  1264.    <div class="c-wrapper u-align-center">
  1265.      <div class="c-inner c-inner--md c-inner--one-elem c-inner--vertical">
  1266.        <div class="c-img c-img--responsive"><a href="https://fuyouhin-soudansho.com/area/shizuoka/shizuoka_shi/" target="_blank"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/6758027c66180/original.jpg" alt="" data-structure="e-img" style=""></a>
  1267.        </div>
  1268.      </div>
  1269.    </div>
  1270.  </div>
  1271. </div><div class="pera1-section block" data-structure="b-img" data-block-name="画像" data-optional-block-settings-key="55" id="section-75" data-display-none-target="desktop" data-optional-block-settings="{&quot;isDisplayedOnDesktop&quot;:false,&quot;isDisplayedOnMobile&quot;:true}"><div class="only-edit-notification-icon u-align-center js-display-setting-notification" data-nosnippet="">
  1272.            <div class="u-flex u-mrmd">
  1273.                <img src="/img/display_settings/desktop_slash.svg">&nbsp;<img src="/img/display_settings/mobile.svg">&nbsp;
  1274.            </div>
  1275.            <div>
  1276.                <i class="fa fa-info-circle"></i><span>このブロックはPCの画面サイズで非表示設定になっています<br>公開ページで表示したい場合は「ブロックの設定」から変更してください</span>
  1277.            </div>
  1278.        </div>
  1279.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="52">
  1280.    <div class="c-wrapper u-align-center">
  1281.      <div class="c-inner c-inner--md c-inner--one-elem c-inner--vertical">
  1282.        <div class="c-img c-img--responsive"><a href="https://fuyouhin-soudansho.com/area/shizuoka/shizuoka_shi/" target="_blank"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/6758027c66180/original.jpg" alt="" data-structure="e-img" style=""></a>
  1283.        </div>
  1284.      </div>
  1285.    </div>
  1286.  </div>
  1287. </div><div class="pera1-section block" data-structure="b-img" data-block-name="画像" data-optional-block-settings-key="56" id="section-64">
  1288.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="53" data-bgcolor="#E4F2FD" style="background-image: none; background-color: rgb(228, 242, 253); --block-bg-color: #E4F2FD;">
  1289.    <div class="c-wrapper u-align-center">
  1290.      <div class="c-inner c-inner--md c-inner--one-elem c-inner--vertical">
  1291.        <div class="c-img c-img--responsive"><a href="https://www.instagram.com/shizuoka.handyman/?igsh=OXR1aXBqcGd1YTRp" target="_blank"><img class="pera1-editable" src="//cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65ab8f3449861/original.png" alt="Instagramアイコン" data-structure="e-img" style=""></a>
  1292.        </div>
  1293.      </div>
  1294.    </div>
  1295.  </div>
  1296. </div><div class="pera1-section block" data-structure="b-html-code" data-block-name="HTML埋め込み(横幅フル)" data-optional-block-settings-key="57" id="section-39">
  1297.  <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="54">
  1298.    <div class="pera1-editable" data-pera1-type="embed_html" data-pera1-embed_block_id="47d205b1-69d3-4577-a943-15be0e42bd7f"><style>
  1299. /*全体フォント*/
  1300. body {
  1301. font-family: 'Noto Sans JP', sans-serif;
  1302. }
  1303. /*ゴシックフォント*/
  1304. #section-4,
  1305. #section-52,
  1306. #section-53,
  1307. #section-54,
  1308. #section-20 .c-heading,
  1309. #section-22 h2,
  1310. #section-28 .u-mbxs {
  1311. font-family: 'BIZ UDPGothic', sans-serif;
  1312. }
  1313. /*明朝体*/
  1314. #section-63 {
  1315. font-family: 'Noto Serif JP', serif;
  1316. }
  1317. /*文字の周りの枠*/
  1318. #section-7,
  1319. #section-67 {
  1320. color: #000;
  1321. text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
  1322.              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
  1323.              0px 1px 0 #FFF,  0-1px 0 #FFF,
  1324.              -1px 0 0 #FFF, 1px 0 0 #FFF;
  1325.  
  1326. text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
  1327.              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
  1328.              0px 2px 0 #FFF,  0-2px 0 #FFF,
  1329.              -2px 0 0 #FFF, 2px 0 0 #FFF;
  1330. }
  1331.  
  1332. #section-68 {
  1333. font-weight: bold;
  1334. }
  1335.  
  1336. /*タイトル下線*/
  1337. #section-5 strong,
  1338. #section-8 strong,
  1339. #section-15 strong,
  1340. #section-17 strong,
  1341. #section-16 strong,
  1342. #section-20 .c-heading span {
  1343. background: linear-gradient(transparent 70%, #FFFF88 30%);
  1344. }
  1345.  
  1346. /*画像シャドー*/
  1347. body img {
  1348. box-shadow: 0 0 8px gray;
  1349. }
  1350. #section-48 img,
  1351. #section-23 img,
  1352. #section-38 img,
  1353. #section-64 img,
  1354. #section-57 img,
  1355. #section-68 img {
  1356. box-shadow: 0 0 0px gray;
  1357. }
  1358.  
  1359. /*WORRIES*/
  1360. #section-3 .c-wrapper--sm {
  1361. max-width: 960px;
  1362. }
  1363.  
  1364.  
  1365. /*About*/
  1366. #section-42 {
  1367. background-image: url(https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65a9153baa0ae/original.png);
  1368. background-repeat:repeat;
  1369. background-position:   center;
  1370. background-size: cover;
  1371. }
  1372. #section-8 .c-wrapper {
  1373. background-color: rgba(255, 255, 255, 0.9);
  1374. }
  1375. #section-8 .p-article-main-text {
  1376. padding-left: 10px;
  1377. }
  1378.  
  1379.  
  1380.  
  1381. /*Service*/
  1382. #section-40 {
  1383. background-image: url(https://cdn.peraichi.com/userData/8be8f88b-2696-4703-afd1-90030e2e134e/img/65a918f3a7a6a/original.png);
  1384. background-repeat:repeat;
  1385. background-position:   center;
  1386. background-size: auto;
  1387. }
  1388. #section-73 img {
  1389. width: 450px;
  1390. box-shadow: 0 0 0px gray;
  1391. webkit-animation-name: anim-balloon;
  1392.  animation-name: anim-balloon;
  1393.  -webkit-animation-iteration-count: infinite;
  1394.  animation-iteration-count: infinite;
  1395.  -webkit-animation-duration: 3s;<!--動きの秒数-->
  1396.  animation-duration: 3s;<!--動きの秒数-->
  1397. }
  1398.  
  1399.  
  1400. /*Point*/
  1401. #section-52 .c-heading,
  1402. #section-53 .c-heading,
  1403. #section-54 .c-heading {
  1404. background-color: #42a5f5;
  1405. border-radius: 15px;
  1406. padding: 20px 0;
  1407. }
  1408. .p-heading-double-bdr {
  1409. border: 0px double #28c3d4;
  1410. }
  1411.  
  1412. /*Area*/
  1413. #section-22 h2 {
  1414. background-color: #42a5f5;
  1415. border-top-left-radius: 15px;
  1416. border-top-right-radius: 15px;
  1417. padding: 20px 0;
  1418. }
  1419. #section-23 img {
  1420. width: 450px;
  1421. }
  1422. #section-23 .c-inner {
  1423. padding-top: 0;
  1424. border: 1px solid #42a5f5;
  1425. background-color: white;
  1426. }
  1427. #section-22 .c-inner {
  1428. padding-bottom: 0;
  1429. }
  1430. #section-22 .u-mbmd {
  1431. margin-bottom: 0;
  1432. }
  1433.  
  1434.  
  1435. /*Step*/
  1436. #section-28 img {
  1437. border: 0px solid #fff;
  1438. box-shadow: 0 0 0px rgba(0, 0, 0, 0.8);
  1439. }
  1440.  
  1441.  
  1442. /*Q&A*/
  1443. #section-31 .c-wrapper--sm {
  1444. max-width: 960px;
  1445. }
  1446.  
  1447.  
  1448. /*Facebook*/
  1449. #section-70,
  1450. #section-71 {
  1451. text-align: center;
  1452. }
  1453.  
  1454. /*Footer*/
  1455. .p-footer__inner {
  1456. padding: 3px;
  1457. }
  1458. #section-64 img {
  1459. width: 250px;
  1460. }
  1461.  
  1462. /*スマホサイズ*/
  1463. @media screen and (max-width: 480px) {
  1464. /*Service*/
  1465. #section-40 {
  1466. background-size: contain;
  1467. }
  1468. #section-73 img {
  1469. width: 300px;
  1470. }
  1471. /*Point*/
  1472. #section-52 .c-heading,
  1473. #section-53 .c-heading,
  1474. #section-54 .c-heading {
  1475. padding: 10px 0;
  1476. }
  1477. /*Area*/
  1478. #section-22 h2 {
  1479. padding: 10px 0;
  1480. }
  1481. .m_navigationMenu a {
  1482. font-size: 14px;
  1483. }
  1484. .p-btn_navigationToggle {
  1485. background-color: #0077c2;
  1486. }
  1487. .p-btn_navigationToggle {
  1488. color: white;
  1489. }
  1490.  
  1491. }
  1492.  
  1493. </style></div>
  1494.  </div>
  1495. </div><div class="s_footer-peraichi pera1-section block" data-structure="b-footer" data-block-name="フッター" id="section-1" data-optional-block-settings-key="58">
  1496.          <div class="c-bg-img c-bg-img--cover pera1-bg-editable" data-bg-key="55">
  1497.            <div class="c-wrapper c-wrapper">
  1498.              <div class="p-footer__inner">
  1499.                <div class="u-align-center">
  1500.                      <div data-structure="e-text" class="pera1-editable"><div><span style="color: #ffffff;" data-custom-sp-fontsize="12px"><a style="color: #ffffff;" href="https://handyman.hp.peraichi.com/privacy" target="_blank">プライバシーポリシー<br></a><br>Copyright 2024&nbsp;Handyman</span></div></div>
  1501.                </div>
  1502.              </div>
  1503.            </div>
  1504.          </div>
  1505.        </div>
  1506.  
  1507.  
  1508.  
  1509.  
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.  
  1517.  
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540.  
  1541.  
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559.  
  1560.  
  1561.  
  1562.  
  1563.  
  1564.  
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574.  
  1575.  
  1576.  
  1577.  
  1578.  
  1579.  
  1580.  
  1581.  
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.  
  1588.  
  1589.  
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595.  
  1596.  
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610. <script id="tmpl_nav" type="text/x-template">
  1611.          <ul class="nav nav-pills nav-stacked">
  1612.          <% _.each(sections, function(section) { %>
  1613.          <li><a href="#<%= section.id %>"><%= section.name %></a></li>
  1614.          <% }) %>
  1615.          </ul>
  1616.        </script>
  1617. <script id="template_html" type="text/x-template"></script><script src="https://analytics.peraichi.com/scripts/beacon.min.js?tracking_codes=oJNaeFon73f4v0N"></script></body></html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda