<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>株式会社ミップ</title>
    <meta name="keywords" content="株式会社ミップ,Webシステム開発,CMS,Webアプリケーション,ホスティング,ITサービス,デジタルマーケティング,システム開発会社" />
    <meta name="description" content="株式会社ミップは、Webシステム開発やCMS、ホスティングなどのITサービスを提供しています。企業の課題解決に向けたデジタルマーケティング支援も行っています。" />
    <link type="text/css" rel="stylesheet" href="/js/4th/flexslider.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/style-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/Footer-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/about-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/share-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/Default-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/Case-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/Sitemap-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/News-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/top-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/Header-59.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/pages-59.css" />
<link type="text/css" rel="stylesheet" href="/js/3rd/jquery-ui/jquery-ui.css" />
<link type="text/css" rel="stylesheet" href="/css/usr/default/allmodules-59.css" />
    <!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
<!-- @SITENAME=株式会社ミップ -->
<!-- @PAGENAME=株式会社ミップ｜ITで企業の課題を解決｜株式会社ミップはWebソリューション事業を提供しています -->
<!-- @SUBJECTS= -->
<!-- @SUBJDATE= -->
<!-- @LASTUPDT=0 -->
</head>
<body>
    <header class="header_wrapper">
    <div class="header_inner">
    <div class="header_logo_wrapper">
        <a href="/" class="header_logo">
        <img src="/img/usr/default/PBf-J-rRj-7.png" width="152"  alt="株式会社MIPロゴ" title="株式会社MIPロゴ" style="top: 0px; "  />        <img src="/img/usr/default/sRD-a-VLcE-6.png" width="272" height="100"  alt="株式会社MIPロゴ" title="株式会社MIPロゴ" style="top: 0px; "  />        </a>
    </div>
        <nav class="header_nav">
            <!-- pc menu -->
            <!-- pc menu -->
<ul class="header_nav_list">
    <li class="header_nav_item">
        <a href="/about/" class="header_nav_link">
            <p class="header_nav_link_text">MIPについて</p>
        </a>
    </li>
    <li class="header_nav_item header_nav_item--has-mega-menu">
        <button class="header_nav_focus" aria-expanded="false">
          <span class="header_nav_link">
              <p class="header_nav_link_text">事業内容</p>
          </span>
        </button>
        <div class="header_mega_menu">
            <div class="header_mega_menu_box">
                <div class="header_mega_menu_inner">
                    <p class="header_mega_menu_main_title">事業内容</p>
                    <div class="header_mega_menu_grid">
                        <div class="header_mega_menu_section">
                            <a href="/digital_marketing/" class="header_mega_menu_title">
                                <h3><span>マーケティング戦略・企画支援</span></h3>
                            </a>
                            <ul class="header_mega_menu_list">
                                <li><span>マーケティング戦略立案</span>
                                <li><span>SEO対策</span></li>
                                <li><span>AIO（AI検索最適化）</span></li>
                                <li><span>LLMO対策</span></li>
                                <li><span>コンテンツ設計</span></li>
                                <li><span>オウンドメディア運用</span></li>
                                <li><span>リサーチ・分析</span></li>
                                <li><span>MA / CRM導入支援</span></li>
                            </ul>
                        </div>
                        <div class="header_mega_menu_section">
                            <a href="/system/" class="header_mega_menu_title">
                                <h3><span>システム開発</span></h3>
                            </a>
                            <ul class="header_mega_menu_list">
                                <li><span>資材発注システム開発</span></li>
                                <li><span>入出庫管理システム開発</span></li>
                                <li><span>CMSオリジナルモジュール開発</span></li>
                                <li><span>SaaS / 外部サービス連携</span></li>
                                <li><span>サーバ・インフラ構築</span></li>
                            </ul>
                        </div>
                        <div class="header_mega_menu_section">
                            <a href="/web_production/" class="header_mega_menu_title">
                                <h3><span>Webサイト制作</span></h3>
                            </a>
                            <ul class="header_mega_menu_list">
                                <li><span>CMS構築</span></li>
                                <li><span>コーポレートサイト制作</span></li>
                                <li><span>会員制サイト構築</span></li>
                                <li><span>UI / UX設計</span></li>
                                <li><span>情報設計</span></li>
                                <li><span>ブランド設計</span></li>
                                <li><span>Webデザイン</span></li>
                            </ul>
                        </div>
                        <div class="header_mega_menu_section">
                            <a href="/maintenance/" class="header_mega_menu_title">
                                <h3><span>運用・保守</span></h3>
                            </a>
                            <ul class="header_mega_menu_list">
                                <li><span>システム運用保守</span></li>
                                <li><span>Webサイト運用</span></li>
                                <li><span>伴走型ヘルプデスク</span></li>
                                <li><span>サーバ監視</span></li>
                                <li><span>セキュリティ対応</span></li>
                                <li><span>IaaS環境運用</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="header_nav_item">
        <a href="/case/" class="header_nav_link">
            <p class="header_nav_link_text">事例紹介</p>
        </a>
    </li>
    <li class="header_nav_item">
        <a href="https://recruit.mips.co.jp/" class="header_nav_link header_nav_link_has-icon" target="_blank">
            <p class="header_nav_link_text">採用情報</p>
            <span class="header_nav_link_icon">
                <svg
                    stroke="currentColor"
                    fill="none"
                    stroke-width="2"
                    viewBox="0 0 24 24"
                    aria-hidden="true"
                    height="15"
                    width="15"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                    ></path>
                </svg>
            </span>
        </a>
    </li>
    <li class="header_nav_item">
        <a href="/contact/" class="primary-btn_wrapper primary-btn_link">
            <span class="primary-btn_icon">
                <svg
                    stroke="currentColor"
                    fill="currentColor"
                    stroke-width="0"
                    viewBox="0 0 24 24"
                    height="24"
                    width="24"
                    xmlns="http://www.w3.org/2000/svg"
                    aria-hidden="true"
                >
                    <path fill="none" d="M0 0h24v24H0z"></path>
                    <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"></path>
                </svg>
            </span>
            <p class="primary-btn_text">お問い合わせ</p>
        </a>
    </li>
