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://mobile-norikae.jp

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="preconnect" href="https://fonts.googleapis.com">
  9. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10. <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" fetchpriority="high">
  11. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
  12. <noscript><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet"></noscript>
  13. <link rel="preload" as="style" href="index.css?var=0523" fetchpriority="high">
  14. <link rel="stylesheet" href="index.css?var=0523" media="print" onload="this.media='all'">
  15. <noscript><link rel="stylesheet" href="index.css?var=0523"></noscript>
  16. <link rel="preload" as="image" href="img/main_sp.webp" media="(max-width: 768px)" fetchpriority="high">
  17. <link rel="preload" as="image" href="img/main_pc.webp" media="(min-width: 769px)" fetchpriority="high">
  18. <link rel="preload" as="script" href="js/jquery-3.6.0.min.js">
  19. <link rel="preload" as="script" href="js/jquery.colorbox-min.js">
  20.  
  21. <!-- タイトルタグ -->
  22. <title>【2025年最新】楽天モバイルMNP乗り換えで14,000ポイント獲得!従業員紹介キャンペーン</title>
  23.  
  24. <!-- メタ情報 -->
  25. <meta name="description"
  26. content="楽天モバイルの従業員紹介キャンペーンで他社から乗り換え(MNP)なら14,000ポイント、新規契約なら7,000ポイントが貰える!最新のキャンペーン情報と申し込み方法、乗り換え手順をわかりやすく解説します。">
  27. <meta name="author" content="モバイル乗り換え.jp">
  28. <meta name="format-detection" content="telephone=no">
  29.  
  30. <!-- canonical -->
  31. <link rel="canonical" href="https://mobile-norikae.jp/" />
  32.  
  33. <!-- OGP設定 -->
  34. <meta property="og:site_name" content="モバイル乗り換え.jp" />
  35. <meta property="og:type" content="website" />
  36. <meta property="og:url" content="https://mobile-norikae.jp/" />
  37. <meta property="og:title" content="【2025年最新】楽天モバイルMNP乗り換えで14,000ポイント獲得!従業員紹介キャンペーン" />
  38. <meta property="og:description"
  39. content="楽天モバイルの従業員紹介キャンペーンで他社から乗り換え(MNP)なら14,000ポイント、新規契約なら7,000ポイントが貰える!最新のキャンペーン情報と申し込み方法、乗り換え手順をわかりやすく解説します。" />
  40. <meta property="og:image" content="img/ogp.png" />
  41.  
  42. <!-- Twitter Card -->
  43. <meta name="twitter:card" content="summary_large_image">
  44. <meta name="twitter:site" content="モバイル乗り換え.jp">
  45. <meta name="twitter:title" content="【2025年最新】楽天モバイルMNP乗り換えで14,000ポイント獲得!従業員紹介キャンペーン">
  46. <meta name="twitter:description"
  47. content="楽天モバイルの従業員紹介キャンペーンで他社から乗り換え(MNP)なら14,000ポイント、新規契約なら7,000ポイントが貰える!最新のキャンペーン情報と申し込み方法、乗り換え手順をわかりやすく解説します。">
  48. <meta name="twitter:image" content="img/ogp.png">
  49. <meta name="twitter:domain" content="mobile-norikae.jp">
  50.  
  51. <!-- ファビコン -->
  52. <link rel="icon" href="img/favicon_32.ico" sizes="32x32" />
  53. <link rel="icon" href="img/favicon_256.ico" sizes="256x256" />
  54. <link rel="apple-touch-icon" href="img/favicon_256.png" />
  55. <meta name="msapplication-TileImage" content="img/favicon_256.png" />
  56.  
  57. <!-- Google tag (gtag.js) -->
  58. <script defer src="https://www.googletagmanager.com/gtag/js?id=G-VJH8DEFR26"></script>
  59. <script defer>
  60. window.dataLayer = window.dataLayer || [];
  61. function gtag() { dataLayer.push(arguments); }
  62. gtag('js', new Date());
  63. gtag('config', 'G-VJH8DEFR26');
  64. </script>
  65.  
  66. <!-- 構造化データ -->
  67. <script type="application/ld+json">
  68.  {
  69.      "@context": "https://schema.org/",
  70.      "@type": "WebSite",
  71.      "name": "モバイル乗り換え.jp ",
  72.      "url": "https://mobile-norikae.jp/"
  73.  }
  74.  </script>
  75. </head>
  76.  
  77. <body>
  78.  
  79. <!-- メインコンテンツ -->
  80. <main class="main-container">
  81.  
  82. <header class="header-campaign-banner">
  83. <h1>楽天モバイルキャンペーン MNP(乗り換え)で14,000ポイント進呈</h1>
  84. </header>
  85.  
  86. <!-- h1: メインビジュアル -->
  87. <section class="mv">
  88. <div class="mv__inner">
  89. <!-- メインタイトル -->
  90. <h2>
  91. <img class="pc_on" src="img/main_pc.webp" alt="楽天モバイル キャンペーン【14,000ポイント進呈】 Rakuten最強プラン 従業員紹介キャンペーン" loading="eager" fetchpriority="high" width="1940" height="652" style="aspect-ratio: 1940/652; content-visibility: auto; contain: layout style;">
  92. <img class="sp_on" src="img/main_sp.webp" alt="楽天モバイル キャンペーン【14,000ポイント進呈】 Rakuten最強プラン 従業員紹介キャンペーン" loading="eager" fetchpriority="high" width="750" height="544" style="aspect-ratio: 750/544; content-visibility: auto; contain: layout style;">
  93. </h2>
  94.  
  95. <a class="mv_cta" href="https://r10.to/hNAvGG">エントリーする</a>
  96. <p style="padding: 0 20px;" class="mv_cta_notice">
  97. ※ログインにてエントリー完了<br>
  98. ※エントリー完了後はオンライン、店舗どちらからの契約もキャンペーン対象です
  99. </p>
  100.  
  101. <!-- 主要メリット -->
  102. <div class="mv__benefits">
  103. <ul>
  104. <li>・おかげさまで契約数<span>850</span>万回線突破!!</li>
  105. <li>・楽天市場でポイント常時<span>4</span>倍</li>
  106. <li>・Rakuten最強プラン なら月額<span>880</span>円~</li>
  107. <li>・Rakuten Linkアプリ利用で 国内通話かけ放題</li>
  108. </ul>
  109. </div>
  110. </div>
  111. </section>
  112.  
  113. <div class="fix-cta">
  114. <a href="https://r10.to/hNAvGG">エントリーする</a>
  115. </div>
  116.  
  117. <!-- h2: キャンペーン適用条件 -->
  118. <div class="condition">
  119. <div class="condition-container">
  120. <div class="condition-content">
  121. <div class="headline-style-wrap">
  122. <h2 class="condition-title headline-style">キャンペーン適用条件</h2>
  123. </div>
  124. <div class="condition-details">
  125. <div class="condition-plan">
  126. <h3 class="condition-plan-title">対象プラン</h3>
  127. <ul class="condition-plan-list">
  128. <li class="condition-plan-item">Rakuten最強プラン</li>
  129. <li class="condition-plan-subitem">
  130. <span class="condition-plan-item data">Rakuten最強プラン(データタイプ)</span>
  131. <p class="condition-plan-note">※データ通信のみ可能、楽天カードをお持ちの方限定のプラン</p>
  132. </li>
  133. <li class="condition-plan-subitem">
  134. <span class="condition-plan-item">Rakuten Turbo</span>
  135. <p class="condition-plan-note">※工事不要で利用できるホームルーター</p>
  136. </li>
  137. </ul>
  138. </div>
  139. <div class="condition-benefits">
  140. <h3 class="condition-benefits-title">特典内容</h3>
  141. <div class="condition-table">
  142. <div class="condition-table-header">
  143. <span class="first">申込区分</span>
  144. <span class="second">特典ポイント</span>
  145. </div>
  146. <div class="condition-table-body">
  147. <div class="condition-table-row">
  148. <div class="condition-table-cell">
  149. 他社からの乗り換え(MNP)<br>2回線目以降も可
  150. </div>
  151. <div class="condition-table-points">14,000ポイント</div>
  152. </div>
  153. <div class="condition-table-row">
  154. <div class="condition-table-cell">新規契約</div>
  155. <div class="condition-table-points">7,000ポイント</div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="condition-deadline">
  161. <h3 class="condition-deadline-title">申込期限</h3>
  162. <dl class="condition-deadline-list">
  163. <dt class="condition-deadline-item">Webからのお申し込み</dt>
  164. <dd class="condition-deadline-date">2023年12月5日(火)09:00~終了日未定</dd>
  165. <dt class="condition-deadline-item">ショップでのお申し込み</dt>
  166. <dd class="condition-deadline-date">2023年12月5日(火)開店~終了日未定</dd>
  167. </dl>
  168. </div>
  169. <div class="condition-notes">
  170. <ul class="condition-notes-list">
  171. <li class="condition-notes-item">※おひとり様最大5回線まで対象</li>
  172. <li class="condition-notes-item">※初めてのお申し込み以外の2回線目、再契約の方も対象</li>
  173. <li class="condition-notes-item">※ポイントは期間限定ポイントとして3カ月間にわたり進呈</li>
  174. </ul>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180.  
  181. <!-- inter CTA -->
  182. <div class="interCta-wrapper">
  183. <div class="interCta-content">
  184. <div class="interCta-points">
  185. <span class="interCta-points-large">14,000</span>
  186. <span class="interCta-points-japanese">ポイントゲット!</span>
  187. </div>
  188. <a class="interCta-button" href="https://r10.to/hNAvGG">エントリーして申し込む</a>
  189. </div>
  190. </div>
  191.  
  192. <!-- 比較表 -->
  193. <div class="compare-container-wrap">
  194. <div class="compare-container">
  195. <div class="headline-style-wrap">
  196. <h2 class="mnp-title headline-style">楽天モバイル キャンペーン比較</h2>
  197. </div>
  198.  
  199. <div class="campaign-summary">
  200. <h2>従業員紹介キャンペーンと通常紹介キャンペーンの比較</h2>
  201. <p>
  202. 楽天モバイル従業員キャンペーンなら、他社からお乗り換えで、<strong class="highlight">14,000ポイント</strong>、乗り換え以外の場合は、<strong
  203. class="highlight">7,000ポイント</strong>がもらえます。
  204. また、初めてのお申し込み以外の2回線目、再契約の方も対象、さらに<strong class="highlight">おひとり様最大5回線まで対象</strong>です。さらに、
  205. <strong class="highlight">Rakuten最強プランのデータタイプや、Rakuten Turboのお申し込みも対象</strong>となります。
  206. </p>
  207. </div>
  208.  
  209. <p class="sp_on table-container-note">※表は横にスクロールできます。</p>
  210. <div class="table-container">
  211. <table class="comparison-table">
  212. <thead>
  213. <tr>
  214. <th class="feature-column">項目</th>
  215. <th class="employee-campaign">従業員紹介キャンペーン</th>
  216. <th class="regular-campaign">通常の紹介キャンペーン</th>
  217. </tr>
  218. </thead>
  219. <tbody>
  220. <tr>
  221. <td class="feature-name">電話番号そのまま乗り換え(MNP)</td>
  222. <td class="employee-benefit"><span class="point-value">14,000</span><br>ポイント進呈</td>
  223. <td class="regular-benefit"><span class="point-value-regular">13,000</span><br>ポイント進呈</td>
  224. </tr>
  225. <tr>
  226. <td class="feature-name">乗り換え以外</td>
  227. <td class="employee-benefit"><span class="point-value">7,000</span><br>ポイント進呈</td>
  228. <td class="regular-benefit"><span class="point-value-regular">6,000</span><br>ポイント進呈</td>
  229. </tr>
  230. <tr>
  231. <td class="feature-name">2回線〜5回線分</td>
  232. <td class="employee-benefit"><span class="circle">○</span></td>
  233. <td class="regular-benefit"><span class="dash">−</span></td>
  234. </tr>
  235. <tr>
  236. <td class="feature-name">再契約</td>
  237. <td class="employee-benefit"><span class="circle">○</span></td>
  238. <td class="regular-benefit"><span class="dash">−</span></td>
  239. </tr>
  240. <tr>
  241. <td class="feature-name">Rakuten最強プラン</td>
  242. <td class="employee-benefit"><span class="circle">○</span></td>
  243. <td class="regular-benefit"><span class="circle">○</span></td>
  244. </tr>
  245. <tr>
  246. <td class="feature-name">Rakuten最強プラン(データタイプ)</td>
  247. <td class="employee-benefit"><span class="circle">○</span></td>
  248. <td class="regular-benefit"><span class="dash">−</span></td>
  249. </tr>
  250. <tr>
  251. <td class="feature-name">Rakuten Turbo</td>
  252. <td class="employee-benefit"><span class="circle">○</span></td>
  253. <td class="regular-benefit"><span class="dash">−</span></td>
  254. </tr>
  255. <tr>
  256. <td class="feature-name">Rakuten Link</td>
  257. <td class="employee-benefit">操作不要</td>
  258. <td class="regular-benefit">操作必要</td>
  259. </tr>
  260. </tbody>
  261. </table>
  262. </div>
  263.  
  264. <div class="campaign-highlight">
  265. <h3>従業員紹介キャンペーンの特典</h3>
  266. <ul>
  267. <li><strong>最大14,000ポイント</strong>の高額ポイント進呈</li>
  268. <li><strong>2回線目〜5回線目</strong>も対象</li>
  269. <li><strong>再契約</strong>でも対象</li>
  270. <li><strong>データタイプ・Rakuten Turbo</strong>も対象</li>
  271. <li><strong>Rakuten Link の操作不要</strong></li>
  272. </ul>
  273. </div>
  274. </div>
  275. </div>
  276. <!-- 比較表 -->
  277.  
  278.  
  279. <!-- h2: MNP(乗り換え)の手順 -->
  280. <div class="mnp-norikae">
  281. <div class="mnp-container">
  282. <div class="headline-style-wrap">
  283. <h2 class="mnp-title headline-style">MNP(乗り換え)の手順</h2>
  284. </div>
  285. <p class="mnp-description">
  286. 他社から電話番号そのままのお乗り換えで14,000ポイントプレゼント!3ステップの簡単手続きでお得に乗り換えができます。
  287. </p>
  288. <div class="mnp-steps-container">
  289. <div class="mnp-steps-wrapper">
  290. <div class="mnp-step-column">
  291. <div class="mnp-step-box">
  292. <div class="mnp-step-header">
  293. <img src="img/phone.png" class="mnp-step-icon" loading="lazy" style="contain: layout;" />
  294. <h3 class="mnp-step-title">STEP1:MNP予約番号の取得</h3>
  295. </div>
  296. <div class="mnp-step-content">
  297. <p class="mnp-step-description">
  298. 現在ご契約中の携帯電話会社でMNP予約番号を取得します。
  299. </p>
  300. <h3 class="mnp-step-subtitle">各キャリアMNP予約番号取得方法</h3>
  301. <ul class="mnp-step-list">
  302. <li class="mnp-step-list-item">ドコモ: <a href="https://www.nttdocomo.co.jp/mydocomo/"
  303. target="_blank">My docomo</a></li>
  304. <li class="mnp-step-list-item">au: <a href="https://www.au.com/my-au/" target="_blank">My au</a>
  305. </li>
  306. <li class="mnp-step-list-item">ソフトバンク: <a href="https://www.softbank.jp/mysoftbank/"
  307. target="_blank">My SoftBank</a></li>
  308. </ul>
  309. </div>
  310. </div>
  311. </div>
  312. <div class="mnp-step-column">
  313. <div class="mnp-step-box">
  314. <div class="mnp-step-header">
  315. <img src="img/mobile.png" class="mnp-step-icon" loading="lazy" style="contain: layout;" />
  316. <h3 class="mnp-step-title">STEP2:お申し込み</h3>
  317. </div>
  318. <div class="mnp-step-content">
  319. <h3 class="mnp-step-subtitle">お申し込みに必要なもの</h3>
  320. <ul class="mnp-step-list">
  321. <li class="mnp-step-list-item">・MNP予約番号</li>
  322. <li class="mnp-step-list-item">・本人確認書類(運転免許証など)</li>
  323. <li class="mnp-step-list-item">・クレジットカードまたは銀行口座</li>
  324. </ul>
  325. <h3 class="mnp-step-subtitle">お申し込み方法</h3>
  326. <ul class="mnp-step-list">
  327. <li>オンラインで申し込む: 24時間いつでもお申し込 み可能</li>
  328. <li class="mnp-step-list-item">店舗で申し込む: 専門スタッフが丁寧にご案内</li>
  329. </ul>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="mnp-step-column">
  334. <div class="mnp-step-box">
  335. <div class="mnp-step-header">
  336. <img src="img/chekc.png" class="mnp-step-icon" loading="lazy" style="contain: layout;" />
  337. <h3 class="mnp-step-title">STEP3:開通手続き</h3>
  338. </div>
  339. <div class="mnp-step-content">
  340. <p class="mnp-step-description">
  341. お手元に商品が届いたら、同梱の説明書に従って開通
  342. 手続きを行います。
  343. </p>
  344. <ul class="mnp-step-list">
  345. <li>・SIMカードを端末に挿入</li>
  346. <li class="mnp-step-list-item">・my 楽天モバイルで開通手続き</li>
  347. <li class="mnp-step-list-item">・APN設定の実施</li>
  348. </ul>
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354. <div class="mnp-schedule-section">
  355. <h3 class="mnp-schedule-title">MNPワンストップでのお手続き</h3><br>
  356. <p style="padding: 0 20px;">対象の携帯電話会社からのお乗り換え(MNP)手続きにおいて、転出元でのMNP予約番号の発行は不要です。<br>
  357. ※MNP予約番号を既に取得済みの場合は、「MNP予約番号によるお手続き」をお願いいたします。<br>
  358. 詳細は「<a href="https://mobile-norikae.jp/rakuten-mobile-mnp-step-by-step-guide/"
  359. style="text-decoration: underline;color: #bf0000;">楽天モバイルMNP手順完全ガイド</a>」をご確認ください。
  360. </p>
  361. <a id="jsPop" class="zoom_img_box cboxElement" href="img/onestop.webp" title="電話番号を変えずに契約先を変更">
  362. <img class="mnp-schedule-graph" src="img/onestop.webp" alt="電話番号を変えずに契約先を変更"
  363. style="border: 2px solid #bfbfc0; contain: layout;" loading="lazy">
  364. </a>
  365. </div>
  366. <div class="mnp-schedule-section">
  367. <h3 class="mnp-schedule-title">ポイント進呈スケジュール</h3>
  368. <a id="jsPop" class="zoom_img_box cboxElement" href="img/point_schedule.webp" title="2024年12月にキャンペーン条件を達成した場合">
  369. <img class="mnp-schedule-graph" src="img/point_schedule.webp" alt="2024年12月にキャンペーン条件を達成した場合" loading="lazy" style="contain: layout;">
  370. </a>
  371. <div class="mnp-help-section">
  372. <div class="mnp-help-container">
  373. <h2 class="mnp-help-title">お困りの方へ</h2>
  374. <div class="mnp-help-content">
  375. <div class="mnp-help-info">
  376. <h3 class="mnp-help-subtitle">お申し込みに関するお問い合わせ窓口</h3>
  377. <p class="mnp-help-phone">050-5443-6510</p>
  378. <p class="mnp-help-hours">受付時間:9:00~17:00(年中無休)</p>
  379. </div>
  380. </div>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386.  
  387. <!-- h2: 料金プラン比較 -->
  388. <section class="compare-section">
  389. <div class="headline-style-wrap">
  390. <h2 class="compare-title headline-style">料金プラン比較</h2>
  391. </div>
  392. <div class="compare-content">
  393. <div class="compare-container">
  394. <div class="compare-inner">
  395. <div class="compare-plans">
  396. <div class="compare-plan">
  397. <div class="compare-plan-box">
  398. <h3 class="compare-plan-title">Rakuten最強プラン</h3>
  399. <div class="compare-plan-details">
  400. <div class="compare-plan-pricing">
  401. <div class="compare-plan-base-price">基本料金</div>
  402. <div class="compare-plan-price-detail">3GBまで月額880円 (税込968円)~</div>
  403. <div class="compare-plan-unlimited">データ高速無制限で月額2,880円(税込3,168円)</div>
  404. </div>
  405. <div class="compare-plan-features">
  406. <div class="compare-features-title">プラン特徴</div>
  407. <ul class="compare-features-list">
  408. <li class="compare-feature-item">Rakuten Linkアプリ利用で 国内通話無料</li>
  409. <li class="compare-feature-item">NBA、パ・リーグ、ミュージック が追加料金0円</li>
  410. <li class="compare-feature-item">楽天市場のお買い物で ポイント常時4倍</li>
  411. <li class="compare-feature-item">海外で 毎月2GBまで無料</li>
  412. </ul>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. <div class="compare-data-plan">
  418. <div class="compare-data-plan-box">
  419. <h3 class="compare-data-plan-title">Rakuten最強プラン<br class="sp_on">(データタイプ)</h3>
  420. <div class="compare-data-plan-details">
  421. <p class="compare-data-plan-description">※データ通信のみ可能、楽天カードをお持ちの方限定のプラン</p>
  422. <ul class="compare-data-features-list">
  423. <li class="compare-data-feature-item">データ通信専用プラン</li>
  424. <li class="compare-data-feature-item">タブレットやモバイルルーターでの利用に最適</li>
  425. <li class="compare-data-feature-item">楽天カード会員の方限定</li>
  426. </ul>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. <h3 class="compare-discount-title">おトクな割引プログラム</h3>
  432. <a id="jsPop" class="zoom_img_box cboxElement" href="img/plan.webp" title="Rakuten最強プラン">
  433. <img class="compare-discount-image" src="img/plan.webp"
  434. alt="Rakuten最強プランのおトクな割引プログラム、料金・データ通信、通話、海外利用について" loading="lazy" style="contain: layout;">
  435. </a>
  436. </div>
  437. </div>
  438. <ul class="compare-notes">
  439. <li class="compare-note-item">※製品代、オプション料は別途必要です</li>
  440. <li class="compare-note-item">※混雑時など公平なサービス提供のため速度制御する場合があります</li>
  441. <li class="compare-note-item">※各種割引の適用には条件があります</li>
  442. <li class="compare-note-item">※記載の料金はすべて税込表示です</li>
  443. </ul>
  444. <div class="compare-simulation">
  445. <div class="compare-simulation-content">
  446. <p class="compare-simulation-text"><span>現在のキャリアからの乗り換えでどのくらいお得になるか計算できます</span></p>
  447. <a class="compare-simulation-button" href="https://network.mobile.rakuten.co.jp/fee/simulation_b/"
  448. target="_blank">料金シミュレーションを試す</a>
  449. </div>
  450. </div>
  451. </div>
  452. </section>
  453.  
  454. <!-- h2: 申し込み方法 -->
  455. <div class="howto-container">
  456. <div class="howto-inner">
  457. <div class="headline-style-wrap">
  458. <h2 class="howto-title headline-style">お申し込み方法</h2>
  459. </div>
  460. <div class="howto-info-box">
  461. <h3 class="howto-info-title">
  462. スムーズなお申し込みのために、以下の3点をご確認ください
  463. </h3>
  464. <ul class="howto-info-list">
  465. <li class="howto-info-item">・楽天会員登録がお済みであること</li>
  466. <li class="howto-info-item">・本人確認書類をご用意いただくこと</li>
  467. <li class="howto-info-item">・お支払い方法(クレジットカードまたは銀行口座)のご準備</li>
  468. </ul>
  469. </div>
  470. <div class="howto-application-section">
  471. <div class="howto-online-application">
  472. <h3 class="howto-online-title">オンラインで申し込む</h3>
  473. <div class="howto-plans-container">
  474. <div class="howto-plans-wrapper">
  475. <div class="howto-plans-grid">
  476. <div class="howto-plan-column">
  477. <div class="howto-plan-card">
  478. <h3 class="howto-plan-title">Rakuten最強プラン</h3>
  479. <div class="howto-plan-details">
  480. <ul class="howto-plan-list">
  481. <li class="howto-plan-feature">通話+データ通信プラン</li>
  482. <li class="howto-plan-feature">
  483. 3GBまで月額880円(税込968円)~
  484. </li>
  485. </ul>
  486. <a href="https://onboarding.mobile.rakuten.co.jp/" class="howto-plan-button">
  487. 新規/乗り換え(MNP)申し込み
  488. </a>
  489. </div>
  490. </div>
  491. </div>
  492. <div class="howto-plan-column">
  493. <div class="howto-plan-card">
  494. <h3 class="howto-plan-title">
  495. Rakuten最強プラン<br class="pc_on">(データタイプ)
  496. </h3>
  497. <div class="howto-plan-details">
  498. <ul class="howto-plan-list">
  499. <li class="howto-plan-feature"><span>データ通信専用プラン</span></li>
  500. <li class="howto-plan-feature"><span>楽天カード会員限定</span></li>
  501. </ul>
  502. <a href="https://network.mobile.rakuten.co.jp/onboarding/fast/" class="howto-plan-button">
  503. データタイプ申し込み
  504. </a>
  505. </div>
  506. </div>
  507. </div>
  508. <div class="howto-plan-column">
  509. <div class="howto-plan-card">
  510. <h3 class="howto-plan-title">Rakuten Turbo</h3>
  511. <div class="howto-plan-details">
  512. <ul class="howto-plan-list">
  513. <li class="howto-plan-feature"><span>工事不要のホームルーター</span></li>
  514. <li class="howto-plan-feature"><span>対応エリアをご確認の上お申し込みください</span></li>
  515. </ul>
  516. <a href="https://network.mobile.rakuten.co.jp/internet/turbo/campaign/six-month-free/"
  517. class="howto-plan-button">
  518. Rakuten Turboの詳細を見る
  519. </a>
  520. </div>
  521. </div>
  522. </div>
  523. </div>
  524. </div>
  525. </div>
  526. <div class="howto-store-application">
  527. <h3 class="howto-store-title">店舗で申し込む</h3>
  528. <div class="howto-store-card">
  529. <h3 class="howto-store-subtitle">店舗なら安心のサポート付き</h3>
  530. <div class="howto-store-details">
  531. <ul class="howto-store-list">
  532. <li class="howto-store-feature">専門スタッフが対面でご案内</li>
  533. <li class="howto-store-feature">その場で開通までサポート</li>
  534. <li class="howto-store-feature">操作方法もレクチャー可能</li>
  535. </ul>
  536. <a class="howto-store-button" href="https://network.mobile.rakuten.co.jp/shop/">お近くの店舗を探す</a>
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543.  
  544. <div class="laterCta-campaign-wrapper">
  545. <div class="laterCta-campaign-content">
  546. <h3 class="laterCta-campaign-title">
  547. <span>14,000</span>
  548. ポイントプレゼント<br class="sp_on">キャンペーン実施中!
  549. </h3>
  550. <div class="laterCta-action-container">
  551. <a class="laterCta-entry-button" href="https://r10.to/hNAvGG">エントリーする</a>
  552. </div>
  553. </div>
  554. </div>
  555.  
  556. <div class="campaign-container-wrap">
  557. <div class="campaign-container">
  558. <div class="headline-style-wrap">
  559. <h2 class="mnp-title headline-style">キャンペーンの流れ</h2>
  560. </div>
  561.  
  562. <section class="steps-container">
  563. <article class="step" data-aos="fade-up">
  564. <div class="step-header">
  565. <span class="step-number">STEP<br>1</span>
  566. </div>
  567. <div class="step-content">
  568. <h2>本ページのエントリーボタンをクリック</h2>
  569. <div class="step-image-container cta-btn">
  570. <a class="compare-simulation-button" href="https://r10.to/hNAvGG">キャンペーンにエントリーする</a>
  571. </div>
  572. </div>
  573. </article>
  574.  
  575. <div class="step-arrow" aria-hidden="true"></div>
  576.  
  577. <article class="step" data-aos="fade-up" data-aos-delay="100">
  578. <div class="step-header">
  579. <span class="step-number">STEP<br>2</span>
  580. </div>
  581. <div class="step-content">
  582. <h2>楽天IDでログイン</h2>
  583. <div class="step-image-container">
  584. <img src="img/step_login.webp" alt="楽天ログイン画面の例" width="600" height="700" loading="lazy" style="contain: layout;">
  585. </div>
  586. </div>
  587. </article>
  588.  
  589. <div class="step-arrow" aria-hidden="true"></div>
  590.  
  591. <article class="step" data-aos="fade-up" data-aos-delay="200">
  592. <div class="step-header">
  593. <span class="step-number">STEP<br>3</span>
  594. </div>
  595. <div class="step-content">
  596. <h2>下画面からお申し込み<br class="pc_on">Rakuten最強プランの<br class="pc_on">利用開始</h2>
  597. <div class="step-image-container">
  598. <img src="img/step_page.webp" alt="楽天モバイル紹介キャンペーン詳細" width="600" height="700" loading="lazy" style="contain: layout;">
  599. </div>
  600. </div>
  601. </article>
  602. </section>
  603.  
  604. <div class="result-arrow" aria-hidden="true"></div>
  605.  
  606. <section class="campaign-result" id="result">
  607. <h2>最大<span class="point-amount" id="pointCounter">14,000</span>ポイントプレゼント!</h2>
  608. <!-- 装飾用の星 -->
  609. <div class="star" style="width: 15px; height: 15px; top: 20%; left: 15%;"></div>
  610. <div class="star" style="width: 10px; height: 10px; top: 30%; right: 20%;"></div>
  611. <div class="star" style="width: 12px; height: 12px; bottom: 25%; left: 25%;"></div>
  612. <div class="star" style="width: 8px; height: 8px; bottom: 40%; right: 30%;"></div>
  613. </section>
  614. </div>
  615. </div>
  616.  
  617. <!-- h2: よくある質問(FAQ) -->
  618. <div class="faq-container">
  619. <div class="headline-style-wrap">
  620. <h2 class="faq-title headline-style">よくある質問(FAQ)</h2>
  621. </div>
  622. <div class="faq-content">
  623. <div class="faq-questions">
  624. <div class="faq-question-item">
  625. <div class="faq-question-button" aria-expanded="false">
  626. <span>ポイントはいつ付与されますか?</span>
  627. <img loading="lazy" src="img/qa_arrow.png" class="faq-question-icon" alt="" style="contain: layout;" />
  628. </div>
  629. <div class="faq-answer">
  630. <p>2024年12月に条件を達成した場合の例:</p>
  631. <ul>
  632. <li>1回目:2025年4月末(4,000ポイント)</li>
  633. <li>2回目:2025年5月末(5,000ポイント)</li>
  634. <li>3回目:2025年6月末(5,000ポイント)</li>
  635. <li>合計:14,000ポイント進呈</li>
  636. </ul>
  637. </div>
  638. </div>
  639. <div class="faq-question-item">
  640. <div class="faq-question-button" aria-expanded="false">
  641. <span>本キャンペーンの適用回数に制限はありますか?</span>
  642. <img loading="lazy" src="img/qa_arrow.png" class="faq-question-icon" alt="" style="contain: layout;" />
  643. </div>
  644. <div class="faq-answer">
  645. <ul>
  646. <li>2024年6月1日以降のお申込みの場合、特典はおひとり様最大5回線までとなります。</li>
  647. <li>Rakuten Turboをお申込みの場合、特典はおひとり様1度のみとなります。</li>
  648. </ul>
  649. </div>
  650. </div>
  651. <div class="faq-question-item">
  652. <div class="faq-question-button" aria-expanded="false">
  653. <span>MNP予約番号の取得方法を教えてください</span>
  654. <img loading="lazy" src="img/qa_arrow.png" class="faq-question-icon" alt="" style="contain: layout;" />
  655. </div>
  656. <div class="faq-answer">
  657. <p>現在ご契約中の携帯電話会社で以下の方法で取得できます:</p>
  658. <ul>
  659. <li>ドコモの方:My docomo</li>
  660. <li>auの方:My au</li>
  661. <li>ソフトバンクの方:My SoftBank</li>
  662. <li>その他の方:各社お客様窓口</li>
  663. </ul>
  664. <p>※MNP予約番号の有効期限は15日間です</p>
  665. </div>
  666. </div>
  667. <div class="faq-question-item">
  668. <div class="faq-question-button" aria-expanded="false">
  669. <span>過去に回線契約をしたことがある場合でも、本キャンペーンは適用されますか?</span>
  670. <img loading="lazy" src="img/qa_arrow.png" class="faq-question-icon" alt="" style="contain: layout;" />
  671. </div>
  672. <div class="faq-answer">
  673. <p>過去にご契約があるお客様も、新たにお申込みした回線で条件を達成いただければキャンペーンの対象となります。</p>
  674. </div>
  675. </div>
  676. <div class="faq-question-item">
  677. <div class="faq-question-button" aria-expanded="false">
  678. <span>Rakuten最強プランとRakuten最強プラン(データタイプ)の違いは何ですか?</span>
  679. <img loading="lazy" src="img/qa_arrow.png" class="faq-question-icon" alt="" style="contain: layout;" />
  680. </div>
  681. <div class="faq-answer">
  682. <dl>
  683. <dt>Rakuten最強プラン:</dt>
  684. <dd>通話とデータ通信が利用可能な標準的なプランです。</dd>
  685. <dt>Rakuten最強プラン(データタイプ):</dt>
  686. <dd>
  687. <ul>
  688. <li>データ通信のみ利用可能</li>
  689. <li>楽天カードをお持ちの方限定のプラン</li>
  690. <li>タブレットやモバイルルーターでの利用に最適</li>
  691. </ul>
  692. </dd>
  693. </dl>
  694. </div>
  695. </div>
  696. </div>
  697.  
  698. <p class="to-cpn-detail"><a
  699. href="https://network.mobile.rakuten.co.jp/campaign/referral-application-employee/#campaign-rule2162"
  700. target="_blank">【楽天従業員から紹介された方限定】<br class="sp_on">Rakuten最強プラン紹介キャンペーン詳細を確認する</a></p>
  701.  
  702. <div class="faq-contact">
  703. <p class="faq-contact-text">その他ご不明点がございましたら、<br class="sp_on">以下までお問い合わせください</p>
  704. <div class="faq-contact-info">
  705. <div class="faq-contact-details">
  706. <h3 class="faq-contact-title">従業員紹介キャンペーン:被紹介者専用窓口</h3>
  707. <p class="faq-contact-phone">050-5443-6510</p>
  708. <p class="faq-contact-hours">受付時間:9:00~17:00(年中無休)</p>
  709. </div>
  710. </div>
  711. </div>
  712. </div>
  713. </div>
  714. </main>
  715.  
  716. <script defer src="js/jquery-3.6.0.min.js"></script>
  717. <script defer src="js/jquery.colorbox-min.js"></script>
  718. <style>
  719. /* クリティカルCSS最適化 */
  720. .mv h2 img { will-change: auto; contain: layout style paint; }
  721. .mnp-step-icon, .mnp-schedule-graph, .compare-discount-image { contain: layout; }
  722. [data-aos] { will-change: opacity, transform; }
  723. .faq-question-icon { contain: layout; }
  724. </style>
  725. <script defer>
  726. // ColorBox初期化を最適化(必要時のみ読み込み)
  727. const initColorBox = () => {
  728. if (typeof $ !== 'undefined' && $.fn.colorbox) {
  729. $(".zoom_img_box").colorbox({
  730. maxWidth: "100%",
  731. maxHeight: "100%",
  732. opacity: 0.7
  733. });
  734. }
  735. };
  736. // 画像クリック時に初期化
  737. document.addEventListener('click', (e) => {
  738. if (e.target.closest('.zoom_img_box')) {
  739. initColorBox();
  740. }
  741. }, { once: true });
  742. </script>
  743. <script>
  744. // FAQ機能の最適化(イベント委譲使用)
  745. document.addEventListener('click', (e) => {
  746. const button = e.target.closest('.faq-question-button');
  747. if (!button) return;
  748. const questionItem = button.closest('.faq-question-item');
  749. const answer = questionItem.querySelector('.faq-answer');
  750. const icon = button.querySelector('.faq-question-icon');
  751. const isExpanded = button.getAttribute('aria-expanded') === 'true';
  752.  
  753. button.setAttribute('aria-expanded', !isExpanded);
  754. answer.style.display = isExpanded ? 'none' : 'block';
  755. icon.style.transform = isExpanded ? 'rotate(0deg)' : 'rotate(180deg)';
  756. });
  757.  
  758. // 固定CTA表示制御(Intersection Observer使用)
  759. const fixedCta = document.querySelector('.fix-cta');
  760. const condition = document.querySelector('.condition');
  761. if (fixedCta && condition) {
  762. fixedCta.style.opacity = '0';
  763. fixedCta.style.transition = 'opacity 0.3s';
  764. const observer = new IntersectionObserver(([entry]) => {
  765. fixedCta.style.opacity = entry.isIntersecting ? '0' : '1';
  766. }, { threshold: 0 });
  767. observer.observe(condition);
  768. }
  769. // カウンターアニメーション(最適化)
  770. const resultSection = document.getElementById('result');
  771. if (resultSection) {
  772. const counterObserver = new IntersectionObserver(([entry]) => {
  773. if (entry.isIntersecting) {
  774. animateCounter();
  775. counterObserver.unobserve(entry.target);
  776. }
  777. }, { threshold: 0.5 });
  778. counterObserver.observe(resultSection);
  779. }
  780.  
  781. // スクロールアニメーション(最適化)
  782. const fadeElements = document.querySelectorAll('[data-aos]');
  783. if (fadeElements.length > 0) {
  784. const animationObserver = new IntersectionObserver((entries) => {
  785. entries.forEach(entry => {
  786. if (entry.isIntersecting) {
  787. const element = entry.target;
  788. const delay = element.getAttribute('data-aos-delay') || 0;
  789. element.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';
  790. setTimeout(() => {
  791. element.style.opacity = '1';
  792. element.style.transform = 'translateY(0)';
  793. }, delay);
  794. animationObserver.unobserve(element);
  795. }
  796. });
  797. }, { threshold: 0.1 });
  798. fadeElements.forEach(element => {
  799. element.style.opacity = '0';
  800. element.style.transform = 'translateY(20px)';
  801. animationObserver.observe(element);
  802. });
  803. }
  804.  
  805. function animateCounter() {
  806. const counterElement = document.getElementById('pointCounter');
  807. if (!counterElement) return;
  808.  
  809. const targetValue = 14000;
  810. const duration = 1500; // 短縮
  811. const startTime = performance.now();
  812.  
  813. const updateCounter = (currentTime) => {
  814. const elapsed = currentTime - startTime;
  815. const progress = Math.min(elapsed / duration, 1);
  816. const currentValue = Math.round(targetValue * progress);
  817. counterElement.textContent = currentValue.toLocaleString();
  818. if (progress < 1) {
  819. requestAnimationFrame(updateCounter);
  820. }
  821. };
  822. requestAnimationFrame(updateCounter);
  823. }
  824.  
  825. // アクセシビリティ対応
  826. const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  827. if (prefersReducedMotion.matches) {
  828. const pointCounter = document.getElementById('pointCounter');
  829. if (pointCounter) pointCounter.textContent = '14,000';
  830.  
  831. const stars = document.querySelectorAll('.star');
  832. stars.forEach(star => star.style.animation = 'none');
  833. // アニメーション要素を即座に表示
  834. const fadeElements = document.querySelectorAll('[data-aos]');
  835. fadeElements.forEach(element => {
  836. element.style.opacity = '1';
  837. element.style.transform = 'translateY(0)';
  838. });
  839. }
  840. </script>
  841.  
  842. </body>
  843.  
  844. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda