<!DOCTYPE html>
  <html lang="ja">
  <head>

  
  
  <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script>
  <meta charset="utf-8" />
  <title>iKnow!で英語。ちょっとの努力で、大きな成果を。 - iKnow!</title>
  <meta content="英語, 英語学習,暗記, 英会話, リスニング, スピーキング, TOEIC, トフル, TOEFL, 英検, ビジネス英語, 基礎英語, 海外旅行, iphone, ipad, スマートフォン, iphoneアプリ, iKnow!, iKnow, smartfm, smart.fm" name="keywords" />
  <meta content="iKnow! なら、英語が身につく続く。リスニング、単語、センテンスなど複数のスキルが同時に鍛えられるので効率的。PC、スマホ、タブレットからいつでもどこでも学習が可能。1分程度の待ち時間も活用できるので、継続しやすい。" name="description" />
  <meta content="株式会社DMM.com - http://corp.dmm.com/" name="author" />
  <meta content="(C) 2015 DMM" name="copyright" />
  <link href="http://assets3.iknow.jp/_assets/common/favicon_production-9ab382498d260064f2c4e57f813378d8.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link href="http://en.iknow.jp/?utm_medium=redirect&amp;utm_campaign=smartfm_redirect&amp;utm_source=direct&amp;utm_term=" hreflang="en" rel="alternate" /><link href="http://ja.iknow.jp/?utm_medium=redirect&amp;utm_campaign=smartfm_redirect&amp;utm_source=direct&amp;utm_term=" hreflang="ja" rel="alternate" />
  
  <meta content="authenticity_token" name="csrf-param" />
<meta content="c4UVEr5n1PLTd1nLEPRDQ9Vz6gVa4Gjg/JtEDIskSuc=" name="csrf-token" />
  
      <meta property="fb:app_id" content="142807375777389">
    
  <!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', '535902816562439');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=535902816562439&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

      <!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-M4TJC5"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <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=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-M4TJC5');</script>
    <!-- End Google Tag Manager -->

  <meta http-equiv="X-UA-Compatible" content="chrome=1">

  <!--[if gt IE 9]><!-->
    <link href="http://assets2.iknow.jp/_assets/application-b1a3e828b58181ac835b967acdefe0e0.css" media="all" rel="stylesheet" type="text/css" />
  <!--<![endif]-->

  <!--[if lte IE 9]>
    <link href="http://assets0.iknow.jp/_assets/application_sub_1-1112844c600ac2dcce9f2911bc9e4f6b.css" media="all" rel="stylesheet" type="text/css" />
    <link href="http://assets2.iknow.jp/_assets/application_sub_2-3635abd6015f5e90086a33f658d4b4fd.css" media="all" rel="stylesheet" type="text/css" />
  <![endif]-->

  
  
  <link href="http://assets1.iknow.jp/_assets/admin-1030dbb7fe3b3b525618435edf29e412.css" media="all" rel="stylesheet" type="text/css" />

  <!--[if IE 9]>
    <link href="http://assets0.iknow.jp/_assets/ie9-7eae42cd988a9cafdca08c6c847c833e.css" media="all" rel="stylesheet" type="text/css" />
  <![endif]-->

  <!--[if IE 8]>
    <link href="http://assets2.iknow.jp/_assets/ie8-a210e4d72b16d0bf6db171894cbcec77.css" media="all" rel="stylesheet" type="text/css" />
  <![endif]-->

  <!--[if lte IE 8]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  <![endif]-->
  
<script type="text/javascript">
  (function setupEnvironment() {
    window.App = window.App || {};

    // Load initial data from server.
    var e = {"controller":"landings","namespace":"landings","layout":"marketing","action":"handler","session":"logged-out","role":"user","language":"ja"};

    e.isDevelopment = false;
    e.isTest        = false;
    e.isTesting     = false;
    e.isStable      = false;
    e.isProduction  = true;
    e.isAdmin       = false;


    e.API = e.API || {};

    e.API.version = 2;
    e.API.token   = "";
    e.API.server  = "//api.iknow.jp/";
    e.API.key     = "2ce3f515a02e816b2240e4f1";


    App.Environment = e;
  }());
</script>


      <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
  <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>


      <meta name="viewport" content="width=device-width, initial-scale=1">
    
<meta content="iKnow!で英語。ちょっとの努力で、大きな成果を。" property="og:title" />

<meta content="iKnow! なら、英語が身につく続く。リスニング、単語、センテンスなど複数のスキルが同時に鍛えられるので効率的。PC、スマホ、タブレットからいつでもどこでも学習が可能。1分程度の待ち時間も活用できるので、継続しやすい。" property="og:description" />

<meta content="website" property="og:type" />

<meta content="http://iknow.jp/" property="og:url" />

<meta content="http://assets1.iknow.jp/_assets/achievements/iknow_branding.png" property="og:image" />

<meta content="iKnow!" property="og:site_name" />

    <style>
      @charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/***** Variables **** */
/***** Mixins **** */
/***** Styles *** */
html {
  width: 100%; }

body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "DejaVu Sans", "游ゴシック体", "YuGothic", "Kozuka Gothic Pro R", "MS P Gothic", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  width: 100%; }

body.marketing_layout {
  background: none; }

h1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.8;
  margin: 0.8em 0 0.8em 0; }

h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.8em 0; }

h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.8em 0; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

li {
  display: inline-block;
  vertical-align: middle; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

p {
  margin: 0 0 1em 0;
  padding: 0;
  line-height: 1.7; }

/***************** Generic Styles **************** */
.section {
  width: 100%; }
  .section .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #303D5A;
    font-size: 16px;
    padding: 30px 50px;
    position: relative;
    margin: 0 auto;
    max-width: 1140px;
    min-width: 320px; }
  .section h2 {
    color: #614643; }

.speech-bubble {
  border-radius: 5px;
  position: relative;
  padding: 1em; }
  .speech-bubble.speech-bubble-left:after, .speech-bubble.speech-bubble-right:after, .speech-bubble.speech-bubble-bottom:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    border-style: solid; }
  .speech-bubble.speech-bubble-left:after {
    border-width: 25px 25px 0 0;
    top: 30%;
    left: -25px; }
  .speech-bubble.speech-bubble-right:after {
    border-width: 25px 0 0 25px;
    top: 30%;
    right: -25px; }
  .speech-bubble.speech-bubble-bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 15px 15px 0;
    bottom: -15px;
    left: 50%; }