</ul>
            <!-- mobile menu toggle -->
            <!-- mobile menu toggle -->
<button
    class="header_menu_toggle"
    type="button"
    aria-expanded="false"
    aria-controls="header-mobile-menu"
    aria-haspopup="true"
    aria-label="メニューを開く"
>
    <span class="header_menu_toggle_line" aria-hidden="true"></span>
    <span class="header_menu_toggle_line" aria-hidden="true"></span>
    <span class="header_menu_toggle_line" aria-hidden="true"></span>
</button>
<!-- mobile menu -->
<nav class="header_mobile_menu" id="header-mobile-menu" aria-label="モバイルメニュー">
    <div class="header_mobile_menu_inner">
        <ul class="header_mobile_nav_list">
            <li class="header_mobile_nav_item">
                <a href="/" class="header_mobile_nav_link">トップページ</a>
            </li>
            <li class="header_mobile_nav_item">
                <a href="/about/" class="header_mobile_nav_link">MIPについて</a>
            </li>
            <li class="header_mobile_nav_item">
                <button type="button" class="header_mobile_nav_link header_mobile_submenu_toggle" aria-expanded="false" aria-controls="mobile-submenu-solution">
                    <span class="header_mobile_submenu_toggle_text">事業内容</span>
                    <span class="header_mobile_submenu_icon">
                        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 294.1L109.3 147.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l169.4 169.4c12.5 12.5 32.8 12.5 45.3 0l169.4-169.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 294.1z"></path></svg>
                    </span>
                </button>
                <div class="header_mobile_submenu_wrapper">
                    <div class="header_mobile_submenu" id="mobile-submenu-solution">
                        <ul class="header_mobile_submenu_inner" style="list-style:none; padding:0; margin:0;">
                            <li class="header_mobile_submenu_item"><a href="/digital_marketing/" class="header_mobile_submenu_link">デジタルマーケティング</a></li>
                            <li class="header_mobile_submenu_item"><a href="/web_production/" class="header_mobile_submenu_link">Webサイト制作</a></li>
                            <li class="header_mobile_submenu_item"><a href="/system/" class="header_mobile_submenu_link">システム開発</a></li>
                            <li class="header_mobile_submenu_item"><a href="/maintenance/" class="header_mobile_submenu_link">運用・保守</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="header_mobile_nav_item">
                <a href="/case/" class="header_mobile_nav_link">事例紹介</a>
            </li>
            <li class="header_mobile_nav_item">
                <a href="https://recruit.mips.co.jp/" class="header_mobile_nav_link" target="_blank">採用情報</a>
            </li>
        </ul>
        <div class="header_mobile_contact_area">
            <p class="header_mobile_contact_text">ご質問・ご相談などお気軽にお問い合わせください</p>
            <a href="/contact/" class="primary-btn_wrapper primary-btn_link mobile_contact_btn">
                <span class="primary-btn_icon">
                    <svg
                        stroke="currentColor"
                        fill="currentColor"
                        stroke-width="0"
                        viewBox="0 0 24 24"
                        height="24"
                        width="24"
                        xmlns="http://www.w3.org/2000/svg"
                        aria-hidden="true"
                    >
                        <path fill="none" d="M0 0h24v24H0z"></path>
                        <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"></path>
                    </svg>
                </span>
                <p class="primary-btn_text">お問い合わせ</p>
            </a>
        </div>
    </div>
</nav>
        </nav>
    </div>
</header>
    <main>
      <!-- Top Page: MainVisual -->
<div class="top_hero_wrapper">
    <div class="top-hero_slides">
<picture><source media="(max-width: 767px)" srcset="/img/usr/default/LZ9-N-6NdD-1.png">
  <img src="/img/usr/default/FDg-T-mLez-11.png" width="1440" height="845"  alt="イメージ写真スライド1枚目 プロジェクト会議の様子" class="top-hero_slide top-hero_slide_inactive" title="イメージ写真スライド1枚目 プロジェクト会議の様子" class="top-hero_slide top-hero_slide_inactive" style="top: 0px; "  /></picture>
<picture><source media="(max-width: 767px)" srcset="/img/usr/default/RRd-H-pNdE-1.png">
  <img src="/img/usr/default/ujL-8-NLeA-9.png" width="1440" height="845"  alt="イメージ写真スライド2枚目 ミップ社員の交流" class="top-hero_slide top-hero_slide_inactive" title="イメージ写真スライド2枚目 ミップ社員の交流" class="top-hero_slide top-hero_slide_inactive" style="top: 0px; "  /></picture>
<picture><source media="(max-width: 767px)" srcset="/img/usr/default/2OL-d-NNdF-1.png">
  <img src="/img/usr/default/3Jl-c-hLhG-9.png" width="1440" height="845"  alt="イメージ写真スライド3枚目 サイト制作の相談の様子" class="top-hero_slide top-hero_slide_inactive" title="イメージ写真スライド3枚目 サイト制作の相談の様子" class="top-hero_slide top-hero_slide_inactive" style="top: 0px; "  /></picture>
<picture><source media="(max-width: 767px)" srcset="/img/usr/default/39X-c-BNdG-1.png">
  <img src="/img/usr/default/Uzd-E-pLeC-14.png" width="1440" height="845"  alt="イメージ写真スライド4枚目 サイト制作中の談笑" class="top-hero_slide top-hero_slide_inactive" title="イメージ写真スライド4枚目 サイト制作中の談笑" class="top-hero_slide top-hero_slide_inactive" style="top: 0px; "  /></picture>
</div>
    <div class="top_hero_text">
      <h2><span>マーケティングで<br>戦略と実行を、<br class="visible_for_SP">ひとつに</span></h2>
    </div>
</div>
      <!-- scrollBtn -->
<div class="inquiry_button" type="button"><a href="/contact/">
  <div class="inquiry_button_text">
    <p><span>まずはお気軽に</span><br class="visible_for_PC">
    <span>無料相談</span></p>
  </div>
</a>
</div>
<div class="scroll-btn_wrapper" type="button">
  <img src="/img/usr/default/kpl-i-hNaI-1.svg" width="48" height="48"  alt="" title="" style="top: 0px; "  /></div>