.section-app-style {
  background-color: #3F6CCE; }
  .section-app-style h2 {
    color: #FFFFFF; }
  .section-app-style .content, .section-app-style a {
    color: #FFFFFF; }
  .section-app-style .button {
    padding: 0.6em 1em;
    background: #FF8B00; }
    .section-app-style .button:hover {
      color: #FFFFFF;
      background: #E67D00; }
  .section-app-style .speech-bubble {
    background-color: #2D58C1; }
    .section-app-style .speech-bubble.speech-bubble-left:after {
      border-color: transparent #2D58C1; }
    .section-app-style .speech-bubble.speech-bubble-right:after {
      border-color: transparent #2D58C1; }
    .section-app-style .speech-bubble.speech-bubble-bottom:after {
      border-color: #2D58C1 transparent; }

.logo-iknow {
  width: 154px;
  height: 85px;
  background: url(http://iknow.jp/assets/landing_images/top/logo-iknow.png?1437973857) 0 0 no-repeat;
  background-size: contain; }

/** Devices */
body .device-android {
  display: none; }
body .device-ios {
  display: none; }

body.device-ios .device-default {
  display: none !important; }
body.device-ios .device-ios {
  display: block; }

body.device-android .device-default {
  display: none !important; }
body.device-android .device-android {
  display: block; }

/** Icons */
.icon {
  display: block;
  background: url(http://iknow.jp/assets/landing_images/top/homepage-sprite.svg?1437973857); }
  .icon.icon-content {
    height: 220px;
    width: 220px; }
    .icon.icon-content.icon-content-1 {
      background-position: 0 0; }
    .icon.icon-content.icon-content-2 {
      background-position: -221px 0; }
    .icon.icon-content.icon-content-3 {
      background-position: -442px 0; }
  .icon.icon-content-courses {
    height: 140px;
    width: 140px; }
    .icon.icon-content-courses.icon-content-courses-1 {
      background-position: 0 -233px; }
    .icon.icon-content-courses.icon-content-courses-2 {
      background-position: -141px -233px; }
    .icon.icon-content-courses.icon-content-courses-3 {
      background-position: -282px -233px; }
  .icon.icon-nav-dropdown {
    width: 35px;
    height: 26px;
    background-position: 0 -382px; }
    .icon.icon-nav-dropdown:hover {
      background-position: -36px -382px; }
  .icon.icon-facebook {
    width: 21px;
    height: 44px;
    background-position: 0 -552px; }
    .icon.icon-facebook:hover {
      background-position: -22px -552px; }
  .icon.icon-twitter {
    width: 56px;
    height: 38px;
    background-position: 0 -613px; }
    .icon.icon-twitter:hover {
      background-position: -57px -613px; }
  .icon.icon-devices {
    width: 64px;
    height: 44px;
    background-position: 0 -495px; }
  .icon.icon-power {
    width: 61px;
    height: 14px;
    background-position: -64px -495px; }
  .icon.icon-train-handle {
    width: 34px;
    height: 53px;
    background-position: -129px -495px; }
  .icon.icon-volume {
    width: 40px;
    height: 25px;
    background-position: -173px -495px; }
  .icon.icon-owl {
    width: 98px;
    height: 95px;
    background-position: 0 -660px; }
    .icon.icon-owl.icon-owl-partial {
      height: 80px; }

/** Fallback size is defined in .content */
.text-larger {
  font-size: 26px; }

.text-large {
  font-size: 20px; }

.text-tiny {
  font-size: 12px; }

.columns:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }
.columns .column {
  float: left;
  margin: 0 auto; }

.button {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  border-radius: 5px;
  padding: 0.75em 1em; }
  .button:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.low-resolution {
  display: none; }

@media (max-width: 1024px) {
  h1 {
    font-size: 30px; }

  h2 {
    font-size: 26px; }

  h3 {
    font-size: 20px; }

  .section .content {
    font-size: 16px; }

  .header-nav {
    font-size: 14px; }

  .text-larger {
    font-size: 22px; }

  .text-large {
    font-size: 16px; }

  .text-tiny {
    font-size: 10px; } }
@media (max-width: 720px) {
  h1 {
    font-size: 28px; }

  h2 {
    font-size: 24px; }

  h3 {
    font-size: 20px; }

  .section .content {
    font-size: 14px;
    padding: 20px 50px; }

  .text-larger {
    font-size: 20px; }

  .text-large {
    font-size: 18px; }

  .high-resolution {
    display: none; }

  .low-resolution {
    display: block; } }
@media (max-width: 400px) {
  h1 {
    font-size: 20px; }

  h2 {
    font-size: 20px; }

  h3 {
    font-size: 20px; }

  .section .content {
    padding: 20px; }

  .text-larger {
    font-size: 18px; }

  .text-large {
    font-size: 16px; } }
/***************** Header **************** */
.header {
  background: #3F6CCE url(http://iknow.jp/assets/landing_images/top/header-background.svg?1437973857) top center no-repeat;
  background-size: cover;
  height: 595px;
  overflow: hidden; }
  .header .content {
    height: 100%; }
  .header .header-accent {
    width: 40%;
    max-width: 450px; }
  .header .header-accent {
    position: absolute;
    top: 100px; }
  .header.header-hide-icon .logo-iknow {
    visibility: hidden; }
  .header .button-container {
    text-align: center;
    position: absolute;
    top: 385px;
    left: 150px; }
  .header .store-logo img {
    max-width: 290px; }
  .header .button {
    font-size: 24px; }
  .header .subtext {
    margin: 1em 0;
    font-size: 20px; }
  .header .devices {
    position: absolute;
    width: 656px;
    top: 145px;
    left: 50%; }
  .header .devices img {
    width: 100%; }
  .header .icon-owl {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    position: absolute;
    z-index: 1;
    bottom: 0; }

@media (max-width: 1024px) {
  .header .button-container {
    left: 10%; }
  .header .button-container .subtext {
    margin: 0.5em 0; }
  .header .icon-owl {
    -webkit-transform: translateY(30%) scale(0.9);
    -moz-transform: translateY(30%) scale(0.9);
    -ms-transform: translateY(30%) scale(0.9);
    -o-transform: translateY(30%) scale(0.9);
    transform: translateY(30%) scale(0.9); } }
@media (max-width: 720px) {
  .header {
    height: auto; }
    .header .content {
      padding-top: 90px;
      padding-bottom: 50px; }
    .header .devices,
    .header .header-accent,
    .header .button-container {
      position: relative;
      padding: 0.8em;
      width: 100%;
      max-width: 100%;
      top: 0;
      left: 0;
      text-align: center; }
    .header .devices {
      width: 100%; }
    .header .mobile-container {
      position: absolute;
      width: 146px;
      height: 289px;
      top: 100px;
      left: 0; }
    .header .desktop-container {
      position: absolute;
      left: 100px;
      width: 510px;
      height: 337px; }
    .header .logo-iknow {
      display: none; }
    .header .button-container .subtext {
      margin: 0.5em 0;
      font-size: 15px; }
    .header .ios-button-container {
      margin: 0 auto;
      max-width: 200px; }
      .header .ios-button-container img {
        width: 100%;
        height: auto; }
    .header .icon-owl {
      -webkit-transform: translateY(30%) scale(0.75);
      -moz-transform: translateY(30%) scale(0.75);
      -ms-transform: translateY(30%) scale(0.75);
      -o-transform: translateY(30%) scale(0.75);
      transform: translateY(30%) scale(0.75);
      left: 10%; }
    .header .button {
      font-size: 20px; } }
@media (max-width: 400px) {
  .header .button {
    font-size: 16px; }
  .header .subtext {
    font-size: 13px; } }
/***************** Sticky Navigation **************** */
.sticky-nav {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 250ms, opacity 250ms;
  transition: background-color 250ms, opacity 250ms;
  position: fixed;
  top: 0;
  z-index: 10;
  padding: 15px 0; }
  .sticky-nav .content {
    padding-top: 0;
    padding-bottom: 0; }
  .sticky-nav .nav-menu {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0; }
  .sticky-nav .nav-dropdown {
    display: none; }
  .sticky-nav .logo-iknow {
    -webkit-transition: left 250ms, width 250ms, height 250ms;
    transition: left 250ms, width 250ms, height 250ms;
    visibility: hidden;
    position: relative; }
  .sticky-nav:not(.sticky-nav-show-icon) {
    background: transparent; }
  .sticky-nav.sticky-nav-show-icon .logo-iknow {
    visibility: visible;
    width: 110px;
    height: 60px; }
  .sticky-nav.sticky-nav-show-icon {
    -webkit-box-shadow: 0 0 10px #2C55AE;
    box-shadow: 0 0 10px #2C55AE; }
  .sticky-nav .nav-item {
    padding: 0 25px; }
  .sticky-nav .nav-item-last {
    margin: 0; }
  .sticky-nav .nav-item .nav-link:hover {
    color: #CCE4E7; }
  .sticky-nav .nav-item-last .nav-link:hover {
    color: #FFFFFF; }

@media (max-width: 720px) {
  .sticky-nav {
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
    padding: 15px 0 0; }
    .sticky-nav .logo-iknow {
      width: 100px; }
    .sticky-nav .content {
      padding: 0; }
    .sticky-nav .assets {
      padding: 0 25px;
      position: relative; }
    .sticky-nav .nav-dropdown {
      display: block;
      position: absolute;
      right: 25px;
      top: 11px; }
    .sticky-nav .nav-menu {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      -webkit-transition: max-height 300ms;
      transition: max-height 300ms;
      overflow: hidden;
      max-height: 0;
      padding-top: 10px;
      position: relative;
      right: 0;
      top: 0;
      display: block; }
    .sticky-nav .nav-item {
      padding: 10px 0;
      display: block;
      text-align: center;
      font-size: 18px;
      border-top: 2px solid #FFFFFF; }
      .sticky-nav .nav-item .nav-link {
        display: block; }
    .sticky-nav .nav-item-last {
      background-color: #FF8B00; }
      .sticky-nav .nav-item-last .nav-link {
        color: #FFFFFF;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .sticky-nav .nav-item-last .nav-link:hover {
        color: #CCE4E7; }
    .sticky-nav.sticky-nav-open {
      background-color: #303D5A; }
    .sticky-nav.sticky-nav-open .logo-iknow {
      visibility: visible; }
    .sticky-nav.sticky-nav-open .nav-menu {
      max-height: 500px; } }
/***************** Memory Science *************** */
.section-memory-science {
  text-align: center; }
  .section-memory-science .more-details {
    max-width: 760px;
    margin: 0 auto;
    font-size: 1.05em;
    line-height: 1.7; }
  .section-memory-science .memory-bank-container {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10%;
    width: 90%;
    height: 400px;
    cursor: pointer; }
    .section-memory-science .memory-bank-container .node {
      stroke: #C2C0C2;
      stroke-width: 4;
      fill: #C2C0C2; }
    .section-memory-science .memory-bank-container .triangle {
      fill: #C2C0C2; }
    .section-memory-science .memory-bank-container .node-placeholder {
      fill: #FFFFFF;
      pointer-events: all; }
    .section-memory-science .memory-bank-container .path {
      stroke-dasharray: 0.2, 8;
      stroke-linejoin: round;
      stroke-linecap: round;
      stroke-width: 3;
      stroke: #C2C0C2;
      fill: none; }
    .section-memory-science .memory-bank-container .badge-container {
      opacity: 0;
      display: none; }
    .section-memory-science .memory-bank-container .badge {
      stroke-width: 2; }
    .section-memory-science .memory-bank-container .badge-weak {
      stroke: #40C7DA; }
    .section-memory-science .memory-bank-container .badge-strong {
      stroke: #BD7ED5; }
    .section-memory-science .memory-bank-container .badge-3, .section-memory-science .memory-bank-container .badge-5 {
      fill: #40C7DA; }
    .section-memory-science .memory-bank-container .badge-text {
      fill: #FFFFFF;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
    .section-memory-science .memory-bank-container .badge-speech-bubble {
      opacity: 0;
      display: none; }
    .section-memory-science .memory-bank-container .speech-bubble-weak {
      fill: #40C7DA; }
    .section-memory-science .memory-bank-container .speech-bubble-strong {
      fill: #BD7ED5; }
  .section-memory-science .memory-box {
    height: 121px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    .section-memory-science .memory-box p {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: color 200ms;
      transition: color 200ms;
      position: absolute;
      left: 1em;
      top: 50%; }
    .section-memory-science .memory-box.memory-box-strong {
      background-color: #D9F4F8;
      border-radius: 5px;
      color: #9B9B9B; }
    .section-memory-science .memory-box.memory-box-weak {
      color: #9B9B9B; }
  .section-memory-science .memory-panel {
    position: relative;
    padding: 65px 0; }
@-webkit-keyframes memory-science-glow {
  from {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; }
  50% {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98; }
  to {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; } }
@-moz-keyframes memory-science-glow {
  from {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; }
  50% {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98; }
  to {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; } }
@-ms-keyframes memory-science-glow {
  from {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; }
  50% {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98; }
  to {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; } }
@keyframes memory-science-glow {
  from {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; }
  50% {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 1.1em 0.25em #2c8b98; }
  to {
    -webkit-box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA;
    box-shadow: 0 0 0.25em 0.25em #FFFFFF, 0 0 0.5em 0.25em #40C7DA; } }
    .section-memory-science .memory-panel .counter {
      cursor: pointer;
      color: #40C7DA;
      border-radius: 50%;
      display: inline-block;
      width: 15px;
      height: 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-top: 5px;
      margin: 0 10px;
      text-align: center;
      border: 1px solid #40C7DA; }
      .section-memory-science .memory-panel .counter.highlight {
        color: #FFFFFF;
        background-color: #40C7DA; }
        .section-memory-science .memory-panel .counter.highlight + .counter {
          -webkit-animation: memory-science-glow 2s infinite alternate;
          -moz-animation: memory-science-glow 2s infinite alternate;
          -o-animation: memory-science-glow 2s infinite alternate;
          animation: memory-science-glow 2s infinite alternate; }
    .section-memory-science .memory-panel .badge-speech-bubble .description, .section-memory-science .memory-panel .speech-bubble .description {
      font-size: 14px;
      color: #247580;
      fill: #247580;
      display: block;
      margin-bottom: 1em; }
    .section-memory-science .memory-panel .badge-speech-bubble .details, .section-memory-science .memory-panel .speech-bubble .details {
      font-size: 14px;
      color: #FFFFFF;
      fill: #FFFFFF; }
    .section-memory-science .memory-panel .speech-bubble {
      margin: 1.4em 0; }
    .section-memory-science .memory-panel.badge-weak .memory-box-weak {
      color: #40C7DA; }
    .section-memory-science .memory-panel.badge-weak .speech-bubble {
      background-color: #40C7DA; }
      .section-memory-science .memory-panel.badge-weak .speech-bubble.speech-bubble-right:after {
        border-color: transparent #40C7DA; }
      .section-memory-science .memory-panel.badge-weak .speech-bubble.speech-bubble-bottom:after {
        border-color: #40C7DA transparent; }
    .section-memory-science .memory-panel.badge-strong .memory-box-strong {
      color: #BD7ED5; }
    .section-memory-science .memory-panel.badge-strong .badge-speech-bubble .description, .section-memory-science .memory-panel.badge-strong .speech-bubble .description {
      fill: #684376;
      color: #684376; }
    .section-memory-science .memory-panel.badge-strong .speech-bubble {
      background-color: #BD7ED5; }
      .section-memory-science .memory-panel.badge-strong .speech-bubble.speech-bubble-right:after {
        border-color: transparent #BD7ED5; }
      .section-memory-science .memory-panel.badge-strong .speech-bubble.speech-bubble-bottom:after {
        border-color: #BD7ED5 transparent; }

@media (max-width: 720px) {
  .section-memory-science .memory-panel {
    overflow: hidden;
    padding: 0;
    margin-bottom: 20px; }
    .section-memory-science .memory-panel .speech-bubble-low-resolution {
      visibility: hidden;
      max-width: 300px;
      line-height: 1.7;
      height: 80px;
      text-align: left;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      .section-memory-science .memory-panel .speech-bubble-low-resolution .description {
        margin-bottom: 0.5em; }
      .section-memory-science .memory-panel .speech-bubble-low-resolution .details {
        font-size: 12px; }
  .section-memory-science .memory-bank-container {
    left: 0;
    width: 680px;
    height: 360px; }
  .section-memory-science .badge-speech-bubble {
    display: none !important; }
  .section-memory-science .memory-box.memory-box-strong p {
    top: 25%; }
  .section-memory-science .memory-box.memory-box-weak p {
    top: 75%; }
  .section-memory-science .memory-bank-container {
    -webkit-transform: translateY(-50%) translateY(80px) translateY(-1em);
    -moz-transform: translateY(-50%) translateY(80px) translateY(-1em);
    -ms-transform: translateY(-50%) translateY(80px) translateY(-1em);
    -o-transform: translateY(-50%) translateY(80px) translateY(-1em);
    transform: translateY(-50%) translateY(80px) translateY(-1em); }
  .section-memory-science .counters {
    margin: 1em 0; } }
/***************** Testimonials **************** */
.section-testimonials {
  background-color: #40C7DA; }
  .section-testimonials .content {
    padding-top: 0;
    padding-bottom: 0; }
  .section-testimonials .testimonials {
    display: table-row; }
  .section-testimonials .testimonial {
    display: table-cell;
    background-image: radial-gradient(50% 155%, #5FDEEF 52%, #40C7DA 100%);
    text-align: center;
    width: 50%;
    min-height: 350px; }
  .section-testimonials .blockquote {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 30px 40px 0;
    padding-left: 60px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative; }
  .section-testimonials .blockquote:before {
    content: " ";
    display: block;
    position: absolute;
    background: url(http://iknow.jp/assets/landing_images/top/homepage-sprite.svg?1437973857) 0 -419px;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px; }
  .section-testimonials .quote-large {
    color: #FFFFFF;
    font-size: 32px;
    line-height: 1.2;
    margin-top: 25px;
    text-align: left; }
  .section-testimonials .quote-small {
    font-size: 20px; }
  .section-testimonials .person {
    display: table; }
  .section-testimonials .name {
    display: table-cell;
    font-size: 16px;
    padding-left: 1em;
    vertical-align: middle; }
  .section-testimonials .face {
    display: table-cell;
    width: 60px;
    height: 60px;
    vertical-align: middle; }
    .section-testimonials .face.face-1 {
      background: url(http://iknow.jp/assets/landing_images/top/testimonial-1.png?1437973857) 0 0 no-repeat;
      background-size: contain; }
    .section-testimonials .face.face-2 {
      background: url(http://iknow.jp/assets/landing_images/top/testimonial-2.png?1437973857) 0 0 no-repeat;
      background-size: contain; }

@media (max-width: 1100px) {
  .section-testimonials .quote-large {
    font-size: 28px; }
  .section-testimonials .quote-small {
    font-size: 18px; }
  .section-testimonials .name {
    font-size: 14px; }
  .section-testimonials .blockquote {
    padding-left: 50px; }
  .section-testimonials .blockquote:before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); } }
@media (max-width: 950px) {
  .section-testimonials .quote-large {
    font-size: 24px; }
  .section-testimonials .quote-small {
    font-size: 14px; }
  .section-testimonials .name {
    font-size: 12px; } }
@media (max-width: 720px) {
  .section-testimonials .testimonials {
    display: block; }
  .section-testimonials .testimonial {
    display: block;
    width: 100%;
    min-height: 0; }
  .section-testimonials .blockquote {
    margin: 10px 20px;
    padding-left: 40px; }
  .section-testimonials .name {
    max-width: 80%; }
  .section-testimonials .blockquote:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }
/***************** Content **************** */
.section-content {
  font-size: 18px;
  padding-bottom: 20px; }
  .section-content h1 {
    color: #614643;
    margin: 60px 0; }
  .section-content .content {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px; }
  .section-content .features {
    margin: 0 auto;
    max-width: 1180px; }
  .section-content .feature {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    width: 33.33%; }
  .section-content .feature .text-large {
    font-weight: bold; }
  .section-content .feature p {
    text-align: left; }
  .section-content .icon {
    margin: 1.2em auto; }

@media (max-width: 900px) {
  .section-content .icon {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); } }
@media (max-width: 720px) {
  .section-content .icon {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85); }
  .section-content .feature {
    width: 100%; } }
/***************** Content Courses **************** */
.section-content-courses .content {
  padding-bottom: 240px; }
.section-content-courses .column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  padding: 0 20px;
  text-align: center; }
.section-content-courses .icon-content-courses {
  margin: 1.2em auto; }
.section-content-courses .button-container {
  left: 53%;
  bottom: 107px;
  position: absolute; }
.section-content-courses .speech-bubble-right {
  -webkit-transform: translateX(-100%) translateX(-80px);
  -moz-transform: translateX(-100%) translateX(-80px);
  -ms-transform: translateX(-100%) translateX(-80px);
  -o-transform: translateX(-100%) translateX(-80px);
  transform: translateX(-100%) translateX(-80px);
  position: absolute;
  max-width: 350px;
  width: 30%;
  left: 50%;
  bottom: 40px; }
.section-content-courses .speech-bubble-bottom {
  margin: 0 auto; }
  .section-content-courses .speech-bubble-bottom p {
    margin: 0; }
.section-content-courses .details {
  text-align: left; }
.section-content-courses .icon-owl {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 0; }

@media (max-width: 720px) {
  .section-content-courses .content {
    padding-bottom: 90px; }
  .section-content-courses .column {
    float: none;
    width: 350px;
    margin: 10px auto;
    height: auto; }
  .section-content-courses .icon-owl {
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    -ms-transform: translateX(-50%) scale(0.8);
    -o-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8);
    bottom: -8px; }
  .section-content-courses .icon-content-courses {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  .section-content-courses .button-container {
    position: static;
    text-align: center;
    margin: 10px 0 20px; } }
@media (max-width: 400px) {
  .section-content-courses .column {
    width: 100%; }
  .section-content-courses .icon-content-courses {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }
/***************** Convenience **************** */
.section-convenience .columns {
  margin: 40px auto 20px; }
.section-convenience .column {
  width: 27%; }
.section-convenience .column-hero-banner {
  position: relative;
  text-align: center; }
  .section-convenience .column-hero-banner.high-resolution {
    width: 46%;
    min-height: 500px; }
  .section-convenience .column-hero-banner .hero-banner {
    background: url(http://iknow.jp/assets/landing_images/top/convenience-hero.svg?1437973857) center center no-repeat;
    background-size: contain;
    width: 80%;
    min-height: 500px;
    margin: 0 auto; }
.section-convenience .icon-container {
  position: relative;
  height: 53px;
  margin-bottom: 10px; }
.section-convenience .icon {
  position: absolute;
  bottom: 0; }
.section-convenience .feature {
  margin-bottom: 60px; }
.section-convenience .text-large {
  font-weight: bold; }
.section-convenience .store-logo {
  margin-right: 0.8em; }
  .section-convenience .store-logo img {
    height: 40px; }

@media (max-width: 720px) {
  .section-convenience .column {
    width: 100%; }
  .section-convenience .column-hero-banner .hero-banner {
    height: 300px;
    min-height: 0; }
  .section-convenience .information {
    margin-bottom: 20px; }
  .section-convenience .feature {
    margin-bottom: 30px; } }
/***************** Partners **************** */
.section-partners {
  background: #E1E0D8;
  color: #656565;
  line-height: 2; }
  .section-partners h3 {
    margin-top: 0; }
  .section-partners .content {
    padding-top: 30px;
    padding-bottom: 30px; }
  .section-partners .partners {
    text-align: center;
    margin: 0.6em; }
  .section-partners .partners li {
    margin: 0.5em 3em; }
  .section-partners .button-container {
    text-align: center;
    position: relative;
    top: -3.5em; }
  .section-partners .button {
    background: #656565;
    color: #FFFFFF;
    line-height: 1.2;
    float: right; }
  .section-partners .button:hover {
    color: #FFFFFF;
    background: rgba(101, 101, 101, 0.75); }

@media (max-width: 720px) {
  .section-partners h3 {
    text-align: left; }
  .section-partners .partners {
    text-align: left;
    display: block;
    margin: 0;
    width: 100%; }
  .section-partners .partners li {
    margin: 0;
    display: block; }
  .section-partners .button-container {
    margin-top: 10px;
    display: block;
    top: 0; }
  .section-partners .button {
    float: none; } }
/***************** Pricing **************** */
.section-pricing .content {
  padding-top: 20px;
  padding-bottom: 40px; }
.section-pricing .columns {
  margin-top: 100px; }
.section-pricing .column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  width: 25%;
  position: relative; }
.section-pricing .column a:hover .button {
  color: #FFFFFF;
  background: #E67D00; }
.section-pricing .column a:active .button {
  -webkit-box-shadow: none;
  box-shadow: none; }
.section-pricing .campaign-banner img {
  max-width: 800px;
  width: 100%; }
.section-pricing .icon-owl {
  -webkit-transform: translateX(-50%) translateY(-100%) scale(0.8) translateY(8px);
  -moz-transform: translateX(-50%) translateY(-100%) scale(0.8) translateY(8px);
  -ms-transform: translateX(-50%) translateY(-100%) scale(0.8) translateY(8px);
  -o-transform: translateX(-50%) translateY(-100%) scale(0.8) translateY(8px);
  transform: translateX(-50%) translateY(-100%) scale(0.8) translateY(8px);
  position: absolute;
  top: 0;
  left: 50%; }
.section-pricing .pricing-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F6F5EF;
  text-align: center;
  padding-bottom: 1em; }
.section-pricing .pricing-box-header {
  padding: 1em;
  border-radius: 5px 5px 0 0; }
.section-pricing .pricing-box {
  border-radius: 5px; }
.section-pricing .pricing-box-one-month .pricing-box-header {
  background-color: #8FB8E8; }
.section-pricing .pricing-box-six-months .pricing-box-header {
  background-color: #5991D2; }
.section-pricing .pricing-box-one-year .pricing-box-header {
  background-color: #40C7DA; }
.section-pricing .pricing-box-one-year {
  -webkit-box-shadow: 0px 0px 0px 3px #FF8B00;
  box-shadow: 0px 0px 0px 3px #FF8B00;
  border-radius: 5px;
  position: relative;
  overflow: visible; }
.section-pricing .column-one-year .speech-bubble {
  background-color: #2D58C1;
  border-radius: 5px;
  padding: 0.75em;
  white-space: nowrap; }
.section-pricing .column-one-year .speech-bubble.speech-bubble-left {
  position: absolute;
  top: -75px;
  left: 75%; }
.section-pricing .pricing-box-lifetime .pricing-box-header {
  background-color: #BD7ED5; }
.section-pricing .pricing-box-details {
  color: #303D5A;
  height: 80px;
  padding: 1em;
  line-height: 1.2; }
  .section-pricing .pricing-box-details span {
    display: block; }
  .section-pricing .pricing-box-details .price, .section-pricing .pricing-box-details .total-price {
    line-height: 1.2; }
  .section-pricing .pricing-box-details .note {
    margin-top: 10px;
    color: #9B9B9B; }
.section-pricing .ios-button-container img {
  width: 80%; }
.section-pricing .button {
  margin-top: 1em; }
.section-pricing .footnote {
  margin-top: 30px;
  text-align: right; }

@media (max-width: 1024px) {
  .section-pricing .columns {
    margin-top: 0; }
  .section-pricing .column {
    width: 50%;
    padding: 0 30px; }
  .section-pricing .column-one-year .speech-bubble.speech-bubble-left {
    top: 16px;
    left: 67%; }
  .section-pricing .icon-owl {
    left: 25%; }
  .section-pricing .pricing-box-one-month,
  .section-pricing .pricing-box-one-year {
    margin-left: 75px; }
  .section-pricing .pricing-box-six-months,
  .section-pricing .pricing-box-lifetime {
    margin-right: 75px; }
  .section-pricing .pricing-box-one-year,
  .section-pricing .pricing-box-lifetime {
    margin-top: 90px; } }
@media (max-width: 720px) {
  .section-pricing .column {
    display: block;
    width: 300px;
    float: none; }
  .section-pricing .column-one-year .speech-bubble {
    text-align: center; }
  .section-pricing .column-one-year {
    margin-top: 20px; }
  .section-pricing .icon-owl {
    left: 50%; }
  .section-pricing .pricing-box {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0; }
  .section-pricing .pricing-box-one-year {
    margin-top: 90px; }
  .section-pricing .footnote {
    text-align: center; } }
/***************** Footer **************** */
.footer .content {
  padding: 50px 20px;
  text-align: center; }
.footer .copyright {
  color: #303D5A;
  margin-top: 40px; }
.footer .footer-nav {
  margin-right: 50px; }
.footer .footer-nav li {
  margin: 10px 0;
  padding: 0 15px; }
.footer a {
  color: #515151; }
.footer a:hover {
  color: #FF8B00; }

/**************** English Overrides ****** */
body.en {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", "DejaVu Sans", "游ゴシック体", "YuGothic", "Kozuka Gothic Pro R", "MS P Gothic", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; }
  body.en h1 {
    font-size: 38px;
    line-height: 1.4;
    font-weight: 600;
    margin: 0.6em 0 0.8em 0; }
  body.en p {
    line-height: 1.6; }
  body.en .text-large {
    font-size: 20px;
    font-weight: 600; }
  body.en .section .content {
    font-size: 17px;
    font-weight: 400; }
  body.en .section-testimonials .testimonial {
    padding-bottom: 10px; }
  body.en .section-testimonials .quote-large {
    font-weight: 700; }
  body.en .section-testimonials .name {
    padding-left: 0;
    font-size: 0.9em;
    font-style: italic; }
  body.en .section-memory-science .memory-panel .speech-bubble-low-resolution {
    line-height: 1.2; }

@media (max-width: 720px) {
  body.en h1 {
    font-size: 30px; }
  body.en .section .content {
    font-size: 15px; }
  body.en .text-large {
    font-size: 18px; } }

    </style>
  <script src="http://assets2.iknow.jp/_assets/landing-fd0bc9ee1462483746cbd8d957fec151.js" type="text/javascript"></script>

    <script type="text/javascript">
      $(document).on('ready', function() {
  // Frequently used variables.
  var $html = $('html, body');
  var $body = $('body');
  var $stickyNav = $('.sticky-nav');
  var $stickyNavLogo = $('.logo-iknow', $stickyNav);
  var $header = $('.header');
  var $headerLogo = $('.logo-iknow', $header);
  var $navDropdown = $('.nav-dropdown');
  var isJapanese = $body.hasClass('ja');

  if (window.navigator.userAgent.match(/iP(hone|ad|od)/)) {
    $body.addClass('device-ios');

    if (isJapanese) {
      updateSignup('https://itunes.apple.com/jp/app/iknow!/id417713473?mt=8&amp;uo=4');
    } else {
      updateSignup('https://itunes.apple.com/us/app/iknow!/id417713473?mt=8&amp;uo=4');
    }
  } else if (window.navigator.userAgent.match(/Android/)) {
    $body.addClass('device-android');
    updateSignup('https://play.google.com/store/apps/details?id=com.cerego.iknow');
  }

  /**
   * Changes the signup links to point to the appropriate app stores.
   */
  function updateSignup(url) {
    $('[href="/signup"]').attr('href', url);
  }

  /**
   * Handles the icon "attaching" to the navigation.
   */
  function attachLogo() {
    var stickyNavLogoOffset = $stickyNavLogo.offset().top;
    var headerLogoOffset = $headerLogo.offset().top;

    if ($headerLogo.css('display') === 'none' || stickyNavLogoOffset >= headerLogoOffset) {
      $header = $('.header').addClass('header-hide-icon');
      $stickyNav.addClass('sticky-nav-show-icon');
    } else {
      $header = $('.header').removeClass('header-hide-icon');
      $stickyNav.removeClass('sticky-nav-show-icon');
    }
  }

  $(window).on('resize scroll', attachLogo);

  /**
   * This handles the scrolling effect when an anchor link is clicked.
   */
  $('.anchor-link').on('click', function(e) {
    e.preventDefault();

    var href = $.attr(this, 'href');
    var $anchor = $(href);

    // Create a method for getting the offset (in case it changes).
    var getOffset = function() {
      return $anchor.offset().top - $stickyNav.outerHeight();
    };

    $html.animate({ scrollTop: getOffset() }, {
      duration: 500,
      step: function(now, fx) {
        fx.end = getOffset();
      }
    });
  });

  /**
   * Handles the dropdown menu click.
   */
  $navDropdown.on('click', function(e) {
    e.preventDefault();
    $stickyNav.toggleClass('sticky-nav-open');
  });

  /**
   * Moves the campaign banner into the appropriate area.
   */
  function moveCampaignBanner() {
    var campaignBanner = document.querySelector('.section-pricing .campaign-banner');
    var campaignBannerContainer = document.querySelector('#campaign-banner-container');

    if (campaignBannerContainer) {
      campaignBanner.innerHTML = campaignBannerContainer.innerHTML;
    }
  }

  /**
   * Handle the animation logic.
   */
  var svgNamespace = 'http://www.w3.org/2000/svg';
  var svg = document.querySelector('.memory-bank');
  var memoryPanel = document.querySelector('.memory-panel');
  var memoryBankContainer = document.querySelector('.memory-bank-container');
  var $window = $(window);
  var $memoryScience = $('.section-memory-science');
  var $strongBox = $('.memory-box-strong');

  // Parameters used to create the path curves.
  var cubicBezier = [0, 0.5, 0.5, 1];

  // Will be populated as an array after initiateMemoryBank() is called.
  var paths = null;

  // Get the badges and points on the grid.
  var points = memoryPanel.querySelectorAll('.point');
  var badges = memoryPanel.querySelectorAll('.badge-container');
  var speechBubbleLowResolution = memoryPanel.querySelector('.speech-bubble-low-resolution');

  // The moving node on the layout.
  var node = document.querySelector('.node-moving');

  // Coordinates for the points. It is better to define them
  // here, so we don't have to do any complex calculations against
  // the screen (getting coordinates on transformed elements not
  // do able because of the responsive design).
  var coords = [
    [35, 250],
    [149, 140],
    [149, 250],
    [373, 140],
    [373, 250],
    [680, 140],
    [730, 140]
  ];

  // Sizes for node and badge.
  var nodeRadius = 7;
  var badgeRadius = 30;

  // Animation options.
  var animationPhase = null;
  var animationRunning = false;
  var badgeFadeInDuration = 300;
  var simpleBadgeDuration = 600;

  // Configuration for determining if node SVG should be centered.
  var centerSVG = false;

  /**
   * Sets the positions for the points in the SVG, creates the paths
   * and sets the radius for the nodes and badges.
   */
  function initiateMemoryBank() {
    paths = [];

    // Set the point position and render the paths.
    for(var i = 0; i < coords.length; i++) {
      var x = coords[i][0];
      var y = coords[i][1];
      var point = points[i];

      points[i].setAttribute('transform', 'translate(' + x + ' ' + y + ')');

      // Animate a path.
      if (i > 0) {
        var prevX = coords[i - 1][0];
        var prevY = coords[i - 1][1];

        // Start creating the path.
        var path = "M " + prevX + "," + prevY + " ";

        // Draw a curve if neither of the coordinates are the same.
        // Otherwise, draw a line.
        if (prevX !== x && prevY !== y) {
          // Create the dx and dy coordinates on the curve parameters.
          path += "C";

          var dx = x - prevX;
          var dy = prevY - y;

          // Draw the P1 coordinate.
          path += (prevX + (cubicBezier[0] * dx)) + ",";
          path += (prevY - (cubicBezier[1] * dy));

          path += " ";

          // Draw the P2 coordinate.
          path += (prevX + (cubicBezier[2] * dx)) + ",";
          path += (prevY - (cubicBezier[3] * dy));

          // Add the end coordinate.
          path += " " + x + "," + y;
        } else {
          path += "L " + x + "," + y;
        }

        var pathElement = document.createElementNS(svgNamespace, 'path');
        pathElement.setAttribute('d', path);
        pathElement.setAttribute('class', 'path');
        svg.insertBefore(pathElement, points[0]);

        // Add to the list of paths.
        paths.push(pathElement);
      }
    }

    // 1) Set the radius of all the badges.
    // 2) Create a reference to the associated speech bubble if there is one.
    // 3) Store a property for whether or not the badge is strong.
    for(var i = 0; i < badges.length; i++) {
      var badgeContainer = badges[i];
      var badge = badgeContainer.querySelector('.badge');

      badge.setAttribute('r', badgeRadius);
      badgeContainer.speechBubble = badgeContainer.parentNode.querySelector('.badge-speech-bubble');
      badgeContainer.isStrong = !!badge.getAttribute('class').match('badge-strong');
    }

    // Set the radius of all the nodes.
    var nodes = document.querySelectorAll('.node');
    for(var i = 0; i < nodes.length; i++) {
      nodes[i].setAttribute('r', nodeRadius);
    }
  }

  /**
   * Animates the flipping of the badge.
   *
   * @params {Number} badgeIndex
   * @param {Function} onComplete callback to use when the animation finishes.
   * @return {jQuery}
   */
  function animateBadge(badgeIndex, onComplete) {
    var badge = badges[badgeIndex];

    // Hide the node to prevent overlaying the badges.
    hideNode();

    // Adjust the node to this coordinate, so the move animation
    // doesn't flicker to the left and the adjusting of the SVG
    // works okay as expected.
    node.setAttribute('cx', coords[badgeIndex][0]);
    node.setAttribute('cy', coords[badgeIndex][1]);

    // Flip the badge.
    badge.setAttribute('transform', ' scale(-1 1)');

    // Transfer the text of the badge to the low resolution badge.
    transferSpeechBubbleText(badge);

    // Set the badge class on the memory panel.
    var memoryPanelClass = memoryPanel.getAttribute('class').replace(/ badge-(weak|strong)/, '');
    memoryPanel.setAttribute('class', memoryPanelClass + ' badge-' + (badge.isStrong ? 'strong' : 'weak'));

    // Reveal the badge, but set the opacity to 0
    setBadgeAndSpeechStyle(badge, {
      display: 'block',
      opacity: 0
    })

    return $({count: 0}).animate({count: badgeFadeInDuration}, {
      complete: onComplete,

      duration: badgeFadeInDuration,

      step: function(val) {
        var relativeToFade = (val / badgeFadeInDuration);
        var opacity = relativeToFade;
        var scale = (2 * relativeToFade) - 1;

        badge.setAttribute('transform', ' scale(' + scale + ', 1)');
        setBadgeAndSpeechStyle(badge, { opacity: opacity });

        adjustSVGViewbox();
      }
    });
  }

  /**
   * Generates a placetracker animation from the previous pointer to
   * the next.
   *
   * @param {Number} pathIndex   0 through 5
   * @param {Function} onComplete     callback to use for finishing the animation
   * @return {jQuery}
   */
  function animateMoveNode(pathIndex, onComplete) {
    var path = paths[pathIndex];
    var duration = 500;

    // Hide any badges that are showing.
    hideBadges();

    // Reveal the moving node.
    node.style.display = 'block';

    return $({count: 0}).animate({count: duration}, {
      complete: onComplete,

      duration: duration,

      step: function(val) {
        var distance = path.getTotalLength() * (val / duration);
        var point = path.getPointAtLength(distance);

        node.setAttribute('cx', point.x);
        node.setAttribute('cy', point.y);

        adjustSVGViewbox();
      }
    });
  }

  /**
   * Highlights a counter indicating what phase is entered.
   *
   * @params {Number} phaseIndex
   */
  function highlightCounter(phaseIndex) {
    $('.counter[data-phase-index]').removeClass('highlight');
    $('.counter[data-phase-index=' + phaseIndex + ']').addClass('highlight');
  }

  /**
   * Hides all rendered badges.
   */
  function hideBadges() {
    speechBubbleLowResolution.style.visibility = 'hidden';

    // Hide any badges that were rendering.
    for(var i = 0; i < badges.length; i++) {
      setBadgeAndSpeechStyle(badges[i], { display: 'none' });
    }
  }

  /**
   * Hides the moving node.
   */
  function hideNode() {
    node.style.display = 'none';
  }

  /**
   * Transfers the text for a speech bubble to the low resolution
   * speech bubble view.
   *
   * @param {SVGElement} badge
   */
  function transferSpeechBubbleText(badge) {
    speechBubbleLowResolution.innerHTML = '';

    if (badge.speechBubble) {
      var spans = badge.speechBubble.querySelectorAll('tspan');

      for(var i = 0; i < spans.length; i++) {
        var span = document.createElement('span');

        span.setAttribute('class', spans[i].getAttribute('class'));
        span.innerHTML = spans[i].textContent;

        speechBubbleLowResolution.appendChild(span);
      }

      speechBubbleLowResolution.style.visibility = 'visible';
    } else {
      speechBubbleLowResolution.style.visibility = 'hidden';
    }
  }

  /**
   * Sets badge and speech attributes.
   *
   * @param {SVGElement} badge
   * @param {Object} properties
   */
  function setBadgeAndSpeechStyle(badge, properties) {
    Object.keys(properties).forEach(function(prop) {
      badge.style[prop] = properties[prop];

      if (badge.speechBubble) {
        badge.speechBubble.style[prop] = properties[prop];
      }
    });
  }

  /**
   * Animates the memory bank.
   *
   * @param {Number} phaseIndex       0 - 3
   */
  function animateMemoryBank(phaseIndex) {
    // Queue for the animation.
    var $animation = $({});

    // If an animation is running, don't do anything.
    if (animationRunning) {
      return;
    }

    animationRunning = true;
    hideBadges();

    highlightCounter(phaseIndex);

    switch(phaseIndex) {
      case 0:
        $animation.queue(function(next) {
          animateBadge(0, next);
        });
        break;
      case 1:
        $animation
          .queue(function(next) {
            animateMoveNode(0, next);
          }).queue(function(next) {
            animateBadge(1, next);
          });
        break;
      case 2:
        $animation
          .queue(function(next) {
            animateMoveNode(1, next);
          })
          .queue(function(next) {
            animateBadge(2, next);
          })
          .delay(simpleBadgeDuration)
          .queue(function(next) {
            animateMoveNode(2, next);
          })
          .queue(function(next) {
            animateBadge(3, next);
          });
        break;
      case 3:
        $animation
          .queue(function(next) {
            animateMoveNode(3, next);
          })
          .queue(function(next) {
            animateBadge(4, next);
          })
          .delay(simpleBadgeDuration)
          .queue(function(next) {
            animateMoveNode(4, next);
          })
          .queue(function(next) {
            animateBadge(5, next);
          });
        break;
    }

    // End the animation by setting the next phase and setting
    // the animation running to false.
    $animation.queue(function(next) {
      animationPhase = phaseIndex === 3 ? 0 : phaseIndex + 1;
      animationRunning = false;
    });
  }

  /**
   * Will adjust the viewbox to show the animation
   */
  function adjustSVGViewbox() {
    var viewBoxRatio = Math.min(
      memoryBankContainer.offsetWidth / svg.viewBox.baseVal.width,
      memoryBankContainer.offsetHeight / svg.viewBox.baseVal.height
    );

    if (centerSVG) {
      var offset = memoryPanel.offsetWidth / 2;
      var translateBy = (-1 * ((node.cx.baseVal.value * viewBoxRatio) - offset)) + 'px';

      memoryBankContainer.style.left = translateBy;
    } else {
      svg.viewBox.baseVal.x = 0;

      memoryBankContainer.style.left = null;
    }
  }

  /**
   * Sets the centerSVG flag to true if the SVG is overflowing. This will
   * cause the viewbox to adjust to where the node is.
   */
  function checkSVGOverflow() {
    var previous = centerSVG;

    // Set the centerSVG flag
    centerSVG = memoryPanel.offsetWidth < svg.getBoundingClientRect().width;
    adjustSVGViewbox();
  }

  $(document).on('click', '.memory-bank-container, .counters', function() {
    animateMemoryBank(animationPhase || 0);
  });

  /**
   * Checks to see if the animation should start for the memory bank container.
   */
  function startAnimation() {
    // If the animation is running, remove the scroll event.
    if (animationPhase !== null) {
      $(window).off('scroll', startAnimation);
      return;
    }

    var scrollPosition = $window.scrollTop() + $stickyNav.height();
    var top = $memoryScience.offset().top;
    var bottom = $strongBox.offset().top + $strongBox.height();

    // Kick start the animation.
    if (scrollPosition <= bottom && scrollPosition >= top) {
      $(window).off('scroll', startAnimation);
      animateMemoryBank(0);
    }
  }

  // Event for resizing the window and positioning
  $(window).on('resize', checkSVGOverflow);

  // Event to check if to start initial animation.
  $(window).on('scroll', startAnimation);

  /**
   * Methds to run on startup.
   */
  attachLogo();
  initiateMemoryBank();
  checkSVGOverflow();
  startAnimation();
  moveCampaignBanner();
});

    </script>

  
  
      <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-20259286-1']);
      _gaq.push(['_setDomainName', 'none']);
      _gaq.push(['_setAllowLinker', true]);
      
      _gaq.push(['_setCustomVar', 1, 'Lang', 'ja', 1]);

      _gaq.push(['_trackPageview', '/top__ja']);
      
      _gaq.push(['_trackPageLoadTime']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
      </script>



  <script type="text/javascript">

</script>



      <script type="text/javascript">
      $(function() {
        var time_stamp = Math.round(+new Date()/1000);
      $.cookie('nru_tracking', time_stamp+";"+"ja"+";"+"/?utm_medium=redirect&amp;utm_campaign=smartfm_redirect&amp;utm_source=direct&amp;utm_term=",{ expires: 730, path: '/' });
      });
    </script>
  <script type="text/javascript">
$.ajax({url:'/app_perf_track', data:{"type":"cerego_analytics","event":"viewed_tracked_landing_page","data":{"language":"ja","user_source":"iknow","device":"pc","platform":"pc_site","name":"top","subname":"","identifier":null,"timestamp":"2016-04-04 21:35:13"}}})
</script>


    <script type="text/javascript">
      $(function() {
        var time_stamp = Math.round(+new Date()/1000);
      $.cookie('landings_tracking', time_stamp+";"+"ja"+";"+"top;",{ expires: 730, path: '/' });
      });
    </script>

    <script type="text/javascript">
    window.heap=window.heap||[],heap.load=function(t,e){window.heap.appid=t,window.heap.config=e;var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+t+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(t){return function(){heap.push([t].concat(Array.prototype.slice.call(arguments,0)))}},p=["clearEventProperties","identify","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
    heap.load("3293922337");
  </script>

</head>

  <body class="landings handler ja landing logged_out marketing_layout">
    


  <nav class="section section-app-style sticky-nav">
    <div class="content">
      <div class="assets">
        <div class="logo-iknow"></div>
        <a href="" class="icon icon-nav-dropdown nav-dropdown"></a>
      </div>

      <ul class="nav-menu">
        <li class="nav-item">
          <a href="#features" class="anchor-link nav-link">機能</a>
        </li>
        <li class="nav-item">
          <a href="#pricing" class="anchor-link nav-link">利用料金</a>
        </li>
        <li class="device-default nav-item">
          <a href="/login" class="nav-link">ログイン</a>
        </li>
        <li class="nav-item nav-item-last">
          <a href="/signup" class="nav-link button">
            <span class="device-default">無料トライアル</span>
            <span class="device-ios device-android">
              <span class="high-resolution">無料トライアル</span>
              <span class="low-resolution">無料アプリを今すぐダウンロード</span>
            </span>
          </a>
        </li>
      </ul>
    </div>
  </nav>

  <header class="section section-app-style header">
    <div class="content">
      <div class="header-accent">
        <div class="logo-iknow"></div>
        <h1>覚える、身につく、忘れない！脳科学で鍛える英語力</h1>
      </div>

      <div class="devices">
        <img src="http://iknow.jp/assets/landing_images/top/devices.png?1438934433" alt="iKnow!の実際の学習画面">
      </div>

      <div class="button-container">
        <div class="device-default">
          <a href="/signup" class="button button-start">さあ、はじめてみよう</a>
        </div>

        <div class="android-button-container device-android">
          <a href="https://play.google.com/store/apps/details?id=com.cerego.iknow" class="store-logo">
            <img alt="Get it on Google play" src="http://iknow.jp/assets/landing_images/top/store-logo-google.png?1437973857">
          </a>
        </div>

        <div class="ios-button-container device-ios">
          <a href="https://itunes.apple.com/jp/app/iknow!/id417713473?mt=8&amp;uo=4" class="store-logo">
            <img alt="Download on the App Store" src="http://iknow.jp/assets/landing_images/top/store-logo-apple.png?1437973857">
          </a>
        </div>

        <p class="subtext">
          <span class="device-default">メアド登録のみで、5回分無料！</span>
          <span class="device-ios device-android">
            アプリをインストールして<br>無料トライアル！
          </span>
        </p>
      </div>

      <div class="icon icon-owl"></div>
    </div>
  </header>

  <section class="section section-memory-science">
    <div class="content">
      <h2>脳科学にもとづく学習プログラムで、一生モノの英語力を</h2>

      <div class="more-details">
        <p>iKnow!は、脳の記憶メカニズムに沿って、あなたの記憶が定着するベストなタイミングで繰り返し出題。忙しいあなたでもひと駅分の時間でできる、覚える・身につく・忘れない英語学習方法です。</p>
      </div>

      <div class="memory-panel">
        <div class="speech-bubble speech-bubble-bottom speech-bubble-low-resolution low-resolution"></div>

        <div class="memory-box memory-box-strong">
          <p>記憶定着中</p>
        </div>

        <div class="memory-box memory-box-weak">
          <p>要復習</p>
        </div>

        <div class="memory-bank-container">
          <svg class="memory-bank" width="100%" height="100%" viewBox="0 0 760 400">
            <defs>
              <pattern id="badge-1" x="-30" y="-30" width="60" height="60" patternUnits="userSpaceOnUse">
                <image x="0" y="0" width="60" height="60" xlink:href="http://iknow.jp/assets/landing_images/top/badge-1.png?1437973857" />
              </pattern>

              <pattern id="badge-2" x="-30" y="-30" width="60" height="60" patternUnits="userSpaceOnUse">
                <image width="60" height="60" xlink:href="http://iknow.jp/assets/landing_images/top/badge-2.png?1437973857" />
              </pattern>

              <pattern id="badge-4" x="-30" y="-30" width="60" height="60" patternUnits="userSpaceOnUse">
                <image width="60" height="60" xlink:href="http://iknow.jp/assets/landing_images/top/badge-4.png?1437973857" />
              </pattern>

              <pattern id="badge-6" x="-30" y="-30" width="60" height="60" patternUnits="userSpaceOnUse">
                <image width="60" height="60" xlink:href="http://iknow.jp/assets/landing_images/top/badge-6.png?1437973857" />
              </pattern>
            </defs>

            <g class="point point-1">
              <circle r="0" class="node node-placeholder node-placeholder-1" />

              <g class="badge-container">
                <circle r="0" class="badge badge-weak badge-1" fill="url(#badge-1)" />
              </g>

              <g class="badge-speech-bubble" transform="translate(-35 45)">
                <g class="speech-bubble-weak">
                    <rect width="210" height="70" rx="6" ry="6" />
                    <polygon points="-6 0 6 0 0 -12 " transform="translate(35 0)" />
                </g>

                <text class="speech-bubble-text">
                  <tspan x="0" y="1.4em" dx="1em" class="description">新規アイテム</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="2em" class="details">新規アイテムの学習を開始！</tspan>
                </text>
              </g>
            </g>

            <g class="point point-2">
              <circle r="0" class="node node-placeholder node-placeholder-2" />

              <g class="badge-container">
                <circle r="0" class="badge badge-strong badge-2" fill="url(#badge-2)" />
              </g>

              <g class="badge-speech-bubble" transform="translate(-150 -135)">
                <g class="speech-bubble-strong">
                    <rect width="300" height="90" rx="6" ry="6" />
                    <polygon points="-6 0 6 0 0 12 " transform="translate(150 90)" />
                </g>

                <text class="speech-bubble-text">
                  <tspan x="0" y="1.4em" dx="1em" class="description">次の学習：1日後</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="2em" class="details">学習毎に記憶強度が上がり「定着中」ゾーン</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="3.4em" class="details">へ。このゾーンの往復が脳科学のポイント！</tspan>
                </text>
              </g>
            </g>

            <g class="point point-3">
              <circle r="0" class="node node-placeholder node-placeholder-3" />

              <g class="badge-container">
                <circle r="0" class="badge badge-weak badge-3" />
                <text dx="2" dy="8" class="badge-text">復習！</text>
              </g>
            </g>

            <g class="point point-4">
              <circle r="0" class="node node-placeholder node-placeholder-4" />

              <g class="badge-container">
                <circle r="0" class="badge badge-strong badge-4" fill="url(#badge-4)" />
              </g>

              <g class="badge-speech-bubble" transform="translate(-150 -135)">
                <g class="speech-bubble-strong">
                    <rect width="300" height="90" rx="6" ry="6" />
                    <polygon points="-6 0 6 0 0 12 " transform="translate(150 90)" />
                </g>

                <text class="speech-bubble-text">
                  <tspan x="0" y="1.4em" dx="1em" class="description">次の学習：3日後</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="2em" class="details">アイテムを忘れそうになると再び要復習ゾー</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="3.4em" class="details">ンへ。自動的に、要復習の指示が届きます</tspan>
                </text>
              </g>
            </g>

            <g class="point point-5">
              <circle r="0" class="node node-placeholder node-placeholder-5" />

              <g class="badge-container">
                <circle r="0" class="badge badge-weak badge-5" />
                <text dx="2" dy="8" class="badge-text">復習！</text>
              </g>
            </g>

            <g class="point point-6">
              <circle r="0" class="node node-placeholder node-placeholder-6" />

              <g class="badge-container">
                <circle r="0" class="badge badge-strong badge-6" fill="url(#badge-6)" />
              </g>

              <g class="badge-speech-bubble" transform="translate(-230 -135)">
                <g class="speech-bubble-strong">
                    <rect width="300" height="90" rx="6" ry="6"/>
                    <polygon points="-6 0 6 0 0 12 " transform="translate(230 90)"/>
                </g>

                <text class="speech-bubble-text">
                  <tspan x="0" y="1.4em" dx="1em" class="description">次の学習：3ヶ月後</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="2em" class="details">ゾーンの往復毎に記憶強度が上がり、完璧に</tspan>
                  <tspan x="0" y="1.4em" dx="1em" dy="3.4em" class="details">覚えた段階でアイテムは「完了」ゾーンへ。</tspan>
                </text>
              </g>
            </g>

            <g class="point point-7">
              <polygon points="0 0 10 6 0 12" transform="translate(-5 -6)" class="triangle" />            </g>

            <circle r="0" class="node node-moving" style="display: none;" />
          </svg>
        </div>

        <div class="counters">
          <span class="counter" data-phase-index="0"></span>
          <span class="counter" data-phase-index="1"></span>
          <span class="counter" data-phase-index="2"></span>
          <span class="counter" data-phase-index="3"></span>
        </div>
      </div>
    </div>
  </section>

  <section class="section section-testimonials">
    <div class="content">
      <div class="testimonials">
        <div class="testimonial">
          <blockquote class="blockquote">
            <h2 class="quote quote-large">長く続けられる英語教材No.1！</h2>
            <p class="quote quote-small">いろんなパターンで勉強させてくれるので、飽きることなく続けられるのが魅力。</p>

            <div class="person">
              <div class="face face-1"></div>
              <span class="name">大学事務職員　藤森 志保さん</span>
            </div>
          </blockquote>
        </div>

        <div class="testimonial">
          <blockquote class="blockquote">
            <h2 class="quote quote-large">実際のコミュニケーションに即効性があると思う。</h2>
            <p class="quote quote-small">シーンに合わせて勉強できるし、映画を使ったりするので取り組みやすい。</p>

            <div class="person">
              <div class="face face-2"></div>
              <span class="name">代表取締役社長　亀井 智英さん</span>
            </div>
          </blockquote>
        </div>
      </div>
    </div>
  </section>

  <section class="section section-content">
    <div class="content">
      <h2>コンテンツが豊富！だから漏れなく身につく</h2>

      <div class="columns features">
        <div class="column feature">
          <div class="icon icon-content icon-content-1"></div>

          <p class="text-large">
            目的やシーンに合わせて200以上のコンテンツが学び放題
          </p>
          <p>TOEIC&reg;やビジネスはもちろん、専門用語や趣味・留学の英語も豊富に用意。ネイティブスピーカーによる音声も収録しています。</p>
        </div>

        <div class="column feature">
          <div class="icon icon-content icon-content-2"></div>

          <p class="text-large">
            すぐに実践できる「生きた英語」を効率的にマスター
          </p>

          <p>一般的な英会話の95％をカバーする4,000単語・800フレーズから、今あなたが覚えるべきアイテムを優先的にピックアップします。</p>
        </div>

        <div class="column feature">
          <div class="icon icon-content icon-content-3"></div>

          <p class="text-large">
            成長を実感できるからぐんぐんレベルアップ
          </p>
          <p>まずは「コース診断」で自分の英語力を把握。その後も学習毎にチェックすることで、成長を実感しながら目標に向かって学び続けられます。</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section section-app-style section-content-courses">
    <div class="content">
      <h2>
        生きた英語が身につく<br>
        全7カテゴリ200以上のコンテンツをラインナップ
      </h2>

      <div class="columns">
        <div class="column column-left">
          <div class="icon icon-content-courses icon-content-courses-1"></div>

          <p class="text-large">英会話マスター4000<br>50コース</p>
          <p class="details">
            日常会話の95％をカバーする4000単語800フレーズを、レベルに合わせて学べる基本英会話コース</p>
        </div>

        <div class="column column-middle">
          <div class="icon icon-content-courses icon-content-courses-2"></div>

          <p class="text-large">TOEIC&reg;<br>31コース</p>
          <p class="details">470点から900点まで、目標点数に合わせて4段階から選べるTOEIC&reg;対策に特化したコース</p>
        </div>

        <div class="column column-right">
          <div class="icon icon-content-courses icon-content-courses-3"></div>

          <p class="text-large">ビジネス英語<br>27コース</p>
          <p class="details">オフィスでの会話や財務・会計単語、デジタルマーケティング業界の専門用語などビジネスの即戦力となる英会話コース</p>
        </div>
      </div>

      <div class="button-container">
        <a href="/signup" class="button button-try-now text-large">
          <span class="device-default">
            <span class="high-resolution">無料で試すなら、あなたはどのコース？</span>
            <span class="low-resolution">気になるコースを試す</span>
          </span>
          <span class="device-ios device-android">アプリでコースに挑戦！</span>
        </a>
      </div>

      <div class="speech-bubble speech-bubble-right high-resolution">
        <p class="speech-bubble-text">その他にも、旅行の英会話、セクシー英会話、名作映画で学ぶ英語など様々なコンテンツが利用可能。あなたの興味に合わせて英語を学べます。</p>
      </div>

      <div class="speech-bubble speech-bubble-bottom low-resolution">
        <p class="speech-bubble-text">その他にも、旅行の英会話、セクシー英会話、名作映画で学ぶ英語など様々なコンテンツが利用可能。あなたの興味に合わせて英語を学べます。</p>
      </div>

      <div class="icon icon-owl icon-owl-partial"></div>
    </div>
  </section>

  <section id="features" class="section section-convenience">
    <div class="content">
      <h2>便利で楽しい！だから毎日続けられる</h2>

      <div class="columns">
        <div class="column column-hero-banner low-resolution">
          <div class="hero-banner"></div>
        </div>

        <div class="column">
          <div class="feature feature-time">
            <div class="icon-container">
              <div class="icon icon-train-handle"></div>
            </div>

            <p class="text-large">スキマ時間で効率的に</p>
            <p>通勤や休憩中など、ちょっとした時間でもゲーム感覚で続けられます。</p>
          </div>

          <div class="feature feature-devices">
            <div class="icon-container">
              <div class="icon icon-devices"></div>
            </div>

            <p class="text-large">
              マルチデバイス対応で<br>
              いつでも続きから
            </p>
            <p>PC・タブレット、iPhone・Androidアプリ、全端末で学習状況が同期できます。</p>

            <div class="store-icons">
              <a href="https://itunes.apple.com/jp/app/iknow!/id417713473?mt=8&uo=4" class="store-logo">
                <img alt="Download on the App Store" src="http://iknow.jp/assets/landing_images/top/store-logo-apple.png?1437973857">
              </a>
              <a href="https://play.google.com/store/apps/details?id=com.cerego.iknow" class="store-logo">
                <img alt="Get it on Google play" src="http://iknow.jp/assets/landing_images/top/store-logo-google.png?1437973857">
              </a>
            </div>
          </div>
        </div>

        <div class="column column-hero-banner high-resolution">
          <div class="hero-banner"></div>
        </div>

        <div class="column">
          <div class="feature feature-time">
            <div class="icon-container">
              <div class="icon icon-power"></div>
            </div>

            <p class="text-large">達成レベルが目に見える</p>
            <p>
              メモリーバンクやプログレスバーで、伸びた分を視覚で実感。モチベーションが続きます。
            </p>
          </div>


          <div class="feature feature-time">
            <div class="icon-container">
              <div class="icon icon-volume"></div>
            </div>

            <p class="text-large">読む・聞く・話す・書くを総合的に</p>
            <p>単語、センテンス、ネイティブ・スピーカーによるリスニングなど、言語習得に必要なスキルをまとめて学べます。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section section-partners">
    <div class="content">
      <h3>即戦力の英語学習プログラムとして、250社以上の企業・教育機関に導入いただいています</h3>

      <div class="partners">
        <ul>
          <li>NTTコミュニケーションズ</li>
          <li>ソフトバンクグループ</li>
          <li>パソナグループ</li>
          <li>株式会社ファーストリテイリング</li>
          <li>帝人グループ</li>
        </ul>
      </div>

      <div class="button-container">
        <a href="/business" class="button">法人の方はこちら</a>
      </div>
    </div>
  </section>

  <section id="pricing" class="section section-app-style section-pricing">
    <div class="content">
      <h2>プレミアムプラン料金一覧 </h2>

      <div class="campaign-banner high-resolution"></div>

      <div class="columns">
        <div class="column">
          <a href="/signup">
            <div class="pricing-box pricing-box-one-month">
              <h3 class="pricing-box-header">1ヶ月プラン</h3>

              <div class="pricing-box-details">
                <span class="price text-large">1,480 /月</span>
                <span class="total-price">&nbsp;</span>
                <span class="note">自動更新プラン</span>
              </div>

              <span class="device-default button">無料プランを試す</span>

              <span class="android-button-container device-android">
                <img alt="Get it on Google play" src="http://iknow.jp/assets/landing_images/top/store-logo-google.png?1437973857">
              </span>

              <span class="ios-button-container device-ios">
                <img alt="Download on the App Store" src="http://iknow.jp/assets/landing_images/top/store-logo-apple.png?1437973857">
              </span>
            </div>
          </a>
        </div>

        <div class="column">
          <a href="/signup">
            <div class="pricing-box pricing-box-six-months">
              <h3 class="pricing-box-header">6ヶ月プラン</h3>

              <div class="pricing-box-details">
                <span class="price text-large">980円 /月</span>
                <span class="total-price">6ヶ月 5,880円</span>
                <span class="note">期間契約プラン</span>
              </div>

              <span class="device-default button">無料プランを試す</span>

              <span class="android-button-container device-android">
                <img alt="Get it on Google play" src="http://iknow.jp/assets/landing_images/top/store-logo-google.png?1437973857">
              </span>

              <span class="ios-button-container device-ios">
                <img alt="Download on the App Store" src="http://iknow.jp/assets/landing_images/top/store-logo-apple.png?1437973857">
              </span>
            </div>
          </a>
        </div>

        <div class="column column-one-year">
          <p class="speech-bubble speech-bubble-left high-resolution">いちばん人気！</p>
          <p class="speech-bubble speech-bubble-bottom low-resolution">いちばん人気！</p>

          <a href="/signup">
            <div class="pricing-box pricing-box-one-year">
              <div class="icon icon-owl icon-owl-partial"></div>

              <h3 class="pricing-box-header">12ヶ月プラン</h3>

              <div class="pricing-box-details">
                <span class="price text-large">780円 /月</span>
                <span class="total-price">12ヶ月 9,360円</span>
                <span class="note">期間契約プラン</span>
              </div>

              <span class="device-default button">無料プランを試す</span>

              <span class="android-button-container device-android">
                <img alt="Get it on Google play" src="http://iknow.jp/assets/landing_images/top/store-logo-google.png?1437973857">
              </span>

              <span class="ios-button-container device-ios">
                <img alt="Download on the App Store" src="http://iknow.jp/assets/landing_images/top/store-logo-apple.png?1437973857">
              </span>
            </div>
          </a>
        </div>

        <div class="column">
          <a href="/signup">
            <div class="pricing-box pricing-box-lifetime">
              <h3 class="pricing-box-header">Lifetime プラン</h3>

              <div class="pricing-box-details">
                <span class="price text-large">24,800円 </span>
                <span class="total-price">&nbsp;</span>
                <span class="note">使い放題の無期限プラン</span>
              </div>

              <span class="device-default button">無料プランを試す</span>

              <span class="android-button-container device-android">
                <img alt="Get it on Google play" src="http://iknow.jp/assets/landing_images/top/store-logo-google.png?1437973857">
              </span>

              <span class="ios-button-container device-ios">
                <img alt="Download on the App Store" src="http://iknow.jp/assets/landing_images/top/store-logo-apple.png?1437973857">
              </span>
            </div>
          </a>
        </div>
      </div>

      <p class="footnote">表示価格は全て税込みです。</p>
    </div>
  </section>

  <footer class="section footer text-large">
    <div class="content">
      <nav class="footer-nav">
        <ul>
          <li><a href="/popup_dictionary_extension">ポップアップ辞書</a></li>
          <li><a href="http://blog.iknow.jp/posts" target="_blank">iKnow! ブログ</a></li>
          <li><a href="https://support.iknow.jp/forums/?locale=67" target="_blank">サポートとFAQ</a></li>
          <li><a href="/signup?coupon=">クーポンの利用</a></li>
          <li><a href="/dmm_iknow">DMMアカウント連携方法</a></li>
          <li><a href="http://twitter.com/#!/iKnowJP" target="_blank" class="icon icon-twitter"></a></li>
          <li><a href="https://facebook.com/iKnowJP" target="_blank" class="icon icon-facebook"></a></li>
          <li><a href="/locale?language_code=en" data-method="put">English</a></li>
        </ul>
      </nav>

      <p class="copyright text-tiny">
        <a href="http://corp.dmm.com/" target="_blank">COPYRIGHT &copy; DMM ALL RIGHTS RESERVED.</a><br>
        <a href="http://corp.dmm.com/" target="_blank">運営会社</a>&nbsp;
        <a href="/policy">利用規約</a>&nbsp;
        <a href="http://www.dmm.com/rule/=/category=privacy/" target="_blank">プライバシーポリシー</a>&nbsp;
        <a href="/policy/commercial">特定商取引法に基づく表記</a>
      </p>
    </div>
  </footer>

<div id="campaign-banner-container" style="display: none">
	
</div>

  </body>
</html>