　　　<!-- Top Page: CompanyInfo -->
      <section class="company-info_wrapper">
  <div class="company-info_inner">
    <div class="inview-animate_wrapper inview-animate_state-hidden">
      <div class="company-info_content">
        <div class="top_company-info_wrap">
          <div class="top_company-info_box">
            <div class="top_title_sub">
              <p>MIP’s Concept</p>
              <img src="/img/usr/default/aBo-s-eMcF-1.svg" width="31" height="29"  alt="" title="" style="top: 0px; "  />            </div>
            <h3>成果を生み出すのは、<br>一貫した施策設計。</h3>
          </div>
          <div class="top_company-info_box">
            <p>マーケティング視点で課題を整理し、 集客・制作・システム・インフラまで一貫して設計。<br>
               企業ごとに異なる課題やフェーズに合わせ、最適な打ち手をご提案します。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
      <!-- Top Page: Solution -->
<section class="top_solution_wrapper top_solution_value_wrapper">
<span class="top_watermark top_solution_value_watermark">MIP❜S VALUE</span>
  <div class="inview-animate_wrapper top-solution_header_inview inview-animate_state-visible">
<div class="top_solution_value_wrap">
  <div class="top_intro_title-description_container">
    <div class="top_intro_title_wrap">
      <div class="top_title_sub">
        <p>MIP’s Value</p>
        <img src="/img/usr/default/uGn-8-fMcE-1.svg" width="31" height="29"  alt="" title="" style="top: 0px; "  />      </div>
      <h2>成果創出を支える、<br>4つの強み</h2>
    </div>
    <p class="top_intro_description">
      企業ごとに異なる課題やフェーズに合わせ、<br>
      最適な打ち手を設計し、成果創出まで伴走します。
    </p>
  </div>
  <div class="top_value_box_wrap">
    <div class="top_value_box">
      <img src="/img/usr/default/Mer-M-bMcG-2.png" width="52" height="52"  alt="" title="" style="top: 0px; "  />      <p>POINT1</p>
      <h3>マーケティング起点</h3>
      <p>企業や事業の目的を理解し、成果から逆算して施策を設計します。</p>
    </div>
    <div class="top_value_box">
      <img src="/img/usr/default/4n0-b-fMcH-1.png" width="57" height="57"  alt="" title="" style="top: 0px; "  />      <p>POINT2</p>
      <h3>実行まで見据えた設計力</h3>
      <p>戦略だけで終わらず、実現可能な形で構築・開発まで支援します。</p>
    </div>
    <div class="top_value_box">
      <img src="/img/usr/default/fXh-n-lMcI-1.png" width="54" height="54"  alt="" title="" style="top: 0px; "  />      <p>POINT3</p>
      <h3>手段にとらわれない提案</h3>
      <p>制作・システム・インフラなどを切り分けず、最適な方法を組み合わせます。</p>
    </div>
    <div class="top_value_box">
      <img src="/img/usr/default/X1Z-B-zMdz-1.png" width="52" height="50"  alt="" title="" style="top: 0px; "  />      <p>POINT4</p>
      <h3>継続的な伴走支援</h3>
      <p>公開後の運用・改善を通じて、中長期的な成果創出をサポートします。</p>
    </div>
  </div>
</div>
</section>
<section class="top_solution_wrapper top_solution_msmap_wrapper">
  <span class="top_watermark top_solution_msmap_watermark">Marketing&times;Solution Map</span>
  <!-- Top Page: IT Partner -->
<div class="top_msmap">
  <div class="inview-animate_wrapper inview-animate_state-hidden">
    <div class="top_title_container">
      <div class="top_title_sub">
        <p class="top_title">Marketing&times;Solution Map</p>
        <img src="/img/usr/default/uGn-8-fMcE-1.svg" width="31" height="29"  alt="" title="" style="top: 0px; "  />      </div>
      <h3>マーケティングを軸に、必要な領域をつなぐ。</h3>
      <p class="top_title_description">
        戦略設計から制作、開発、運用まで。必要な領域を組み合わせ、企業に最適なデジタル基盤を提供します。
      </p>
    </div>
    <div class="top_msmap_roadmap">
      <picture><source media="(max-width: 767px)" srcset="/img/usr/default/Lln-N-fNdH-1.svg">    
        <img src="/img/usr/default/io3-k-hOd-6.svg" width="1155" height="485"  alt="Webサイトの企画から開発・運用に至るイメージ図" class="solution-page_roadmap_image" title="Webサイトの企画から開発・運用に至るイメージ図" class="solution-page_roadmap_image" style="top: 0px; "  />      </picture>
    </div>
    <p class="top_msmap_description">
        ミップでは、サービスを個別に提供するのではなく、<br>
        <span>マーケティング視点から最適な施策を設計</span>し、
        <span>必要な技術や体制を組み合わせて</span>、ご支援します。
    </p>
  </div>
</div>
</section>
<!-- services contents -->
<section class="top_solution_wrapper top_solution_service_wrapper">
<span class="top_watermark top_solution_service_watermark">SERVICE</span>
<div class="top_solution_service_wrap">
  <div class="top_intro_title-description_container">
    <div class="top_intro_title_wrap">
      <div class="top_title_sub">
        <p>Services</p>
        <img src="/img/usr/default/uGn-8-fMcE-1.svg" width="31" height="29"  alt="" title="" style="top: 0px; "  />      </div>
      <h2>課題解決に向けた<br>具体的なサービス</h2>
    </div>
    <p class="top_intro_description">
      課題や目的に応じて、各領域の専門サービスをご提供しています。
    </p>
  </div>
  <div class="top_services_container">
    <div><div class="frame1"  >
<a href="/digital_marketing/">
<div class="top_services_category">
  <div class="top_services_category_box">
    <div class="top_service_category_title">
      <p>マーケティング戦略・企画支援</p>
    </div>
    <div class="top_services_category_text_container">
      <h3 class="head3"  >
AI検索時代に<br>選ばれる企業へ</h3>
      <p class="top_services_category_text">
         SEO対策やAIO（AI検索最適化）を軸に、検索されるだけではなく、
        “選ばれる導線”を設計。<br>
         AI検索時代に対応したコンテンツ戦略とマーケティング支援で、
         継続的な集客・問い合わせ獲得を支援します。
      </p>
      <div class="top_services_category_tags">
        <p>AIO/LLMO</p>
        <p>コンテンツ設計</p>
        <p>オウンドメディア運用</p>
        <p>MA/CRM導入支援</p>
      </div>
    </div>
    <div class="top_services_category_pic">
      <img src="/img/usr/default/Vkc-D-qLeF-9.png" width="1200" height="240"  alt="デジタルマーケティングのイメージ画像" title="デジタルマーケティングのイメージ画像" style="top: 0px; "  />    </div>
    <div class="top_services_category_button">
      詳しく見る →
    </div>
  </div>
</div>
</a></div>
</div>
    <div><div class="frame1"  >
<a href="/web_production/">
<div class="top_services_category">
  <div class="top_services_category_box">
    <div class="top_service_category_title">
      <p>Webサイト制作</p>
    </div>
    <div class="top_services_category_text_container">
      <h3 class="head3"  >
成果につながるWeb体験を設計</h3>
      <p class="top_services_category_text">
         デザイン性だけでなく、SEO／AIO・UI／UX・導線設計まで考慮した<br>
         Webサイトを制作。<br>
         企業ブランディングから問い合わせ獲得まで、目的に合わせたWeb体験を<br>
         構築します。
      </p>
      <div class="top_services_category_tags">
        <p>コーポレートサイト制作</p>
        <p>会員制サイト構築</p>
        <p>UI／UX設計</p>
        <p>ブランド設計</p>
        <p>Webデザイン</p>
      </div>
    </div>
    <div class="top_services_category_pic">
      <img src="/img/usr/default/PF3-J-cLeG-11.png" width="1200" height="240"  alt="システム開発のイメージ画像" title="システム開発のイメージ画像" style="top: 0px; "  />    </div>
    <div class="top_services_category_button">
      詳しく見る →
    </div>
  </div>
</div>
</a></div>
</div>
    <div><div class="frame1"  >
<a href="/system/">
<div class="top_services_category">
  <div class="top_services_category_box">
    <div class="top_service_category_title">
      <p>システム開発</p>
    </div>
    <div class="top_services_category_text_container">
      <h3 class="head3"  >
業務効率化と運用改善を支える<br>システム開発</h3>
      <p class="top_services_category_text">
         受発注・在庫管理システムなど、<br>
         企業の業務フローに合わせたシステムを開発。<br>
         マーケティングやWeb運用も考慮した設計により、<br>
        「使いやすく、運用しやすい」Web基盤を実現します。
      </p>
      <div class="top_services_category_tags">
        <p>CMSオリジナルモジュール開発</p>
        <p>受発注システム開発</p>
        <p>在庫管理システム開発</p>
        <p>SaaS連携</p>
        <p>サーバ・インフラ構築</p>
      </div>
    </div>
    <div class="top_services_category_pic">
      <img src="/img/usr/default/hTX-l-BLeH-13.png" width="1200" height="240"  alt="Webサイト制作のイメージ画像" title="Webサイト制作のイメージ画像" style="top: 0px; "  />    </div>
    <div class="top_services_category_button">
      詳しく見る →
    </div>
  </div>
</div>
</a></div>
</div>
    <div><div class="frame1"  >
<a href="/maintenance/">
<div class="top_services_category">
  <div class="top_services_category_box">
    <div class="top_service_category_title">
      <p>保守・運用支援</p>
    </div>
    <div class="top_services_category_text_container">
      <h3 class="head3"  >
継続的な改善を支える<br>伴走型サポート</h3>
      <p class="top_services_category_text">
         デザイン性だけでなく、SEO／AIO・UI／UX・導線設計まで考慮した<br>
         Webサイトを制作。<br>
         企業ブランディングから問い合わせ獲得まで、<br>
         目的に合わせたWeb体験を構築します。
      </p>
      <div class="top_services_category_tags">
        <p>Webサイト運用</p>
        <p>システム運用保守</p>
        <p>セキュリティ対応</p>
        <p>サーバ監視</p>
        <p>伴走型ヘルプデスク</p>
      </div>
    </div>
    <div class="top_services_category_pic">
      <img src="/img/usr/default/ywD-4-VLgD-7.png" width="1200" height="240"  alt="運用・保守のイメージ画像" title="運用・保守のイメージ画像" style="top: 0px; "  />    </div>
    <div class="top_services_category_button">
      詳しく見る →
    </div>
  </div>
</div>
</a></div>
</div>   
  </div>
</div>
</section><!-- Top Page: TopCase -->
<section class="top-case">
<div class="top-case_wrapper">
    <div class="top_title_container">
      <div class="top_title_sub">
        <p class="top_title">Case Study</p>
        <img src="/img/usr/default/aBo-s-eMcF-1.svg" width="31" height="29"  alt="" title="" style="top: 0px; "  />      </div>
      <h3>事例紹介</h3>
    </div>
    <div class="inview-animate_wrapper inview-animate_state-hidden">
    <article class="top-case_container">
            <article class="case-card_wrapper">
                <a href="./case/amusement/" class="case-card_link secondary-btn_pair">
                    <div loading="lazy" class="case-card_image">
                      <img src="/img/usr/default/cJo-q-iTj-6.png" width="1072" height="601"  alt="事例1　リクルートサイト改修のイメージ画像" class="case-card_image" title="事例1　リクルートサイト改修のイメージ画像" class="case-card_image" style="top: 0px; "  />                    </div>
                    <div class="case-card_body">
                        <div class="case-card_content">
                            <p class="case-card_company">アミューズメント業</p>
                            <h3 class="case-card_title">リクルートサイト改修</h3>
                            <p class="case-card_request">
                                IndeedやGoogleしごと検索（Google for Jobs）への掲載を効率化し、本社統制と各拠点の柔軟な採用活動を両立したい。
                            </p>
                        </div>
                        <div class="case-card_footer case-card_footer_plain">
                            <div  style="width: 32px; height: 32px;">→</div>
                        </div>
                    </div>
                </a>
            </article>
            <article class="case-card_wrapper">
                <a href="./case/sawai/" class="case-card_link secondary-btn_pair">
                    <div loading="lazy" class="case-card_image">
                      <img src="/img/usr/default/bIo-r-iUb-5.png" width="1072" height="601"  alt="事例2　患者向け疾患啓発サイト制作のキャプチャ画像" class="case-card_image" title="事例2　患者向け疾患啓発サイト制作のキャプチャ画像" class="case-card_image" style="top: 0px; "  />                    </div>
                    <div class="case-card_body">
                        <div class="case-card_content">
                            <p class="case-card_company">製薬業</p>
                            <h3 class="case-card_title">患者向け疾患啓発サイト制作</h3>
                            <p class="case-card_request">
                                専門的な情報をわかりやすく発信し、頭痛に悩む患者さんに寄り添いたい。
                            </p>
                        </div>
                        <div class="case-card_footer case-card_footer_plain">
                            <div  style="width: 32px; height: 32px;">→</div>
                        </div>
                    </div>
                </a>
            </article>
    </article>
    </div>
        <div  class="top-case_link">
          <a href="./case/">
            <p class="top-case_link_text">一覧を見る →</p>
          </a>
        <div>
</div>
</section>
      <div><div class="bbox1"  >
<div class="top-news_wrapper" id="headline03_263">
    <div class="inview-animate_wrapper inview-animate_state-hidden">
      <div class="top_news_container">
        <div class="top_title_container">
          <div class="top_title_sub">
            <p class="top_title">News</p>
            <img src="/img/usr/default/uGn-8-fMcE-1.svg" width="31" height="29"  alt="" title="" style="top: 0px; "  />          </div>
          <h3>お知らせ</h3>
        </div>
        <div class="top-news_list">
        <div class="inview-animate_wrapper inview-animate_state-hidden" >
           <a href="/news/index_2026.html" class="top-news_item_link">
            <div class="top-news_item">
                  <div class="top_news_item_box">
                    <p class="top-news_item_time">2026年05月01日</p>
                    <p class="top-news_item_detail">
                        ミップコーポレートサイトをリニューアルしました。
                    </p>
                  </div>
                  <div>
                    →
                  </div>
            </div>
           </a>
        </div>        <div class="inview-animate_wrapper inview-animate_state-hidden" >
           <a href="/news/index_2026.html" class="top-news_item_link">
            <div class="top-news_item">
                  <div class="top_news_item_box">
                    <p class="top-news_item_time">2026年04月24日</p>
                    <p class="top-news_item_detail">
                        ゴールデンウィーク休暇のご案内
                    </p>
                  </div>
                  <div>
                    →
                  </div>
            </div>
           </a>
        </div>        <div class="inview-animate_wrapper inview-animate_state-hidden" >
           <a href="/news/index_2024.html" class="top-news_item_link">
            <div class="top-news_item">
                  <div class="top_news_item_box">
                    <p class="top-news_item_time">2024年12月01日</p>
                    <p class="top-news_item_detail">
                        マーケティングオートメーション（MA）ツール「SATORI」のパートナー企業になりました。 
                    </p>
                  </div>
                  <div>
                    →
                  </div>
            </div>
           </a>
        </div>
        </div>
        <div class="top_news_newspage_link">
          <a href="/news/">最新のお知らせを見る →</a>
        </div>
      </div>
    </div>
</div></div>
</div><!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){
  w[l]=w[l]||[];
  w[l].push({"gtm.start":new Date().getTime(),event:"gtm.js"});
  var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";
  j.async=true;
  j.src="https://www.googletagmanager.com/gtm.js?id="+i+dl;
  f.parentNode.insertBefore(j,f);
})(window,document,"script","dataLayer","GTM-TFQ4BM8F");
</script>
	<!-- End Google Tag Manager -->
    </main>
    <footer class="footer_wrapper">
      <!-- footer contact -->
<section class="footer_contact">
    <div class="footer_contact_inner">
        <div class="footer_contact_content">
            <h2 class="footer_contact_heading">Contact</h2>
            <p class="footer_contact_title">お問い合わせ</p>
            <p class="footer_contact_text">
                ご質問・ご相談などはお気軽にお問い合わせください。
            </p>
            <a href="/contact/" class="primary-btn_wrapper primary-btn_link mobile_contact_btn">
              <span class="primary-btn_icon">
                <svg
                    stroke="currentColor"
                    fill="currentColor"
                    stroke-width="0"
                    viewBox="0 0 24 24"
                    height="24"
                    width="24"
                    xmlns="http://www.w3.org/2000/svg"
                    aria-hidden="true"
                >
                    <path fill="none" d="M0 0h24v24H0z"></path>
                    <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"></path>
                </svg>
              </span>
              <p class="primary-btn_text">お問い合わせ</p>
            </a>
        </div>
    </div>
</section>
      <!-- footer main -->
<section class="footer_main">
    <div class="footer_main_inner">
        <div class="footer_company">
            <a href="/" class="footer_logo_link">
              <div class="footer_logo">
                <img src="/img/usr/default/PBf-J-rRj-7.png" width="152"  alt="株式会社MIPロゴ" title="株式会社MIPロゴ" style="top: 0px; "  />              </div>
            </a>
            <div class="footer_company_info">
                <div class="footer_company_meta">
                    <p class="footer_company_address">
                        〒531-0072　大阪市北区豊崎3丁目19番3号 ピアスタワー16F
                    </p>
                    <p class="footer_company_tel">
                        TEL:06-6486-3280／FAX:06-6486-3281
                    </p>
                </div>
            </div>
        </div>
        <div class="footer_nav">
            <div class="footer_page_links">
                <div>
                  <a href="/about/" class="footer_page_link">
                    <p class="footer_page_link_text">MIPについて</p>
                  </a>
                </div>
                <div>
                  <a href="/digital_marketing/" class="footer_page_link">
                    <p class="footer_page_link_text">事業内容</p>
                  </a>
                  <ul>
                    <li>マーケティング戦略・企画支援</li>
                    <li>Webサイト制作</li>
                    <li>システム開発</li>
                    <li>保守・運用</li>
                  </ul>
                </div>
                <div>
                  <a href="/case/" class="footer_page_link secondary-btn_pair">
                    <p class="footer_page_link_text">事例紹介</p>
                  </a>
                </div>
                <div>
                  <a href="https://recruit.mips.co.jp/" class="footer_page_link" target="_blank">
                    <p class="footer_page_link_text">採用情報</p>
                  </a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_copyright">
            <div class="footer_legal_links">
                <a href="/sitemap/" class="footer_legal_link">
                    <p class="footer_legal_link_text">サイトマップ</p>
                </a>
                <a href="/policy/" class="footer_legal_link">
                    <p class="footer_legal_link_text">サイトポリシー</p>
                </a>
                <a href="/privacy/" class="footer_legal_link">
                    <p class="footer_legal_link_text">個人情報の保護に関して</p>
                </a>
                <a href="/security/" class="footer_legal_link">
                    <p class="footer_legal_link_text">情報セキュリティ基本方針</p>
                </a>
            </div>
        <p class="footer_copyright_text">
            <small class="footer_copyright_small">
                Copyright 2001-2026 MIP Co.,Ltd.
            </small>
        </p>
    </div>
</section>
      <div id="cookie-banner" class="cookie-banner">
  <p>ご訪問いただきありがとうございます。当ウェブサイトのよりよい情報提供・サービス向上のため、<a href="/privacy/">プライバシーポリシー</a>に基づいたCookieの取得と利用に同意をお願いいたします。</p>
  <div class="cookie_buttons">
    <button id="cookie-accept">同意する</button>
    <a href="#" id="cookie-reject" class="cookie-reject-link">cookieを無効化する</a>
  </div>
</div>
    </footer>
<script type="text/javascript" src="/js/3rd/jquery-4.0.0.min.js"></script>
<script type="text/javascript" src="/js/3rd/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript" src="/js/4th/jquery.flexslider.js"></script>
<script type="text/javascript" src="/js/usr/default/InViewAnimate-59.js"></script>
<script type="text/javascript" src="/js/usr/default/MainVisual-59.js"></script>
<script type="text/javascript" src="/js/usr/default/PatternBackground-59.js"></script>
<script type="text/javascript" src="/js/usr/default/ScrollBtn-59.js"></script>
<script type="text/javascript" src="/js/usr/default/CaseFilter-59.js"></script>
<script type="text/javascript" src="/js/usr/default/HeaderMenu-59.js"></script>
<script type="text/javascript" src="/js/usr/default/TOPSlider-59.js"></script>
<script type="text/javascript" src="/js/usr/default/CaseFilter_pulldown-59.js"></script>
<script type="text/javascript" src="/js/usr/default/cokkie_accept-59.js"></script>
<script type="text/javascript" src="/js/usr/default/headermenu_open-59.js"></script>
<script type="text/javascript" src="/js/usr/default/NEWS-59.js"></script>
</body>
</html>