@charset "UTF-8";
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*! 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 {
  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 */
  /* 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; }

html {
  font: 87.5% "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, p, ul, dl, ol {
  margin-top: 0; }

ul, ol {
  padding-left: 0; }

li {
  list-style-type: none; }

a {
  color: #2670d0; }
  a:hover {
    text-decoration: none; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

dd {
  margin-left: 0; }

input, textarea {
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

address {
  font-style: normal; }

.menu-opened .logo__action__menu {
  left: 0.625%;
  top: 17px;
  top: 1.214rem; }
  .menu-opened .logo__action__menu a {
    background-image: url(../images/sprite.png);
    background-position: -48px 0px;
    background-size: 74px 64px;
    width: 17px;
    height: 17px; }

.logo {
  background-color: #e9f4f8;
  text-align: center;
  padding: 8px 0 10px;
  padding: .5714rem 0 .7143rem; }

.logo__image {
  font-size: 0;
  margin-bottom: 9px;
  margin-bottom: .6429rem; }
  .logo__image a {
    display: inline-block;
    background: url(../images/common/logo.png) no-repeat;
    background-size: 9.643rem;
    text-indent: -9999px;
    width: 135px;
    width: 9.643rem;
    height: 42px;
    height: 3rem; }

.logo__author {
  line-height: 1;
  font-size: 0;
  margin-bottom: 0; }
  .logo__author dt, .logo__author dd {
    display: inline;
    font-size: 10px;
    font-size: .7143rem; }
  .logo__author dt:after {
    content: ": "; }

.logo__action {
  font-size: 0;
  text-indent: -9999px; }
  .logo__action li {
    position: absolute;
    padding: 10px 3.125%;
    cursor: pointer; }
  .logo__action a {
    display: block;
    -webkit-tap-highlight-color: transparent; }

.logo__action__menu {
  left: 0;
  top: 19px;
  top: 1.357rem; }
  .logo__action__menu a {
    background-image: url(../images/sprite.png);
    background-position: 0px -51px;
    background-size: 74px 64px;
    width: 22px;
    height: 13px; }

.logo__action__search {
  right: 1.5625%;
  top: 18px;
  top: 1.286rem; }
  .logo__action__search a {
    background-image: url(../images/common/ico-search.png);
    background-size: 1.143rem;
    width: 16px;
    width: 1.143rem;
    height: 16px;
    height: 1.143rem; }

.search {
  display: none;
  background-color: #fafafa;
  padding-top: 14px;
  padding-top: 1rem;
  border-top: 1px solid #ddd; }

.search-form {
  position: relative;
  margin: 0 3.125% 16px;
  margin: 0 3.125% 1.143rem; }
  .search-form:after {
    clear: both;
    display: block;
    content: ""; }

.search-form__input {
  box-sizing: border-box;
  font-size: 16px;
  padding: 0 46px 0 10px;
  width: 100%;
  height: 36px;
  border: 1px solid #ccc;
  -webkit-transition: background-color .2s;
  transition: background-color .2s; }
  .search-form__input:focus {
    background-color: #f7fafe; }

.search-form__submit {
  position: absolute;
  width: 36px;
  right: 0;
  top: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .search-form__submit:hover {
    opacity: .9; }

.search__keyword {
  font-size: 0;
  margin: 0 3.125%; }
  .search__keyword:before {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: 0px 0px;
    background-size: 74px 64px;
    width: 25px;
    height: 25px;
    vertical-align: top;
    margin-right: 5px;
    content: ""; }
  .search__keyword dt, .search__keyword dd {
    display: inline;
    font-size: 14px;
    font-size: 1rem; }
  .search__keyword dt:after {
    content: ": "; }
  .search__keyword dd > a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    cursor: default; }
  .search__keyword ul {
    margin: 13px 0;
    margin: .9286rem 0; }
  .search__keyword ul li.img-keyword{
    text-align:center;
    margin: 0 2% 5px 0; }
  .search__keyword ul li.img-keyword img{
    max-width: 150px; }
.close {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0; }
  .close a {
    display: block;
    color: #666;
    background-color: #eee;
    line-height: 40px;
    line-height: 2.857rem;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .close a:before {
      display: inline-block;
      background-image: url(../images/sprite.png);
      background-position: -48px -17px;
      background-size: 74px 64px;
      width: 17px;
      height: 17px;
      vertical-align: middle;
      margin-right: 9px;
      content: ""; }
    .close a:hover {
      background-color: #e1e1e1; }

.global-nav {
  display: none;
  background-color: #fafafa;
  border-top: 1px solid #ddd; }

.dropdown {
  margin-bottom: 0; }

.dropdown__tab--home {
  display: none; }

.dropdown__tab--basic > a, .dropdown__tab--now > a, .dropdown__tab--experience > a {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  text-decoration: none;
  margin-left: 3.125%;
  cursor: auto; }
  .dropdown__tab--basic > a span, .dropdown__tab--now > a span, .dropdown__tab--experience > a span {
    font-size: 22px;
    font-size: 1.571rem; }

.dropdown__tab--basic {
  margin-top: 10px;
  margin-top: .7143rem; }
  .dropdown__tab--basic > a {
    color: #f86c51; }

.dropdown__tab--now {
  margin-top: 24px;
  margin-top: 1.714rem; }
  .dropdown__tab--now > a {
    color: #6eb2e5; }

.dropdown__tab--experience {
  margin-top: 24px;
  margin-top: 1.714rem; }
  .dropdown__tab--experience > a {
    color: #1da58c; }

.dropdown__panel__item div {
  position: relative;
  background-repeat: no-repeat;
  font-size: 0;
  padding: 11px 8.75% 13px 0;
  padding: .7857rem 8.75% .9286rem 0; }
  .dropdown__panel__item div a {
    display: block;
    text-decoration: none;
    padding: 11px 8.75% 13px 0;
    padding: .7857rem 8.75% .9286rem 0;
    border-bottom: 1px solid #eee;
    margin: -11px -8.75% -13px 0;
    margin: -.7857rem -8.75% -.9286rem 0; }
    .dropdown__panel__item div a:after {
      position: absolute;
      background-image: url(../images/sprite.png);
      background-position: -65px 0px;
      background-size: 74px 64px;
      width: 9px;
      height: 14px;
      margin-top: -7px;
      right: 3.125%;
      top: 50%;
      content: ""; }

.no-touch .dropdown__panel__item div {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .no-touch .dropdown__panel__item div:hover {
    opacity: .8; }

.dropdown__panel__item--accodrion div {
  border-bottom: 1px solid #eee;
  cursor: pointer; }
  .dropdown__panel__item--accodrion div:after {
    position: absolute;
    background-image: url(../images/sprite.png);
    background-position: -65px 0px;
    background-size: 74px 64px;
    width: 9px;
    height: 14px;
    margin-top: -7px;
    right: 3.125%;
    top: 50%;
    content: "";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }
  .dropdown__panel__item--accodrion div.opened {
    border-bottom: 0; }
    .dropdown__panel__item--accodrion div.opened:after {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .dropdown__panel__item--accodrion div a {
    border-bottom: 0; }
    .dropdown__panel__item--accodrion div a:after {
      display: none; }

.dropdown__panel__item--money div {
  background-image: url(../images/common/bg-money.png);
  background-position: 3.125%;
  background-size: 40px; }

.dropdown__panel__item--history div {
  background-image: url(../images/common/bg-history.png);
  background-position: 3.125%;
  background-size: auto 35px; }

.dropdown__panel__item--economy div {
  background-image: url(../images/common/bg-economy.png);
  background-position: 5.3125%;
  background-size: 24px; }

.dropdown__panel__item--investment div {
  background-image: url(../images/common/bg-investment.png);
  background-position: 3.4375%;
  background-size: 36px; }

.dropdown__panel__item--stock div {
  background-image: url(../images/common/bg-stock.png);
  background-position: 3.125%;
  background-size: auto 40px; }

.dropdown__panel__item--market div {
  background-image: url(../images/common/bg-market.png);
  background-position: 3.4375%;
  background-size: 37px; }

.dropdown__panel__item--column div {
  background-image: url(../images/common/bg-column.png);
  background-position: 3.125%;
  background-size: 40px; }

.dropdown__panel__item--index div {
  background-image: url(../images/common/bg-index.png);
  background-position: 3.125%;
  background-size: auto 45px; }

.dropdown__panel__item--faq div {
  background-image: url(../images/common/bg-faq.png);
  background-position: 3.75%;
  background-size: 39px; }

.dropdown__panel__item--league div {
  background-image: url(../images/common/img-league.jpg);
  background-position: 3.125%;
  background-size: auto 32px; }

.dropdown__panel__item--training div {
  background-image: url(../images/common/img-training.png);
  background-position: 3.125%;
  background-size: 32px; }

.dropdown__panel span {
  display: inline-block;
  color: #fff;
  line-height: 16px;
  line-height: 1.143rem;
  font-weight: bold;
  font-size: 10px;
  font-size: .7143rem;
  padding: 0 6px;
  padding: 0 .4286rem;
  margin: 0 0 3px 19.0625%;
  margin: 0 0 .2143rem 19.0625%;
  border-radius: .5714rem; }

.dropdown__tab--basic div span {
  background-color: #fa6d51; }

.dropdown__tab--now div span {
  background-color: #6fb2e5; }

.dropdown p {
  color: #663300;
  line-height: 19px;
  line-height: 1.357rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  margin: 0 0 0 20%; }

.dropdown__panel ul {
  display: none;
  line-height: 28px;
  line-height: 2rem;
  padding: 0 10px 6px 20%;
  padding: 0 .7143rem .4286rem 20%;
  border-bottom: 1px solid #eee; }
  .dropdown__panel ul li {
    margin-bottom: 0; }

.new {
  padding-right: 33px;
  padding-right: 2.357rem; }
  .new:after {
    position: absolute;
    background-color: #fcc437;
    line-height: 27px;
    line-height: 1.929rem;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-size: 9px;
    font-size: .6429rem;
    text-align: center;
    width: 27px;
    width: 1.929rem;
    border: 3px solid #fff;
    margin-left: 4px;
    margin-left: .2857rem;
    bottom: 5px;
    bottom: .3571rem;
    content: "NEW";
    border-radius: 50%; }

main {
  padding-top: 8px;
  padding-top: .5714rem; }

.directory-nav {
  color: #666;
  line-height: 14px;
  line-height: 1rem;
  font-size: 10px;
  font-size: .7143rem;
  margin: 0 3.125% 5px;
  margin: 0 3.125% .3571rem; }
  .directory-nav ol {
    margin-bottom: 0; }
  .directory-nav li {
    display: inline-block;
    margin-right: 3px;
    margin-right: .2143rem; }
    .directory-nav li:before {
      margin-right: 3px;
      margin-right: .2143rem;
      content: ">"; }

.primary {
  padding: 0 3.125% 20px;
  padding: 0 3.125% 1.429rem; }

.secondary {
  padding: 0 3.125% 20px;
  padding: 0 3.125% 1.429rem; }

.news {
  background-color: #fff6db;
  padding: 10px;
  padding: .7143rem; }
  .news div {
    background-image: url(../images/common/bg-news.gif);
    background-size: 15px;
    padding: 9px 14px 6px 9px;
    padding: .6429rem 1rem .4286rem .6429rem;
    border: 1px solid #ccc; }
  .news p {
    line-height: 17px;
    line-height: 1.214rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 6px;
    margin-bottom: .4286rem; }
  .news ul {
    margin-bottom: 0; }

.share {
  text-align: center;
  padding: 0 3.125% 25px;
  padding: 0 3.125% 1.786rem; }
  .share p {
    font-weight: bold;
    font-size: 12px;
    font-size: .8571rem;
    margin-bottom: 15px;
    margin-bottom: 1.071rem; }
    .share p a {
      display: block;
      line-height: 40px;
      line-height: 2.857rem;
      border: 2px solid #2971d0;
      border-radius: .1429rem;
      -webkit-transition: color .2s, background-color .2s;
      transition: color .2s, background-color .2s; }
      .share p a:hover {
        color: #fff;
        background-color: #2971d0; }
      .share p a:before {
        display: inline-block;
        background-image: url(../images/sprite.png);
        background-position: 0px -25px;
        background-size: 74px 64px;
        width: 22px;
        height: 26px;
        vertical-align: middle;
        margin-right: 10px;
        content: ""; }
  .share aside + aside:after {
    clear: both;
    display: block;
    content: ""; }
  .share ul {
    float: right;
    line-height: 1;
    margin-bottom: 0; }
  .share li {
    float: left; }
    .share li + li {
      margin-left: 6px;
      margin-left: .4286rem; }

.experience-box {
  background-color: #e2f0f6;
  padding: 19px 3.125% 1px;
  padding: 1.357rem 3.125% .07143rem;
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .experience-box img {
    width: 75px;
    width: 5.357rem; }

.experience-box__inner > p {
  color: #1da58c;
  line-height: 1;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  text-align: center;
  margin: 0 0 14px -45px;
  margin: 0 0 1rem -3.214rem; }
  .experience-box__inner > p:before {
    display: inline-block;
    background: url(../images/common/bg-experience.png) no-repeat;
    background-size: 6.786rem;
    width: 95px;
    width: 6.786rem;
    height: 27px;
    height: 1.929rem;
    content: ""; }
  .experience-box__inner > p span {
    font-size: 22px;
    font-size: 1.571rem; }

.experience-box__item {
  margin-bottom: 10px;
  margin-bottom: .7143rem; }
  .experience-box__item:after {
    clear: both;
    display: block;
    content: ""; }

.experience-box__item__image {
  float: left;
  margin-right: 3.33333%; }

.no-touch .experience-box__item__image a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .no-touch .experience-box__item__image a:hover {
    opacity: .8; }

.experience-box__item__heading {
  float: left;
  width: 71.66667%; }

.experience-box__item__heading__title {
  line-height: 1;
  font-weight: bold;
  margin-bottom: 9px;
  margin-bottom: .6429rem; }

.experience-box__item__heading__description {
  line-height: 17px;
  line-height: 1.214rem; }

.global-footer {
  color: #666;
  text-align: center;
  padding-bottom: 5px;
  padding-bottom: .3571rem;
  border-bottom: 5px solid #666; }

.global-footer__lists {
  line-height: 1;
  font-size: 12px;
  font-size: .8571rem;
  margin-bottom: 13px;
  margin-bottom: .9286rem; }
  .global-footer__lists li {
    display: inline-block; }
    .global-footer__lists li + li:before {
      color: #999;
      content: " | "; }
  .global-footer__lists a {
    color: #333; }

.global-footer__copy {
  line-height: 14px;
  line-height: 1rem;
  font-size: 10px;
  font-size: .8571rem;
  margin-bottom: 0; }

.arrow {
  padding-left: 16px;
  padding-left: 1.143rem;
  margin-bottom: 3px;
  margin-bottom: .2143rem; }
  .arrow:before {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -48px -34px;
    background-size: 74px 64px;
    width: 12px;
    height: 12px;
    margin: 0 4px 0 -16px;
    margin: 0 .2857rem 0 -1.143rem;
    content: ""; }

.pdf:before {
  display: inline-block;
  background: url(../images/classroom/ico-pdf.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 17px;
  margin-right: 5px;
  content: ""; }

.word:before {
  display: inline-block;
  background: url(../images/sl/ico-word.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 17px;
  margin-right: 5px;
  content: ""; }

.excel:before {
  display: inline-block;
  background: url(../images/sl/ico-excel.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 17px;
  margin-right: 5px;
  content: ""; }

.powerpoint:before {
  display: inline-block;
  background: url(../images/sl/ico-powerpoint.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 17px;
  margin-right: 5px;
  content: ""; }
  
[data-toggle="accordion"] + * {
  display: none; }

.visual {
  position: relative;
  font-size: 0;
  padding: 10px 13px 8px 82px;
  padding: .7143rem .9286rem .5714rem 5.857rem;
  border: 3px solid;
  margin: 7px 0 15px;
  margin: .5rem 0 1.071rem;
  border-radius: .2143rem;
  overflow: hidden; }
  .visual:before, .visual:after {
    position: absolute;
    background-repeat: no-repeat;
    content: ""; }
  .visual:before {
    top: 50%; }
  .visual:after {
    background-size: 15.21rem;
    width: 213px;
    width: 15.21rem;
    height: 120px;
    height: 8.571rem;
    right: -91px;
    right: -6.5rem;
    top: 3px;
    top: .2143rem;
    z-index: -1; }
  .visual div {
    display: table-cell;
    vertical-align: middle;
    height: 74px;
    height: 5.286rem; }

.visual--basic {
  border-color: #f86c51; }
  .visual--basic:after {
    background-image: url(../images/common/bg-visual-basic.gif); }

.visual--now {
  border-color: #6eb2e5; }
  .visual--now:after {
    background-image: url(../images/common/bg-visual-now.gif); }

.visual--money {
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }
  .visual--money:before {
    background-image: url(../images/common/bg-money.png);
    background-size: 3.786rem;
    width: 53px;
    width: 3.786rem;
    height: 52px;
    height: 3.714rem;
    margin-top: -26px;
    margin-top: -1.857rem;
    left: 14px;
    left: 1rem; }

.visual--hayawakari:before {
  background-image: url(../images/common/bg-economy.png);
  background-size: 3rem;
  width: 42px;
  width: 3rem;
  height: 75px;
  height: 5.357rem;
  margin-top: -37px;
  margin-top: -2.643rem;
  left: 19px;
  left: 1.357rem; }

.visual--know {
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }
  .visual--know:before {
    background-image: url(../images/common/bg-investment.png);
    background-size: 3.786rem;
    width: 53px;
    width: 3.786rem;
    height: 55px;
    height: 3.929rem;
    margin-top: -27px;
    margin-top: -1.929rem;
    left: 14px;
    left: 1rem; }

.visual--stock {
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }
  .visual--stock:before {
    background-image: url(../images/common/bg-stock.png);
    background-size: 3.786rem;
    width: 53px;
    width: 3.786rem;
    height: 53px;
    height: 3.786rem;
    margin-top: -26px;
    margin-top: -1.857rem;
    left: 14px;
    left: 1rem; }

.visual--market:before {
  background-image: url(../images/common/bg-market.png);
  background-size: 4.357rem;
  width: 61px;
  width: 4.357rem;
  height: 57px;
  height: 4.071rem;
  margin-top: -28px;
  margin-top: -2rem;
  left: 9px;
  left: .6429rem; }

.visual--somosomo:before {
  background-image: url(../images/common/bg-column.png);
  background-size: 3.714rem;
  width: 52px;
  width: 3.714rem;
  height: 52px;
  height: 3.714rem;
  margin-top: -26px;
  margin-top: -1.857rem;
  left: 14px;
  left: 1rem; }

.visual--economic:before {
  background-image: url(../images/common/bg-index.png);
  background-size: 4.143rem;
  width: 58px;
  width: 4.143rem;
  height: 59px;
  height: 4.214rem;
  margin-top: -29px;
  margin-top: -2.071rem;
  left: 7px;
  left: .5rem; }

.visual--qa:before {
  background-image: url(../images/common/bg-faq.png);
  background-size: 4.643rem;
  width: 65px;
  width: 4.643rem;
  height: 46px;
  height: 3.286rem;
  margin-top: -23px;
  margin-top: -1.643rem;
  left: 8px;
  left: .5714rem; }

.visual__text {
  display: inline-block;
  color: #fff;
  line-height: 16px;
  line-height: 1.143rem;
  font-weight: bold;
  font-size: 10px;
  font-size: .7143rem;
  padding: 0 7px;
  padding: 0 .5rem;
  margin-bottom: 2px;
  margin-bottom: .1429rem;
  border-radius: .5714rem; }

.visual--basic .visual__text {
  background-color: #f86c51; }

.visual--now .visual__text {
  background-color: #6eb2e5; }

.visual__title {
  color: #663300;
  line-height: 24px;
  line-height: 1.714rem;
  font-size: 20px;
  font-size: 1.429rem;
  margin-bottom: 4px;
  margin-bottom: .2857rem; }

.visual__description {
  line-height: 17px;
  line-height: 1.214rem;
  font-size: 12px;
  font-size: .8571rem;
  margin-bottom: 0; }

.icon-heading {
  position: relative;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding: 0 0 4px 42px;
  padding: 0 0 .2857rem 3rem;
  border-bottom: 2px dotted #f86c51;
  margin-bottom: 11px;
  margin-bottom: .7857rem; }
  .icon-heading:before {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 2.214rem;
    width: 31px;
    width: 2.214rem;
    height: 40px;
    height: 2.857rem;
    left: 5px;
    left: .3571rem;
    bottom: -14px;
    bottom: -1rem;
    content: ""; }

.icon-heading--part:before {
  background-image: url(../images/money/ico-part.png); }

.icon-heading--howto:before {
  background-image: url(../images/money/ico-howto.png); }

.icon-heading--price:before {
  background-image: url(../images/money/ico-price.png); }

.icon-heading--relation:before {
  background-image: url(../images/money/ico-relation.png); }

.icon-heading--blue:before {
  background-image: url(../images/common/ico-blue.png); }

.icon-heading--green:before {
  background-image: url(../images/common/ico-green.png); }

.icon-heading--yellow:before {
  background-image: url(../images/common/ico-yellow.png); }

.icon-heading--orange:before {
  background-image: url(../images/common/ico-orange.png); }

.number-list {
  line-height: 35px;
  line-height: 2.5rem;
  padding-left: 12px;
  padding-left: .8571rem;
  margin-bottom: 12px;
  margin-bottom: .8571rem;
  counter-reset: money-list; }
  .number-list li {
    padding-left: 20px;
    padding-left: 1.429rem; }
    .number-list li:before {
      display: inline-block;
      color: #f86c51;
      font-size: 18px;
      font-size: 1.286rem;
      text-align: center;
      vertical-align: top;
      margin: 0 10px 0 -1em;
      margin: 0 .7143rem 0 -1em;
      counter-increment: money-list;
      content: counter(money-list); }

.backnumber-heading {
  line-height: 1;
  font-size: 16px;
  font-size: 1.143rem;
  margin-bottom: 9px;
  margin-bottom: .6429rem; }

.article {
  padding-bottom: 25px;
  padding-bottom: 1.786rem; }

.article__item {
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .article__item p {
    line-height: 24px;
    line-height: 1.714rem;
    margin-bottom: 7px;
    margin-bottom: .5rem; }

.more {
  font-weight: bold;
  text-align: center;
  margin: 25px 0 0;
  margin: 1.786rem 0 0; }
  .more a {
    display: inline-block;
    color: #fff;
    background-color: #2670d0;
    line-height: 45px;
    line-height: 3.214rem;
    text-decoration: none;
    width: 250px;
    width: 17.86rem;
    border-radius: .1429rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .more a:hover {
      background-color: #53a0e1; }
      .more a:hover:after {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
    .more a:after {
      display: inline-block;
      background: url(../images/common/ico-plus.png) no-repeat;
      background-size: 11px;
      width: 11px;
      height: 11px;
      margin-left: 6px;
      margin-left: .4286rem;
      content: "";
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }

.archive {
  padding-bottom: 20px;
  padding-bottom: 1.429rem; }
  .archive h2 {
    margin-bottom: 15px;
    margin-bottom: 1.071rem; }
  .archive ul {
    text-align: center; }
    .archive ul:after {
      clear: both;
      display: block;
      content: ""; }
  .archive li {
    float: left;
    width: 30%;
    margin: 0 5% 10px 0;
    margin: 0 5% .7143rem 0; }
    .archive li:nth-child(3n) {
      margin-right: 0; }
  .archive a {
    display: block;
    line-height: 31px;
    line-height: 2.214rem;
    border: 2px solid #ddd;
    border-radius: .1429rem;
    -webkit-transition: color .2s, background-color .2s, border-color .2s;
    transition: color .2s, background-color .2s, border-color .2s; }
    .archive a.active {
      text-decoration: none; }
    .archive a.active, .archive a:hover {
      color: #fff;
      background-color: #3077cd;
      border-color: #3077cd; }

.archive--backnumber {
  padding: 20px 3.125% 0;
  padding: 1.429rem 3.125% 0;
  border-top: 1px solid #ececec;
  margin: 0 -3.125%; }

.heading {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 2px;
  font-size: 0;
  padding-left: 9px;
  padding-left: .6429rem; }
  .heading:after {
    clear: both;
    display: block;
    content: ""; }

.heading__number {
  display: table-cell;
  line-height: 1;
  font-size: 48px;
  font-size: 3.429rem;
  vertical-align: top; }

.heading div {
  display: table-cell;
  padding: 9px 0 0 8px;
  padding: .6429rem 0 0 0 .2857rem; }

.heading__text {
  display: inline-block;
  color: #888;
  line-height: 1;
  font-size: 10px;
  font-size: .7143rem;
  margin-bottom: 6px;
  margin-bottom: .4286rem; }

.heading__title {
  color: #663300;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  margin-bottom: 5px;
  margin-bottom: .3571rem; }

.heading--basic {
  background-image: url(../images/common/bg-heading-basic.gif);
  margin-bottom: 7px;
  margin-bottom: .5rem; }
  .heading--basic .heading__number {
    color: #f86c51; }

.heading--now {
  background-image: url(../images/common/bg-heading-now.gif);
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .heading--now .heading__number {
    color: #6eb2e5; }

.heading--zatsugaku, .heading--somosomo, .heading--economic {
  padding-left: 0; }
  .heading--zatsugaku div, .heading--somosomo div, .heading--economic div {
    padding-left: 0; }

.heading--zatsugaku {
  margin-bottom: 20px;
  margin-bottom: 1.429rem; }

.heading--pioneer {
  background-image: url(../images/pioneer/bg-heading.gif);
  padding-left: 0;
  margin-bottom: 20px;
  margin-bottom: 1.429rem; }
  .heading--pioneer div {
    padding-left: 0; }
  .heading--pioneer .heading__title {
    color: #663300; }

.tag {
  font-weight: bold;
  margin: 0 -10px 5px 0;
  margin: 0 -.7143rem .3571rem 0; }
  .tag:after {
    clear: both;
    display: block;
    content: ""; }
  .tag dt {
    float: left;
    position: relative;
    color: #663300;
    background-color: #fdd04b;
    line-height: 22px;
    line-height: 1.571rem;
    font-size: 10px;
    font-size: .7143rem;
    padding: 0 11px;
    padding: 0 .7857rem;
    margin: 2px 12px 0 0;
    margin: .1429rem .8571rem 0 0;
    border-radius: .7143rem; }
    .tag dt:after {
      position: absolute;
      background-image: url(../images/sprite.png);
      background-position: -65px -14px;
      background-size: 74px 64px;
      width: 8px;
      height: 12px;
      margin-top: -6px;
      right: -7px;
      top: 50%;
      content: ""; }
  .tag li {
    float: left;
    position: relative;
    display: inline-block;
    line-height: 25px;
    line-height: 1.786rem;
    font-size: 12px;
    font-size: .8571rem;
    padding: 0 17px 0 9px;
    padding: 0 1.214rem 0 .6429rem;
    border: 1px solid #bbb;
    margin: 0 10px 10px 0;
    margin: 0 .7143rem .7143rem 0;
    box-shadow: .2143rem .2143rem 0 #eee; }
    .tag li:after {
      position: absolute;
      background-color: #f86c51;
      width: 8px;
      width: .5714rem;
      height: 27px;
      height: 1.929rem;
      right: -1px;
      right: -.07143rem;
      top: -1px;
      top: -.07143rem;
      content: ""; }

.small-heading {
  color: #fff;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding: 6px 7px;
  padding: .4286rem .5rem;
  margin-bottom: 10px;
  margin-bottom: .7143rem;
  border-radius: .1429rem; }

.small-heading--basic {
  background-color: #f86c51; }

.small-heading--now {
  background-color: #6eb2e5; }
  .small-heading--now a {
    color: inherit;
  }

.small-heading--experience {
  background-color: #ca2420; }
  .small-heading--experience span {
    display: inline-block;
    color: #ca2420;
    background-color: #fff;
    line-height: 17px;
    line-height: 1.214rem;
    font-size: 12px;
    font-size: .8571rem;
    padding: 0 3px;
    padding: 0 .2143rem; }

.small-heading--other {
  color: #000;
  background-color: #e2e2e2; }

.under-heading {
  line-height: 26px;
  line-height: 1.857rem;
  border-bottom: 1px solid #000;
  margin-bottom: 3px;
  margin-bottom: .2143rem; }

.content p, .content ul, .content ol, .content dl {
  line-height: 26px;
  line-height: 1.857rem;
  margin-bottom: 24px;
  margin-bottom: 1.714rem; }
.content ol {
  padding-left: 2.5em;
  padding-left: 2.5rem; }
  .content ol li {
    text-indent: 2.5em;
    text-indent: -2.5rem; }
.content li {
  margin-bottom: 7px;
  margin-bottom: .5rem; }
.content ul.indent-number li {
  text-indent: -2em;
  padding-left: 2em; }
.content img {
  display: block;
  margin: 0 auto 26px;
  margin: 0 auto 1.857rem; }

.under {
  text-decoration: underline; }

.clear {
  clear: both; }

.float-left {
  float: left;
  margin: 0 11px 11px 0 !important;
  margin: 0 .7857rem .7857rem 0 !important; }

.float-right {
  float: right;
  margin: 0 0 11px 11px !important;
  margin: 0 0 .7857rem .7857rem !important; }

.box {
  background-color: #fff8dd;
  padding: 9px 18px;
  padding: .6429rem 1.286rem;
  margin-bottom: 24px;
  margin-bottom: 1.714rem; }
  .box > p:last-of-type, .box > ul:last-of-type, .box > ol:last-of-type {
    margin-bottom: 0; }

.box--sl {
  background-color: #fcfdd3;
  line-height: 26px;
  line-height: 1.857rem; }
  .box--sl dt {
    display: inline-block;
    color: #fff;
    background-color: #fb8c04;
    font-weight: bold;
    padding: 0 8px;
    padding: 0.5714rem;
    margin-bottom: 9px;
    margin-bottom: .6429rem;
    border-radius: .1429rem; }
  .box--sl dd {
    margin-bottom: 34px;
    margin-bottom: 2.429rem; }
    .box--sl dd:last-of-type {
      margin-bottom: 0; }

.box--sl__heading {
  margin-bottom: 9px;
  margin-bottom: .6429rem; }
  .box--sl__heading div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
    padding-right: .3571rem; }
  .box--sl__heading img {
    width: 33px;
    width: 2.357rem; }
  .box--sl__heading h3 {
    display: table-cell;
    color: #f98c04;
    line-height: 19px;
    line-height: 1.357rem;
    font-size: 16px;
    font-size: 1.143rem; }

.table {
  font-size: 10px;
  font-size: .7143rem;
  width: 100%;
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }
  .table th, .table td {
    padding: 5px 8px 7px 8px;
    padding: .3571rem .5714rem .5rem .5714rem; }
  .table thead th, .table thead td {
    border: 1px solid; }
  .table tbody th, .table tbody td {
    border: 1px solid #ddd; }
  .table tbody th {
    background-color: #dff0f7;
    font-weight: normal;
    text-align: left; }

.table--zatsugaku thead {
  background-color: #ffd9c4; }
  .table--zatsugaku thead th, .table--zatsugaku thead td {
    border-color: #ddd; }
.table--zatsugaku tbody th {
  background-color: transparent; }
.table--zatsugaku img {
  margin-right: 1em; }

.table--now thead {
  background-color: #c6e4f1; }
  .table--now thead th, .table--now thead td {
    border-color: #9ac9e1; }

.table--now-right tbody td {
  text-align: right; }

.table--economic thead {
  background-color: #c6e4f1; }
  .table--economic thead th, .table--economic thead td {
    border-color: #9ac9e1; }
.table--economic tbody td {
  text-align: left; }
  .table--economic tbody td:first-of-type, .table--economic tbody td:nth-of-type(2) {
    background-color: #f5f5f5;
    text-align: center; }
.table--economic strong {
  color: #de1400; }
.table--economic .table__saturday td:first-of-type, .table--economic .table__saturday td:nth-of-type(2) {
  background-color: #dff0f7; }
.table--economic .table__sunday td:first-of-type, .table--economic .table__sunday td:nth-of-type(2) {
  background-color: #ffe7e3; }

.table--economic-detail th {
  box-sizing: border-box;
  min-width: 100px;
  min-width: 7.143rem; }
.table--economic-detail tbody th {
  font-weight: bold; }
.table--economic-detail tbody td {
  text-align: left; }

.table--experience thead {
  background-color: #eebfb8; }
  .table--experience thead th, .table--experience thead td {
    border-color: #ddd; }
.table--experience tbody th {
  background-color: #f8e4e1; }
.table--experience tbody td {
  text-align: center; }

.table--sl thead {
  background-color: #fbeaca; }
  .table--sl thead th, .table--sl thead td {
    border-color: #ddd; }
  .table--sl thead th {
    font-weight: normal; }
.table--sl tbody th {
  background-color: #fcfdd3;
  min-width: 45px;
  min-width: 3.214rem; }

.table--sl-join tbody td {
  text-align: right; }

.more-heading {
  position: relative;
  text-align: center;
  margin-bottom: 0;
  top: 13px;
  top: .9286rem; }
  .more-heading img {
    width: 208px;
    width: 14.86rem; }
  .more-heading + div {
    line-height: 26px;
    line-height: 1.857rem;
    padding: 18px 15px 9px;
    padding: 1.286rem 1.071rem .6429rem;
    border-radius: .1429rem; }
    .more-heading + div li {
      margin-bottom: 0; }

.related {
  border: 2px solid;
  margin-bottom: 25px;
  margin-bottom: 1.786rem;
  border-radius: .1429rem; }
  .related p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
    border-radius: 0; }
  .related ul {
    line-height: 26px;
    line-height: 1.857rem;
    padding: 8px 13px 9px;
    padding: .5714rem .9286rem .6429rem;
    margin-bottom: 0; }
  .related li {
    margin-bottom: 0; }

.related--now {
  border-color: #6eb2e5; }

.related--experience {
  border-color: #ca2420; }

.warning-box {
  background-color: #e6e6e6;
  line-height: 26px;
  line-height: 1.857rem;
  padding: 9px 17px 8px;
  padding: .6429rem 1.214rem .5714rem;
  margin-bottom: 19px;
  margin-bottom: 1.357rem; }
  .warning-box p:last-of-type, .warning-box ul:last-of-type, .warning-box ol:last-of-type {
    margin-bottom: 0; }

.pager {
  font-weight: bold;
  font-size: 0;
  text-align: center; }
  .pager li {
    display: inline-block;
    line-height: 30px;
    line-height: 2.143rem;
    font-size: 14px;
    font-size: 1rem;
    width: 30px;
    width: 2.143rem;
    margin: 0 5px;
    margin: 0 .3571rem; }
  .pager a {
    display: block;
    border-radius: .1429rem;
    -webkit-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s; }
    .pager a:hover {
      color: #fff;
      background-color: #2870d0; }

.pager__current {
  color: #fff;
  background-color: #2870d0;
  border-radius: .1429rem; }

.pager__prev a:hover, .pager__next a:hover {
  background-color: #fff; }

.pager__prev span, .pager__next span {
  font-size: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: .6429rem;
  text-indent: -9999px;
  vertical-align: middle;
  width: 9px;
  width: .6429rem;
  height: 14px;
  height: 1rem;
  content: "";
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .pager__prev span:hover, .pager__next span:hover {
    opacity: .8; }

.pager__prev span {
  background-image: url(../images/common/ico-prev.png); }

.pager__next span {
  background-image: url(../images/common/ico-next.png); }

.prev {
  margin-bottom: 0; }
  .prev:before {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -22px -51px;
    background-size: 74px 64px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin-right: .3571rem;
    content: ""; }

.next {
  font-weight: bold;
  text-align: right;
  margin: 15px 0 0;
  margin: 1.071rem 0 0; }
  .next a {
    display: inline-block;
    color: #fff;
    background-color: #2670d0;
    line-height: 30px;
    line-height: 2.143rem;
    text-align: center;
    text-decoration: none;
    width: 100px;
    width: 7.143rem;
    border-radius: .2143rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .next a:after {
      display: inline-block;
      background: url(../images/common/ico-next-page.png) no-repeat;
      background-size: .6429rem;
      vertical-align: top;
      width: 9px;
      width: .6429rem;
      height: 14px;
      height: 1rem;
      margin: 8px 0 0 8px;
      margin: .5714rem 0 0 .5714rem;
      content: ""; }
    .next a:hover {
      background-color: #53a0e1; }

.home {
  background-color: #e9f4f8; }

.logo__author--home {
  line-height: 17px;
  line-height: 1.214rem;
  font-weight: bold;
  font-size: 12px;
  font-size: .8571rem;
  margin-bottom: 0; }
  .logo__author--home span {
    display: block; }

.home-keyword {
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .home-keyword dt {
    position: relative;
    color: #663300;
    background-color: #fcc437;
    font-weight: bold;
    line-height: 30px;
    line-height: 2.143rem;
    font-size: 17px;
    font-size: 1.214rem;
    text-align: center;
    margin-bottom: 7px;
    margin-bottom: .5rem;
    border-radius: 1.429rem; }
    .home-keyword dt:before {
      display: inline-block;
      background: url(../images/home/ico-tag.gif) no-repeat;
      background-size: 1.571rem;
      vertical-align: middle;
      width: 22px;
      width: 1.571rem;
      height: 22px;
      height: 1.571rem;
      margin-right: 4px;
      margin-right: .2857rem;
      content: ""; }
    .home-keyword dt:after {
      position: absolute;
      border: 6px solid;
      border-color: #fcc437 transparent transparent transparent;
      margin-left: -6px;
      left: 50%;
      bottom: -12px;
      content: ""; }
  .home-keyword dd {
    background-color: #fff;
    padding: 12px 0;
    padding: .8571rem 0;
    border: 3px solid #fcc437;
    overflow: hidden;
    border-radius: .2143rem; }
  .home-keyword ul {
    padding: 0 10px;
    padding: 0 .7143rem; }

.home-keyword__title {
  line-height: 22px;
  line-height: 1.571rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  text-align: center;
  margin-bottom: 5px;
  margin-bottom: .3571rem; }

.home-keyword__text {
  position: relative;
  line-height: 1;
  font-size: 10px;
  font-size: .7143rem;
  padding-left: 10px;
  padding-left: .7143rem; }
  .home-keyword__text:before, .home-keyword__text:after {
    position: absolute;
    background-color: #ececec;
    height: 1px;
    top: 50%;
    content: ""; }
  .home-keyword__text:before {
    width: 5px;
    width: .3571rem;
    left: 0; }
  .home-keyword__text:after {
    width: 100%;
    left: 63px;
    left: 6rem; }

.home-contents {
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .home-contents dt {
    position: relative;
    color: #663300;
    background-color: #fcc437;
    font-weight: bold;
    line-height: 30px;
    line-height: 2.143rem;
    font-size: 17px;
    font-size: 1.214rem;
    text-align: center;
    margin-bottom: 7px;
    margin-bottom: .5rem;
    border-radius: 1.429rem; }
    .home-contents dt:before {
      display: inline-block;
      background: url(../images/home/ico-tag.gif) no-repeat;
      background-size: 1.571rem;
      vertical-align: middle;
      width: 22px;
      width: 1.571rem;
      height: 22px;
      height: 1.571rem;
      margin-right: 4px;
      margin-right: .2857rem;
      content: ""; }
    .home-contents dt:after {
      position: absolute;
      border: 6px solid;
      border-color: #fcc437 transparent transparent transparent;
      margin-left: -6px;
      left: 50%;
      bottom: -12px;
      content: ""; }
  .home-contents dd {
    background-color: #fff;
    padding: 11px 3.40136% 10px;
    padding: .7857rem 3.40136% .7143rem;
    border: 3px solid #fcc437;
    overflow: hidden;
    border-radius: .2143rem; }
  .home-contents dd img{
    display: block;
    max-width:150px;
    margin: 0 auto 5px;}

.home-contents__title {
  line-height: 26px;
  line-height: 1.857rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  margin-bottom: 2px;
  margin-bottom: .1429rem; }

.home-contents__text {
  line-height: 22px;
  line-height: 1.571rem;
  font-size: 12px;
  font-size: .8571rem;
  margin-bottom: 0; }

.tabs {
  position: relative;
  height: 167px;
  height: 13.93rem; }
  .tabs:after {
    clear: both;
    display: block;
    content: ""; }

.tab > a {
  float: left;
  position: relative;
  display: inline-block;
  font-size: 0;
  text-indent: -9999px;
  text-align: center;
  text-indent: 0;
  border: 1px solid #fcc745;
  -webkit-transition: background-color .2s;
  transition: background-color .2s; }
  .tab > a.active:before {
    position: absolute;
    border: 6px solid;
    margin-left: -6px;
    left: 50%;
    bottom: -13px;
    content: ""; }
  .tab > a.active + div {
    opacity: 1;
    visibility: visible; }

.tab--sl > a {
  background-color: #fff;
  padding: 7px 0;
  padding: .5rem 0;
  width: 49.33333%;
  z-index: 1;
  border-radius: 1.429rem 0 0 1.429rem; }
  .tab--sl > a.active {
    background-color: #fcc437;
    border-radius: 1.429rem; }
    .tab--sl > a.active:before {
      border-color: #fcc437 transparent transparent transparent; }
  .tab--sl > a img {
    width: 126px;
    width: 9rem; }

.tab--classroom > a {
  background-color: #ffe9ea;
  padding: 6px 0;
  padding: .4286rem 0;
  width: 52.66667%;
  border-radius: 0 1.429rem 1.429rem 0;
  margin-left: -3.33333%; }
  .tab--classroom > a.active {
    background-color: #ee0100;
    border-color: #ee0100;
    border-radius: 1.429rem;
    z-index: 1; }
    .tab--classroom > a.active:before {
      border-color: #ee0100 transparent transparent transparent; }
  .tab--classroom > a img {
    width: 134px;
    width: 9.571rem; }

.panel {
  position: absolute;
  background-color: #fff;
  padding: 11px 3.40136% 10px;
  padding: .7857rem 3.40136% .7143rem;
  width: 91.33333%;
  border: 3px solid #fcc437;
  top: 37px;
  top: 2.643rem;
  opacity: 0;
  visibility: hidden;
  border-radius: .2143rem;
  -webkit-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s; }
  .panel img {
    display: none; }

.panel__title {
  line-height: 26px;
  line-height: 1.857rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  margin-bottom: 2px;
  margin-bottom: .1429rem; }

.panel__description {
  line-height: 22px;
  line-height: 1.571rem;
  font-weight: bold;
  margin-bottom: 0; }

.panel__text {
  line-height: 22px;
  line-height: 1.571rem;
  font-size: 12px;
  font-size: .8571rem;
  margin-bottom: 0; }

.update {
  position: relative;
  background-color: #fff;
  padding: 6px 3.125% 0;
  padding: .4286rem 3.125% 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0 -3.125% 15px;
  margin: 0 -3.125% 1.071rem; }
  .update h2 {
    position: absolute;
    color: #fff;
    background-color: #af6e2d;
    line-height: 18px;
    line-height: 1.286rem;
    font-size: 10px;
    font-size: .7143rem;
    padding-left: 3.125%;
    width: 63px;
    width: 4.5rem;
    left: 0;
    top: -9px;
    top: -.6429rem;
    border-radius: 0 1.429rem 1.429rem 0; }
    .update h2 span {
      color: #fdd04b; }
  .update article {
    font-size: 0; }
    .update article span {
      display: inline-block;
      color: #6fb2e5;
      line-height: 16px;
      line-height: 1.143rem;
      font-size: 10px;
      font-size: .7143rem;
      text-align: center;
      padding: 0 3px;
      padding: 0 .2143rem;
      min-width: 50px;
      min-width: 4.167rem;
      border: 1px solid #76b6e6;
      margin-right: 6px;
      margin-right: .4286rem; }
  .update time {
    line-height: 17px;
    line-height: 1.214rem;
    font-size: 12px;
    font-size: .8571rem;
    margin-right: 13px;
    margin-right: .9286rem; }
  .update h3 {
    display: inline;
    line-height: 31px;
    line-height: 2.214rem;
    font-weight: normal;
    font-size: 12px;
    font-size: .8571rem; }

.ticker {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.ticker div {
  position: relative;
  width: 100%; }

.ticker article {
  display: none;
  width: 100%; }

.global-nav--home {
  display: block;
  background-color: #fff;
  margin: 0 -3.125%; }
  .global-nav--home .dropdown__panel__item--league div, .global-nav--home .dropdown__panel__item--training div {
    background-position: 3.125% 11px;
    background-position: 3.125% .7857rem;
    background-size: 4.643rem; }
  .global-nav--home .dropdown__panel__item--league p, .global-nav--home .dropdown__panel__item--training p {
    margin-left: 26.875%; }

.home-image {
  margin: 0 0 8px 26.875%;
  margin: 0 0 .5714rem 26.875%; }

.home-image--sl {
  width: 180px; }

.home-image--classroom {
  width: 164px; }

.home-banner {
  background-color: #fff;
  padding: 17px 3.125% 20px;
  padding: 1.214rem 3.125% 1.429rem;
  margin: 0 -3.125%; }
  .home-banner a {
    -webkit-transition: opacity .2s;
    transition: opacity .2s; }
    .home-banner a:hover {
      opacity: .85; }

.home-list {
  background-color: #fff;
  padding: 0 3.125% 20px;
  padding: 0 3.125% 1.429rem;
  margin: 0 -3.125%; }

.share--home ul {
  float: none; }
.share--home li {
  float: none;
  display: inline-block; }

.global-footer__copy--home {
  background-color: #fff;
  padding-top: 8px;
  padding-top: .5714rem; }

.money-heading {
  color: #fff;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 14px;
  font-size: 1rem;
  padding: 7px 10px;
  padding: .5rem .7143rem;
  margin-bottom: 17px;
  margin-bottom: 1.214rem; }

.money-box--blue .money-heading {
  background-color: #8ebdeb; }

.money-box--red .money-heading {
  background-color: #e97366; }

.money-box--green .money-heading {
  background-color: #64b96c; }

.money-box--orange .money-heading {
  background-color: #f98c56; }

.money-box {
  padding: 27px 9.67742% 84px 4.51613%;
  padding: 1.929rem 9.67742% 6rem 4.51613%;
  margin: 0 0 10px -3.125%;
  margin: 0 0 .7143rem -3.125%; }

.money-box--blue {
  background: url(../images/money/bg-box-blue-head.gif) no-repeat, url(../images/money/bg-box-blue-foot.jpg) no-repeat 0 bottom, url(../images/money/bg-box-blue.gif) repeat-y;
  background-size: contain; }

.money-box--red {
  background: url(../images/money/bg-box-red-head.gif) no-repeat, url(../images/money/bg-box-red-foot.jpg) no-repeat 0 bottom, url(../images/money/bg-box-red.gif) repeat-y;
  background-size: contain; }

.money-box--green {
  background: url(../images/money/bg-box-green-head.gif) no-repeat, url(../images/money/bg-box-green-foot.jpg) no-repeat 0 bottom, url(../images/money/bg-box-green.gif) repeat-y;
  background-size: contain; }

.money-box--orange {
  background: url(../images/money/bg-box-orange-head.gif) no-repeat, url(../images/money/bg-box-orange-foot.jpg) no-repeat 0 bottom, url(../images/money/bg-box-orange.gif) repeat-y;
  background-size: contain; }

.money-heading--summary {
  display: inline-block;
  font-size: 16px;
  font-size: 1.143rem; }

.money-heading-summary {
  line-height: 26px;
  line-height: 1.857rem;
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }

.content .box--money {
  color: #f86c51;
  line-height: 22px;
  line-height: 1.571rem;
  font-weight: bold;
  padding: 5px 10px;
  padding: .3571rem .7143rem; }

.money-box--question {
  padding-bottom: 98px;
  padding-bottom: 7rem; }

.money-heading-question {
  color: #f86c51;
  line-height: 26px;
  line-height: 1.857rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding: 5px 8px;
  padding: .3571rem .5714rem;
  border: 2px solid #f86c51;
  margin-bottom: 19px;
  margin-bottom: 1.357rem; }

.money-question:before {
  display: block;
  background-repeat: no-repeat;
  background-size: 2.143rem;
  width: 30px;
  width: 2.143rem;
  height: 30px;
  height: 2.143rem;
  margin-bottom: 4px;
  margin-bottom: .2857rem;
  content: ""; }

.money-box--blue .money-question:before {
  background-image: url(../images/money/ico-question-blue.gif); }

.money-box--red .money-question:before {
  background-image: url(../images/money/ico-question-red.gif); }

.money-box--green .money-question:before {
  background-image: url(../images/money/ico-question-green.gif); }

.money-box--orange .money-question:before {
  background-image: url(../images/money/ico-question-orange.gif); }

.money-answer {
  position: relative;
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .money-answer:after {
    position: absolute;
    background-image: url(../images/money/ico-arrow.png);
    background-size: .2857rem;
    width: 4px;
    width: .2857rem;
    height: 9px;
    height: .6429rem;
    margin-top: -4px;
    margin-top: -.2857rem;
    right: 3px;
    right: .2143rem;
    top: 50%;
    content: ""; }
  .money-answer a {
    position: relative;
    display: table;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    padding: 0 20px 0 36px;
    padding: 0 1.429rem 0 2.571rem;
    width: 100%;
    height: 92px;
    height: 6.571rem;
    border: 3px solid #e1e1e1;
    border: .2143rem solid #e1e1e1;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .money-answer a:before, .money-answer a:after {
      position: absolute;
      content: ""; }
    .money-answer a:before {
      background-repeat: no-repeat;
      background-size: 2.071rem;
      width: 29px;
      width: 2.071rem;
      height: 29px;
      height: 2.071rem;
      left: 11px;
      left: .7857rem;
      top: 11px;
      top: .7857rem; }
    .money-answer a:after {
      padding: 3px 0;
      padding: .2143rem 0;
      width: 11px;
      width: .7857rem;
      height: 100%;
      right: -3px;
      right: -.2143rem;
      top: -3px;
      top: -.2143rem; }
    .money-answer a:hover {
      background-color: #e1e1e1; }
  .money-answer .money-answer__image {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-right: 9px;
    padding-right: .6429rem;
    width: 70px;
    width: 5rem; }
  .money-answer img {
    margin-bottom: 0; }
  .money-answer .money-answer__text {
    display: table-cell;
    line-height: 22px;
    line-height: 1.571rem;
    font-size: 12px;
    font-size: .8571rem;
    vertical-align: middle;
    padding: 9px 0;
    padding: .6429rem 0; }

.money-box--blue .money-answer a:after {
  background-color: #8ebdeb; }

.money-box--red .money-answer a:after {
  background-color: #e97366; }

.money-box--green .money-answer a:after {
  background-color: #64b96c; }

.money-box--orange .money-answer a:after {
  background-color: #f98c56; }

.money-box--blue .money-answer--one a:before {
  background-image: url(../images/money/ico-one-blue.png); }

.money-box--blue .money-answer--two a:before {
  background-image: url(../images/money/ico-two-blue.png); }

.money-box--blue .money-answer--three a:before {
  background-image: url(../images/money/ico-three-blue.png); }

.money-box--red .money-answer--one a:before {
  background-image: url(../images/money/ico-one-red.png); }

.money-box--red .money-answer--two a:before {
  background-image: url(../images/money/ico-two-red.png); }

.money-box--red .money-answer--three a:before {
  background-image: url(../images/money/ico-three-red.png); }

.money-box--green .money-answer--one a:before {
  background-image: url(../images/money/ico-one-green.png); }

.money-box--green .money-answer--two a:before {
  background-image: url(../images/money/ico-two-green.png); }

.money-box--green .money-answer--three a:before {
  background-image: url(../images/money/ico-three-green.png); }

.money-box--orange .money-answer--one a:before {
  background-image: url(../images/money/ico-one-orange.png); }

.money-box--orange .money-answer--two a:before {
  background-image: url(../images/money/ico-two-orange.png); }

.money-box--orange .money-answer--three a:before {
  background-image: url(../images/money/ico-three-orange.png); }

.money-heading-answer {
  display: inline-block;
  color: #de1500;
  background-color: #fff8dd;
  line-height: 22px;
  line-height: 1.571rem;
  font-size: 14px;
  font-size: 1rem;
  padding: 6px 9px;
  padding: .4286rem .6429rem;
  margin-bottom: 17px;
  margin-bottom: 1.214rem; }

.content .money-heading-answer-text {
  line-height: 19px;
  line-height: 1.357rem;
  font-weight: bold;
  margin-bottom: 11px;
  margin-bottom: .7857rem; }

.stock-link:after {
  clear: both;
  display: block;
  content: ""; }
.stock-link .prev {
  float: left; }
.stock-link .next {
  float: right;
  margin-top: 0; }

.primary--zatsugaku {
  padding: 0; }

.zatsugaku-box {
  position: relative;
  padding-bottom: 24px;
  padding-bottom: 1.714rem;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 7px solid #b95f11;
  margin: 6px 4.375% 30px 0;
  margin: .4286rem 4.375% 2.143rem 0;
  border-radius: 0 .1429rem 0 0; }
  .zatsugaku-box:before, .zatsugaku-box:after {
    position: absolute;
    background-size: .2857rem;
    width: 4px;
    width: .2857rem;
    right: -5px;
    right: -.3571rem;
    top: 0;
    content: ""; }
  .zatsugaku-box:before {
    background-image: url(../images/zatsugaku/bg-box.gif);
    padding-bottom: 7px;
    height: 100%; }
  .zatsugaku-box:after {
    background: url(../images/zatsugaku/bg-box-head.gif) no-repeat;
    height: 5px;
    height: .3571rem; }

.visual-image {
  position: relative;
  margin-bottom: -1px;
  bottom: 1px; }

.visual-image__small {
  width: 100%; }

.visual-image__large {
  display: none; }

.inner {
  padding: 0 4.90196%; }

.zatsugaku-heading {
  position: relative;
  background-color: #f6eae0;
  line-height: 35px;
  line-height: 2.5rem;
  font-size: 12px;
  font-size: .8571rem;
  padding: 0 6px;
  padding: 0 .4286rem;
  border-top: 2px solid #b95f11;
  border-bottom: 2px solid #b95f11;
  margin-bottom: 14px;
  margin-bottom: 1rem; }
  .zatsugaku-heading:before, .zatsugaku-heading:after {
    position: absolute;
    background-color: #b95f11;
    width: 100%;
    height: 1px;
    left: 0;
    content: ""; }
  .zatsugaku-heading:before {
    top: 2px;
    top: .1429rem; }
  .zatsugaku-heading:after {
    bottom: 2px;
    bottom: .1429rem; }
  .zatsugaku-heading span {
    color: #999;
    font-size: 7px;
    font-size: .5rem;
    margin-left: 9px;
    margin-left: .6429rem; }

.zatsugaku-list {
  line-height: 24px;
  line-height: 1.714rem;
  padding-bottom: 17px;
  padding-bottom: 1.214rem;
  border-bottom: 1px solid #555;
  margin-bottom: 18px;
  margin-bottom: 1.286rem;
  counter-reset: zatsugaku-list; }
  .zatsugaku-list li {
    padding-left: 52px;
    padding-left: 3.714rem;
    margin-bottom: 7px;
    margin-bottom: .5rem; }
    .zatsugaku-list li:before {
      display: inline-block;
      color: #b85f11;
      font-size: 18px;
      font-size: 1.286rem;
      text-align: center;
      vertical-align: top;
      width: 36px;
      width: 2.571rem;
      margin: 0 16px 0 -52px;
      margin: 0 1.143rem 0 -3.714rem;
      counter-increment: zatsugaku-list;
      content: counter(zatsugaku-list); }

.zatsugaku-aside {
  font-size: 0;
  padding: 0 4.90196%; }
  .zatsugaku-aside:before {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -25px -22px;
    background-size: 74px 64px;
    width: 22px;
    height: 19.5px;
    margin-right: 10px;
    margin-right: .7143rem;
    content: ""; }
  .zatsugaku-aside ul {
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    font-size: 1rem;
    margin-bottom: 0; }
  .zatsugaku-aside li {
    display: inline-block; }
    .zatsugaku-aside li + li:before {
      content: "/";
      margin: 0 5px 0 4px;
      margin: 0 .3571rem 0 .2857rem; }

.zatsugaku-box--detail {
  border-bottom: 1px solid #666;
  padding-bottom: 18px;
  padding-bottom: 1.286rem; }
  .zatsugaku-box--detail:before {
    padding-bottom: 1px; }

.zatsugaku-heading-detail {
  position: relative;
  color: #663300;
  background: #f6eae0 url(../images/zatsugaku/bg-heading.gif) no-repeat;
  background-size: auto 4.214rem;
  width: 100%;
  height: 59px;
  height: 4.214rem;
  border-top: 7px solid #b95f11;
  bottom: 1px;
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .zatsugaku-heading-detail img {
    position: absolute;
    left: -2px;
    left: -.1429rem;
    top: -5px;
    top: -.3571rem; }
  .zatsugaku-heading-detail h1 {
    position: absolute;
    line-height: 24px;
    line-height: 1.714rem;
    font-size: 17px;
    font-size: 1.214rem;
    margin: 0 23px 0 80px;
    margin: 0 1.643rem 0 5.714rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.zatsugaku-heading-layout {
  margin-bottom: 11px;
  margin-bottom: .7857rem; }

.zatsugaku-heading-layout__large {
  display: none; }

.zatsugaku-link {
  padding: 0 3.125% 20px;
  padding: 0 3.125% 1.429rem; }

.zatsugaku-box__foot {
  position: absolute;
  width: 100%;
  bottom: -1px;
  z-index: -1; }

.image-box {
  width: 100px; }
  .image-box img {
    margin-bottom: 7px;
    margin-bottom: .5rem; }
  .image-box p {
    line-height: 14px;
    line-height: 1rem;
    font-size: 10px;
    font-size: .7143rem;
    margin-bottom: 0; }

.image-box--center {
  text-align: center;
  width: auto;
  margin-bottom: 24px;
  margin-bottom: 1.714rem; }

.image-box--layout {
  width: 83.33333%;
  margin: 0 auto 24px;
  margin-bottom: 0 auto 1.714rem; }

.zatsugaku-box .warning-box {
  line-height: 14px;
  line-height: 1rem;
  font-size: 10px;
  font-size: .7143rem;
  margin-bottom: 67px;
  margin-bottom: 4.786rem; }

.currency-item:after {
  clear: both;
  display: block;
  content: ""; }
.currency-item section {
  float: left;
  width: 48%;
  margin-bottom: 20px;
  margin-bottom: 1.429rem; }
  .currency-item section:nth-of-type(odd) {
    margin-right: 4%; }
.currency-item h2 {
  background-color: #fff8dd;
  line-height: 32px;
  line-height: 2.286rem;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.143rem;
  text-align: center; }
.currency-item img {
  display: block;
  margin: 0 auto 10px;
  margin: 0 auto .7143rem; }

.currency-box {
  margin-bottom: 20px;
  margin-bottom: 1.429rem; }

.image-list {
  margin-bottom: 0; }
  .image-list:after {
    clear: both;
    display: block;
    content: ""; }
  .image-list li {
    float: left;
    width: 47.33333%;
    margin-bottom: 15px;
    margin-bottom: 1.071rem; }
    .image-list li:nth-child(odd) {
      margin-right: 5.33333%; }

.no-touch .image-list a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .no-touch .image-list a:hover {
    opacity: .8; }

.heading__title span {
  font-size: 12px;
  font-size: .8571rem;
  margin-left: 4px;
  margin-left: .2857rem; }

.box.box--comment {
  background-image: url(../images/hayawakari/bg-comment.gif);
  background-repeat: no-repeat;
  background-position: 12px 8px;
  background-position: .8571rem .5714rem;
  background-size: 2.429rem;
  padding-left: 58px;
  padding-left: 4.143rem;
  min-height: 43px;
  min-height: 3.071rem; }

.content .summary {
  background: url(../images/hayawakari/bg-summary.gif) no-repeat 0 19px;
  background: url(../images/hayawakari/bg-summary.gif) no-repeat 0 1.357rem;
  background-size: 50px;
  background-size: 3.571rem;
  padding: 14px 12px 14px 63px;
  padding: 1rem .8571rem 1rem 4.5rem;
  min-height: 61px;
  min-height: 4.357rem;
  border-top: 3px solid #f86c51;
  border-bottom: 3px solid #f86c51;
  margin-bottom: 24px;
  margin-bottom: 1.714rem; }

.advice {
  position: relative;
  font-weight: bold;
  border: 3px solid #f86c51;
  margin-bottom: 15px;
  margin-bottom: 1.071rem;
  border-radius: .2143rem; }
  .advice:after {
    position: absolute;
    background: url(../images/know/bg-advice.png) no-repeat;
    background-position: -33px 0;
    background-position: -2.357rem 0;
    background-size: 5.643rem;
    width: 24px;
    width: 1.714rem;
    height: 42px;
    height: 3rem;
    right: 60px;
    right: 4.286rem;
    top: -10px;
    top: -.7143rem;
    content: ""; }

.advice__title {
  color: #fff;
  background-color: #f86c51;
  line-height: 32px;
  line-height: 2.286rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding-left: 17px;
  padding-left: 1.143rem;
  margin-bottom: 0; }

.advice__text {
  background-color: #fff8dd;
  line-height: 23px;
  line-height: 1.643rem;
  padding: 11px 17px;
  padding: .7857rem 1.214rem;
  margin-bottom: 0; }

.arrow-list {
  line-height: 1;
  margin-bottom: 8px;
  margin-bottom: .5714rem; }
  .arrow-list:after {
    clear: both;
    display: block;
    content: ""; }
  .arrow-list li {
    float: left;
    width: 50%; }
  .arrow-list a {
    display: block;
    line-height: 38px;
    line-height: 2.714rem;
    padding-left: 5px;
    padding-left: .3571rem; }
    .arrow-list a:before {
      display: inline-block;
      background: url(../images/common/ico-next.png) no-repeat;
      background-size: .5rem;
      width: 7px;
      width: .5rem;
      height: 10px;
      height: .7143rem;
      margin-right: 6px;
      margin-right: .4286rem;
      content: ""; }

.image-wide {
  width: 100%;
  margin-bottom: 17px;
  margin-bottom: 1.214rem; }

.heading img {
  vertical-align: top;
  height: 34px;
  height: 2.429rem;
  margin-top: 9px;
  margin-top: .6429rem; }

.content .market-intro {
  padding-bottom: 13px;
  padding-bottom: .9286rem;
  margin-bottom: 0; }
  .content .market-intro dt {
    font-weight: bold; }
  .content .market-intro dd {
    margin-bottom: 7px;
    margin-bottom: .5rem; }

.image-wide.image-wide--market {
  margin-bottom: 25px;
  margin-bottom: 1.786rem; }

.box.trivia {
  position: relative;
  padding-top: 16px;
  padding-top: 1.143rem;
  padding-left: 59px;
  padding-left: 4.214rem;
  border-radius: .1429rem; }
  .box.trivia:after {
    position: absolute;
    background: url(../images/market/bg-trivia.png) no-repeat;
    background-size: 7.5rem;
    width: 105px;
    width: 7.5rem;
    height: 77px;
    height: 5.5rem;
    left: 5px;
    left: .3571rem;
    top: -17px;
    top: -1.214rem;
    content: ""; }

.market-heading {
  background-color: #fbb724;
  font-size: 14px;
  font-size: 1rem;
  padding: 2px 9px;
  padding: .1429rem .6429rem;
  margin-bottom: 4px;
  margin-bottom: .2857rem;
  border-radius: .1429rem; }

.content .blank-list {
  padding-bottom: 19px;
  padding-bottom: 1.357rem;
  margin-bottom: 0; }
  .content .blank-list a {
    display: block;
    line-height: 35px;
    line-height: 2.5rem;
    padding-left: 1.286rem; }
    .content .blank-list a:before {
      display: inline-block;
      background: url(../images/market/ico-blank.png) no-repeat;
      background-size: .7143rem;
      width: 10px;
      width: .7143rem;
      height: 10px;
      height: .7143rem;
      margin: 0 8px 0 -18px;
      margin: 0 .5714rem 0 -1.286rem;
      content: ""; }

.content .market-bigmac {
  background: url(../images/market/bg-bigmac.gif) no-repeat 1px 3px;
  background: url(../images/market/bg-bigmac.gif) no-repeat .07143rem .2143rem;
  background-size: 2.357rem;
  padding: 6px 0 29px 43px;
  padding: .4286rem 0 2.071rem 3.071rem;
  margin-bottom: 0; }

.content .market-gdp {
  background: url(../images/market/bg-gdp.gif) no-repeat 2px 4px;
  background: url(../images/market/bg-gdp.gif) no-repeat .1429rem .2857rem;
  background-size: 2.214rem;
  padding: 6px 0 29px 43px;
  padding: .4286rem 0 2.071rem 3.071rem;
  margin-bottom: 0; }

.content .market-building {
  background: url(../images/market/bg-building.gif) no-repeat 9px 3px;
  background: url(../images/market/bg-building.gif) no-repeat .6429rem .2143rem;
  background-size: 1.286rem;
  padding: 6px 0 29px 43px;
  padding: .4286rem 0 2.071rem 3.071rem;
  margin-bottom: 0; }

.content .market-text {
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 12px;
  font-size: .8571rem; }

.author {
  background-color: #fff8dd;
  line-height: 26px;
  line-height: 1.857rem;
  padding: 15px;
  padding: 1.071rem;
  word-wrap: break-word; }
  .author > img {
    float: left;
    width: 60px;
    width: 4.286rem; }
  .author h3 {
    margin-bottom: 14px;
    margin-bottom: 1rem; }
  .author span {
    display: block; }

.author__text {
  padding-left: 71px;
  padding-left: 5.071rem; }
  .author__text p {
    margin-bottom: 26px;
    margin-bottom: 1.857rem; }

.author__book {
  clear: both;
  background-color: #fff;
  padding: 20px 20px 14px;
  padding: 1.429rem 1.429rem 1rem;
  margin-top: 60px;
  margin-top: 4.286rem; }
  .author__book:after {
    clear: both;
    display: block;
    content: ""; }
  .author__book img {
    float: left;
    width: 60px;
    width: 4.286rem; }
  .author__book div {
    padding-left: 68px;
    padding-left: 4.857rem; }
  .author__book p {
    margin-bottom: 0; }

.economic-heading {
  line-height: 24px;
  line-height: 1.714rem;
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 0; }

.article-qa time {
  display: inline-block;
  line-height: 1;
  margin-bottom: 7px;
  margin-bottom: .5rem; }
.article-qa article p {
  margin-bottom: 0; }
.article-qa > p {
  margin-top: 20px;
  margin-top: 1.429rem; }

.border {
  padding: 8px 14px;
  padding: .5714rem 1rem;
  border: 3px solid #6eb2e5;
  margin-bottom: 24px;
  margin-bottom: 1.714rem; }
  .border p:last-of-type, .border ul:last-of-type, .border ol:last-of-type {
    margin-bottom: 0; }

.warning {
  color: #de1500; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 12px;
  margin-bottom: .8571rem; }
  .video iframe {
    position: absolute;
    width: 100%;
    height: 100%; }

.sl-heading-top {
  margin: 5px 0 29px;
  margin: .3571rem 0 2.071rem; }
  .sl-heading-top .sl-heading-left p {
    display: none; }
  .sl-heading-top .sl-heading-left h1 {
    margin-bottom: 0; }
  .sl-heading-top .sl-heading-left img {
    margin: 1.25rem 0;
    width: 100%; }

.notebook {
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 30px;
  margin-bottom: 2.143rem; }
  .notebook article {
    padding: 0 17px;
    padding: 0 1.214rem; }
  .notebook > p {
    position: absolute;
    background-color: #f1efb0;
    line-height: 34px;
    line-height: 2.429rem;
    font-size: 14px;
    font-size: 1rem;
    padding-right: 10px;
    padding-right: .7143rem;
    right: 0;
    top: 0; }
    .notebook > p:before {
      float: left;
      display: block;
      background: url(../images/sl/bg-notebook2.gif) no-repeat;
      background-size: 1.4062rem;
      width: 20px;
      width: 1.4062rem;
      height: 35px;
      height: 2.5rem;
      margin-right: 6px;
      margin-right: .4286rem;
      content: ""; }

.sl-top-box {
  border: solid 1px #ccc;
  margin-bottom: 26px;
  margin-bottom: 1.857rem; }
  .sl-top-box ul {
    margin: 0 0 20px 17px;
    margin: 0 0 1.4285rem 1.214rem; }
  .sl-top-box li {
    margin-bottom: 14px;
    margin-bottom: 1rem; }

.small-heading-sl {
  color: #fff;
  background-color: #fb8c03;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding: 8px 10px;
  padding: .5714rem .7143rem;
  margin-bottom: 11px;
  margin-bottom: .7857rem;
  border-radius: .1429rem; }
  .small-heading-sl a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 8px 10px;
    padding: .5714rem .7143rem;
    margin: -8px -10px;
    margin: -.5714rem -.7143rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .small-heading-sl a:hover {
      background-color: #fda334; }
    .small-heading-sl a:before {
      display: inline-block;
      background: url(../images/common/ico-next-page.png) no-repeat;
      background-size: .6429rem;
      width: 9px;
      width: .6429rem;
      height: 14px;
      height: 1rem;
      margin-right: 6px;
      margin-right: .4286rem;
      content: ""; }

.warning-box--sl {
  line-height: 22px;
  line-height: 1.571rem;
  font-size: 12px;
  font-size: .8571rem;
  margin-bottom: 17px;
  margin-bottom: 1.214rem; }

.sl-author {
  line-height: 16px;
  line-height: 1.143rem;
  font-size: 10px;
  font-size: .7143rem;
  padding: 10px 12px;
  padding: .7143rem .8571rem;
  border: 3px solid #e2e2e2;
  margin-bottom: 30px;
  margin-bottom: 2.143rem; }

.sl-nav {
  font-weight: bold;
  font-size: 12px;
  font-size: .8571rem;
  text-align: center;
  padding-bottom: 6px;
  padding-bottom: .4286rem;
  margin-bottom: 0; }
  .sl-nav:after {
    clear: both;
    display: block;
    content: ""; }
  .sl-nav li {
    float: left;
    width: 48.33333%;
    margin-bottom: 10px;
    margin-bottom: .7143rem; }
    .sl-nav li:nth-child(odd) {
      margin-right: 3.33333%; }
  .sl-nav a {
    display: block;
    color: #fff;
    background-color: #3f647e;
    line-height: 50px;
    line-height: 3.571rem;
    text-decoration: none;
    border-radius: .2143rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .sl-nav a:hover {
      background-color: #507fa0; }

.sl-nav__apply:before, .sl-nav__dvd span:first-child, .sl-nav__blank:after {
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: ""; }

.sl-nav__apply:before {
  background-image: url(../images/sl/ico-apply.png);
  background-size: 1.071rem;
  width: 15px;
  width: 1.071rem;
  height: 15px;
  height: 1.071rem;
  margin-right: 6px;
  margin-right: .4286rem; }

.sl-nav .sl-nav__dvd {
  position: relative;
  line-height: 17px;
  line-height: 1.214rem;
  padding: 8px 0;
  padding: .5714rem 0; }
  .sl-nav .sl-nav__dvd span:first-child {
    background-image: url(../images/sl/ico-dvd.png);
    background-size: 1rem;
    width: 14px;
    width: 1rem;
    height: 14px;
    height: 1rem;
    margin-right: 5px;
    margin-right: .3571rem; }
  .sl-nav .sl-nav__dvd span:last-child {
    display: inline-block;
    vertical-align: middle; }

.sl-nav__blank:after {
  background-image: url(../images/sl/ico-blank.png);
  background-size: auto 1.071rem;
  width: 18px;
  width: 1.286rem;
  height: 15px;
  height: 1.071rem;
  margin-left: 5px;
  margin-left: .3571rem; }

.sl-text {
  text-align: right; }

.heading-sl {
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding-bottom: 6px;
  padding-bottom: .4286rem;
  border-bottom: 3px solid #fb8c03;
  margin: 14px 0 8px;
  margin: 1rem 0 .5714rem; }

.heading-sl-detail {
  line-height: 26px;
  line-height: 1.857rem;
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 4px; }

.inline li {
  display: inline; }

.box-column {
  margin-bottom: 20px;
  margin-bottom: 1.429rem; }

.box-column__item {
  display: table-cell;
  vertical-align: top; }

.box-column__item--first {
  padding-right: 15px;
  padding-right: 1.071rem; }
  .box-column__item--first img {
    max-width: none; }

.sl-list {
  font-size: 0;
  text-align: center;
  margin-bottom: 19px;
  margin-bottom: 1.357rem; }
  .sl-list li {
    display: inline-block;
    margin: 0 7px;
    margin: 0 .5rem; }
  .sl-list img {
    width: 60px;
    width: 4.286rem;
    margin-bottom: 0; }

.sl-image {
  display: block;
  width: 95px;
  width: 6.786rem;
  margin: 15px auto 10px;
  margin: 1.071rem auto .7143rem; }

.school-list {
  line-height: 26px;
  line-height: 1.857rem;
  margin-bottom: 28px;
  margin-bottom: 2rem; }
  .school-list ul {
    margin-bottom: 0; }
  .school-list li {
    list-style: inside disc; }

.table-sl {
  font-size: 10px;
  font-size: .7143rem;
  width: 100%;
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }
  .table-sl th, .table-sl td {
    padding: 5px 8px 7px 8px;
    padding: .3571rem .5714rem .5rem .5714rem; }
  .table-sl th {
    font-weight: normal;
    text-align: left;
    vertical-align: top; }

.more--quiz + * {
  display: none; }

.sl-category-award {
  float: left;
  width: 5em; }
  .sl-category-award + div {
    display: table-cell; }

.sl-news-list dt {
  clear: left;
  float: left;
  width: 9.5em;
  margin: 0 0 1.3em; }
.sl-news-list dd {
  margin: 0 0 1.3em 9.5em; }

.other-judge {
  padding-top: 1em;
  border-top: 1px dashed #000;
  margin-top: 1em; }

.heading-classroom-top {
  position: relative;
  margin: 16px 0 71px;
  margin: 1.143rem 0 5.071rem; }
  .heading-classroom-top h1 {
    position: absolute;
    color: #fff;
    line-height: 27px;
    line-height: 1.929rem;
    font-size: 22px;
    font-size: 1.571rem;
    margin-right: 29px;
    margin-right: 2.071rem;
    left: 45.66667%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.no-csstransitions .heading-classroom-top h1 {
  margin-top: -1em; }

.visual-small {
  width: 100%; }

.visual-large {
  display: none; }

.classroom-text {
  position: absolute;
  color: #ca241f;
  line-height: 26px;
  line-height: 1.857rem;
  font-weight: bold;
  margin-top: 13px;
  margin-top: .9286rem; }

.heading-classroom {
  line-height: 28px;
  line-height: 2rem;
  font-size: 20px;
  font-size: 1.429rem;
  padding-bottom: 3px;
  padding-bottom: .2143rem;
  border-bottom: 3px solid #ca2420;
  margin-bottom: 18px;
  margin-bottom: 1.286rem; }
  .heading-classroom span {
    display: block;
    color: #868686;
    line-height: 12px;
    line-height: .8571rem;
    font-weight: normal;
    font-size: 10px;
    font-size: .7143rem;
    padding-top: 11px;
    padding-top: .7857rem;
    margin-bottom: 1px;
    margin-bottom: .07143rem; }

.classroom-box-top {
  border-bottom: 1px solid #ddd;
  margin-bottom: 23px;
  margin-bottom: 1.643rem; }

.classroom-heading-top {
  display: inline-block;
  color: #ca241f;
  line-height: 21px;
  line-height: 1.5rem;
  font-size: 17px;
  font-size: 1.214rem;
  padding: 0 3px 2px;
  padding: 0 .2143rem .1429rem;
  margin-bottom: 12px;
  margin-bottom: .8571rem;
  box-shadow: inset 0 -.7857rem 0 #e6e6e6; }

.content .classroom-list {
  line-height: 22px;
  line-height: 1.571rem; }

.blank:after {
  display: inline-block;
  background: url(../images/classroom/ico-blank.png) no-repeat;
  background-size: 18px;
  background-size: 1.286rem;
  vertical-align: middle;
  width: 18px;
  width: 1.286rem;
  height: 15px;
  height: 1.071rem;
  margin-left: 4px;
  margin-left: .2857rem;
  content: ""; }

.content .program-banner {
  text-align: center;
  margin-bottom: 0; }
  .content .program-banner img {
    display: inline;
    margin-bottom: 0; }

.no-touch .content .program-banner a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .no-touch .content .program-banner a:hover {
    opacity: .8; }

.warning-box__text {
  font-weight: bold;
  margin-bottom: 4px;
  margin-bottom: .2857rem; }

.warning-box__text--experience {
  color: #ca2420; }

.warning-box__text--qa {
  margin-bottom: 1rem !important; }
  .warning-box__text--qa strong {
    color: #de1400; }
  
.flow-head {
  font-size: 12px;
  font-size: .8571rem;
  border: 2px solid #737373;
  border-radius: .1429rem;
  margin: 10px 0;
  margin: .7143rem 0; }
  .flow-head dt {
    display: table-cell;
    color: #fff;
    background-color: #737373;
    font-weight: bold;
    vertical-align: middle;
    padding: 9px 10px;
    padding: .6429rem .7143rem;
    width: 73px;
    width: 5.214rem; }
  .flow-head dd {
    display: table-cell;
    vertical-align: middle;
    padding: 9px 8px;
    padding: .6429rem .5714rem; }

.flow-body {
  display: table-cell;
  background: url(../images/classroom/ico-flow.gif) no-repeat 11px;
  background: url(../images/classroom/ico-flow.gif) no-repeat .7857rem;
  background-size: 2.071rem;
  font-size: 12px;
  font-size: .8571rem;
  vertical-align: middle;
  padding-left: 59px;
  padding-left: 4.214rem;
  height: 36px;
  height: 2.571rem; }

.apply {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.143rem;
  text-align: center;
  margin: 20px 0;
  margin: 1.429rem 0; }
  .apply a {
    position: relative;
    display: inline-block;
    color: #000;
    background-color: #fcc437;
    text-decoration: none;
    padding: 10px 0 11px 0;
    padding: .7143rem 0 .7857rem 0;
    width: 250px;
    width: 17.86rem;
    border-radius: .1429rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .apply a:before, .apply a:after {
      position: absolute;
      background-repeat: no-repeat;
      top: 50%;
      content: ""; }
    .apply a:before {
      background-image: url(../images/classroom/ico-mail.png);
      background-size: 1.929rem;
      width: 27px;
      width: 1.929rem;
      height: 18px;
      height: 1.286rem;
      margin-top: -9px;
      margin-top: -.6429rem;
      left: 14px;
      left: 1rem; }
    .apply a:after {
      background-image: url(../images/classroom/ico-apply.png);
      background-size: .6429rem;
      width: 9px;
      width: .6429rem;
      height: 15px;
      height: 1.071rem;
      margin-top: -7px;
      margin-top: -.5rem;
      right: 14px;
      right: 1rem; }
    .apply a:hover {
      background-color: #fdd369; }
  .apply span {
    display: block;
    font-weight: normal;
    font-size: 10px;
    font-size: .7143rem; }

.box-page {
  background-color: #fff;
  font-size: 12px;
  font-size: .8571rem;
  padding: 9px 9px 7px;
  padding: .6429rem .6429rem .5rem;
  margin-bottom: 16px;
  margin-bottom: 1.143rem; }
  .box-page p {
    line-height: 14px;
    line-height: 1rem;
    font-weight: bold;
    padding-bottom: 3px;
    padding-bottom: .2143rem;
    border-bottom: 1px solid #000;
    margin-bottom: 7px;
    margin-bottom: .5rem; }
  .box-page dl {
    line-height: 17px;
    line-height: 1.214rem;
    margin-bottom: 0; }
    .box-page dl:after {
      clear: both;
      display: block;
      content: ""; }
  .box-page dt {
    clear: both;
    float: left;
    width: 120px;
    width: 8.571rem; }
  .box-page dd {
    float: left; }

.table-layout {
  line-height: 17px;
  line-height: 1.214rem;
  font-size: 12px;
  font-size: .8571rem;
  width: 100%;
  border: 1px solid #ddd;
  border-bottom: 0;
  margin-bottom: 14px;
  margin-bottom: 1rem; }
  .table-layout th, .table-layout td {
    display: block;
    padding: 5px 9px;
    padding: .3571rem .6429rem;
    border-bottom: 1px solid #ddd; }
  .table-layout th {
    background-color: #eebfb8;
    text-align: left; }
  .table-layout ul {
    margin-bottom: 0; }

.pioneer-heading-top {
  margin-top: 7px;
  margin-top: .5rem; }
  .pioneer-heading-top h1 {
    margin-bottom: 8px;
    margin-bottom: .5714rem; }
  .pioneer-heading-top img {
    width: 100%; }
  .pioneer-heading-top p {
    line-height: 26px;
    line-height: 1.857rem;
    margin-bottom: 23px;
    margin-bottom: 1.643rem; }

.pioneer-items {
  padding-bottom: 11px;
  padding-bottom: .7857rem; }

.pioneer-item {
  line-height: 22px;
  line-height: 1.571rem;
  margin-bottom: 10px;
  margin-bottom: .7143rem; }
  .pioneer-item a {
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: 72px;
    height: 5.143rem;
    border: 2px solid #d0ad95;
    border-radius: .1429rem; }
    .pioneer-item a:hover .pioneer-item__text {
      background-color: #ede2cc; }
  .pioneer-item p {
    font-weight: bold;
    margin-bottom: 0; }
  .pioneer-item h3 {
    font-weight: normal;
    font-size: 14px;
    font-size: 1rem;
    margin-bottom: 0; }

.pioneer-item__image {
  display: table-cell;
  background-color: #ede2cc;
  text-align: center;
  vertical-align: middle;
  width: 58px;
  width: 4.143rem; }

.pioneer-item__text {
  display: table-cell;
  background-color: #fff9e6;
  vertical-align: middle;
  padding: 0 15px;
  padding: 0 1.071rem;
  -webkit-transition: background-color .2s;
  transition: background-color .2s; }

.pioneer-box {
  position: relative;
  background-color: #d8e1ce;
  padding: 13px 15px 32px;
  padding: .9286rem 1.071rem 2.286rem;
  margin-bottom: 15px;
  margin-bottom: 1.071rem;
  border-top: 3px solid #e8ebd8; }

.pioneer-heading {
  background: url(../images/pioneer/bg-pioneer-heading.gif) no-repeat bottom;
  background-size: 100% .2857rem;
  line-height: 1;
  font-size: 16px;
  font-size: 1.143rem;
  padding-bottom: 8px;
  padding-bottom: .5714rem;
  margin-bottom: 19px;
  margin-bottom: 1.357rem; }

.pioneer-box-category {
  position: relative;
  background-color: #f7f7f7;
  padding: 22px 15px 12px;
  padding: 1.571rem 1.071rem .8571rem;
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  box-shadow: .1429rem .1429rem 0 rgba(0, 0, 0, 0.1); }
  .pioneer-box-category:before, .pioneer-box-category:after {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 11px;
    background-size: .7857rem;
    width: 11px;
    width: .7857rem;
    height: 11px;
    height: .7857rem;
    top: 6px;
    top: .4286rem;
    content: ""; }
  .pioneer-box-category:before {
    background-image: url(../images/pioneer/bg-box-category1.jpg);
    left: 6px;
    left: .4286rem; }
  .pioneer-box-category:after {
    background-image: url(../images/pioneer/bg-box-category2.jpg);
    right: 5px;
    right: .3571rem; }

.pioneer-box-category__image {
  font-size: 0;
  text-align: center;
  margin-bottom: 15px;
  margin-bottom: 1.071rem; }
  .pioneer-box-category__image div {
    display: inline-block;
    vertical-align: top;
    width: 45%; }
  .pioneer-box-category__image p {
    line-height: 14px;
    line-height: 1rem;
    font-size: 12px;
    font-size: .8571rem;
    margin-bottom: 0; }

.pioneer-heading-category {
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 2px;
  margin-bottom: .1429rem; }
  .pioneer-heading-category + p {
    margin-bottom: 0; }

.pioneer-box__foot {
  position: absolute;
  width: 104%;
  left: -2%;
  bottom: 0; }

.pioneer-heading--detail {
  position: relative;
  padding-left: 39px;
  padding-left: 2.786rem; }
  .pioneer-heading--detail:after {
    position: absolute;
    background: url(../images/pioneer/bg-pioneer-heading-detail.png) no-repeat;
    background-size: 24px;
    background-size: 1.714rem;
    width: 24px;
    width: 1.714rem;
    height: 48px;
    height: 3.429rem;
    left: 6px;
    left: .4286rem;
    bottom: 4px;
    bottom: .2857rem;
    content: ""; }

.pioneer-heading-detail {
  color: #663300;
  margin-bottom: 7px;
  margin-bottom: .5rem; }

.pioneer-magazine {
  text-align: right; }

.pager--pioneer {
  margin-bottom: 17px;
  margin-bottom: 1.214rem; }

.gsc-result .gs-title {
  height: auto !important;
  margin-bottom: 10px; }

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  font-size: 1rem !important; }

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-size: inherit !important; }

.gsc-tabHeader {
  line-height: 42px; }

.gsc-tabHeader.gsc-tabhActive {
  border-top-color: #663300 !important; }

.gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  background-color: transparent !important;
  border: 0 !important; }

.gsc-results .gsc-cursor-box {
  font-weight: bold;
  font-size: 0;
  text-align: center; }
  .gsc-results .gsc-cursor-box div div {
    display: inline-block !important;
    background-color: transparent !important;
    line-height: 30px;
    line-height: 2.143rem;
    font-size: 14px;
    font-size: 1rem;
    width: 30px;
    width: 2.143rem;
    margin: 0 5px 5px 0 !important;
    margin: 0 .3571rem .3571rem !important;
    border-radius: .1429rem; }

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #fff !important;
  background-color: #2870d0 !important; }

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  -webkit-transition: color .2s, background-color .2s;
  transition: color .2s, background-color .2s; }
  .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: #fff !important;
    background-color: #2870d0 !important; }

.visual-title {
  margin: 0 -2.33333% 15px 0;
  margin: 0 -2.33333% 1.071rem 0; }

.visual-description {
  color: #fff;
  background-color: #41a7e4;
  line-height: 31px;
  line-height: 2.214rem;
  font-weight: bold;
  font-size: 12px;
  font-size: .8571rem;
  text-align: center;
  border-radius: 1.071rem; }

.visual-bookmark {
  display: none; }

.bookmark-intro {
  line-height: 1.85; }
  .bookmark-intro li {
    position: relative;
    padding-left: 22px;
    padding-left: 1.571rem; }
    .bookmark-intro li:before {
      position: absolute;
      background: url(../images/bookmark/ico-check.gif) no-repeat;
      background-size: auto .8571rem;
      width: 13px;
      width: .9286rem;
      height: 12px;
      height: .8571rem;
      left: 0;
      top: 7px;
      top: .5rem;
      content: ""; }

.small-heading--bookmark {
  color: #663300;
  background-color: #fcc437; }

.bookmark-box section {
  margin-bottom: 40px;
  margin-bottom: 2.857rem; }
.bookmark-box img {
  display: block;
  margin: 0 auto 10px;
  margin: 0 auto .7143rem; }
.bookmark-box h3 {
  margin-bottom: 5px;
  margin-bottom: .3571rem; }

.bookmark-box__label {
  display: inline-block;
  color: #fff;
  background-color: #af6e2d;
  font-weight: bold;
  font-size: 12px;
  font-size: .8571rem;
  padding: 0 7px;
  padding: 0 .5rem;
  margin-bottom: 10px;
  margin-bottom: .7143rem; }

.bookmark-screen .bx-wrapper {
  margin-bottom: 40px;
  margin-bottom: 2.857rem; }
  .bookmark-screen .bx-wrapper img {
    border: 0; }

.bookmark-screen .bx-wrapper .bx-caption {
  background-color: rgba(102, 102, 102, 0.8);
  bottom: 0; }

.bookmark-screen .bx-wrapper .bx-caption span {
  line-height: 1.5;
  font-size: 1rem; }

.bookmark-screen p {
  margin-bottom: 80px;
  margin-bottom: 5.714rem; }

.bookmark-outro {
  position: relative;
  color: #663300;
  background-color: #fff8dd;
  font-weight: bold;
  font-size: 16px;
  padding: 11px 97px 11px 15px;
  padding: .7857rem 6.929rem .7857rem 1.071rem;
  border-radius: .2143rem; }
  .bookmark-outro:after {
    position: absolute;
    background: url(../images/bookmark/bg-outro.png) no-repeat;
    background-size: 83px;
    background-size: 5.929rem;
    width: 83px;
    width: 5.929rem;
    height: 89px;
    height: 6.357rem;
    right: 4px;
    right: .2857rem;
    bottom: 0;
    content: ""; }

.heading-other {
  color: #663300;
  line-height: 28px;
  line-height: 2rem;
  font-size: 20px;
  font-size: 1.429rem;
  padding-bottom: 3px;
  padding-bottom: .2143rem;
  border-bottom: 3px solid #e2e2e2;
  margin: 6px 0 18px;
  margin: .4286rem 0 1.286rem; }

.box-about {
  font-size: 0;
  padding-bottom: 24px;
  padding-bottom: 1.714rem; }
  .box-about img {
    width: 75px;
    border-radius: 50%; }
  .box-about dl {
    margin-bottom: 0; }
  .box-about dt, .box-about dd {
    display: inline;
    font-size: 14px;
    font-size: 1rem; }
  .box-about dt:after {
    content: ": "; }

.content .about-text {
  font-weight: bold;
  margin-bottom: 0; }
  .content .about-text.about-text--contact {
    font-weight: normal; }

.content .about-list {
  padding-left: 0; }
  .content .about-list li {
    text-indent: 0; }

.sitemap-list {
  line-height: 2.2;
  padding-bottom: 12px;
  padding-bottom: 1.571rem; }
  .sitemap-list > li {
    background: url(../images/sitemap/ico-large.gif) no-repeat 0 8px;
    background: url(../images/sitemap/ico-large.gif) no-repeat 0 .5714rem;
    background-size: 1.071rem;
    font-weight: bold;
    padding-left: 25px;
    padding-left: 1.786rem; }
  .sitemap-list li li {
    background: url(../images/sitemap/ico-small.gif) no-repeat 0 11px;
    background: url(../images/sitemap/ico-small.gif) no-repeat 0 .7857rem;
    background-size: .4286rem;
    font-weight: normal;
    padding-left: 16px;
    padding-left: 1.143rem; }

.sitemap-list__open {
  color: #2670d0;
  background: none !important;
  padding-left: 0 !important;
  padding-right: 22px; }
  .sitemap-list__open ul {
    padding-left: 25px;
    padding-left: 1.786rem; }

.sitemap-list--now {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 12px;
  margin-bottom: 1.571rem; }

.main-not-found {
  margin-top: 9px;
  margin-top: .6429rem; }

.heading-not-found {
  color: #663300;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  text-align: center; }

.arrow--not-found {
  text-align: center; }

/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 15px;
  margin: 0 auto 1.071rem;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.bx-wrapper img {
  display: block;
  padding: 4px;
  padding: .2857rem;
  width: 240px;
  width: 17.14rem;
  max-width: 100%;
  border: 1px solid #ddd;
  margin: 0 auto; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -60px;
  bottom: -4.286rem;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #2670d0; }

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  display: block;
  background: url(../images/sl/ico-prev.png) no-repeat center;
  background-size: auto 1.071rem;
  padding: 5px;
  padding: .3571rem;
  left: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
  opacity: .8; }

.bx-wrapper .bx-next {
  background: url(../images/sl/ico-next.png) no-repeat center;
  background-size: auto 1.071rem;
  padding: 5px;
  padding: .3571rem;
  right: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  opacity: .8; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  text-indent: -9999px;
  width: 9px;
  width: .6429rem;
  height: 15px;
  height: 1.071rem;
  margin-top: -12px;
  margin-top: -.8571rem;
  outline: 0;
  top: 50%;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  background-color: #666;
  width: 240px;
  width: 17.14rem;
  margin-left: -120px;
  margin-left: -8.571rem;
  left: 50%;
  bottom: 5px;
  bottom: .3571rem; }

.bx-wrapper .bx-caption span {
  display: block;
  color: #fff;
  line-height: 12px;
  line-height: .8571rem;
  font-size: 10px;
  font-size: .7143rem;
  padding: 3px 6px;
  padding: .2143rem .4286rem; }

.bx-pager {
  margin-bottom: 30px;
  margin-bottom: 2.143rem; }
  .bx-pager:after {
    clear: both;
    display: block;
    content: ""; }
  .bx-pager a {
    float: left;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .bx-pager a:hover {
      background-color: #ddd; }
  .bx-pager .active, .bx-pager .active:hover {
    background-color: #2870d0; }
  .bx-pager img {
    display: block;
    width: 100%; }

.bx-pager--video a {
  color: #000;
  line-height: 14px;
  line-height: 1rem;
  font-size: 10px;
  font-size: .7143rem;
  text-decoration: none;
  padding: 1px 0;
  padding: .07143rem 0;
  width: 30%; }
  .bx-pager--video a:nth-child(2n) {
    margin: 0 5%; }

.bx-pager--gallery {
  padding: 0 19px;
  padding: 0 1.357rem; }
  .bx-pager--gallery a {
    padding: 2px;
    padding: .1429rem;
    width: 30px;
    width: 2.143rem;
    margin: 0 5px 3px 0;
    margin: 0 .3571rem .2143rem 0; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background-color: #fff;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(../images/fancybox/fancybox_sprite.png); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background-color: rgba(51, 51, 51, 0.5); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/

.no-backgroundsize .arrow:before {
  background: url(../images/ie/ico-arrow.png) 0;
  width: 15px;
  height: 15px; }
.no-backgroundsize .logo__image a {
  background-image: url(../images/common/logo-pc.png);
  width: 233px;
  height: 67px; }
.no-backgroundsize .logo__action__search a {
  width: 36px;
  height: 36px; }
.no-backgroundsize .search__keyword:before {
  background: url(../images/ie/ico-tag.png) 0;
  width: 25px;
  height: 25px; }
.no-backgroundsize .close a:before {
  background: url(../images/ico/close-menu.png) 0;
  width: 34px;
  height: 34px; }
.no-backgroundsize .dropdown__tab--home span {
  background: url(../images/ie/ico-home.png) 0;
  width: 23px;
  height: 22px; }
.no-backgroundsize .dropdown__tab--home.active, .no-backgroundsize .dropdown__tab--home:hover {
  border-top: 4px solid #663300; }
  .no-backgroundsize .dropdown__tab--home.active a, .no-backgroundsize .dropdown__tab--home:hover a {
    padding-top: 11px; }
.no-backgroundsize .dropdown__tab--basic.active, .no-backgroundsize .dropdown__tab--basic:hover {
  border-top: 4px solid #f86c51; }
.no-backgroundsize .dropdown__tab--now.active, .no-backgroundsize .dropdown__tab--now:hover {
  border-top: 4px solid #6eb2e5; }
.no-backgroundsize .dropdown__tab--experience.active, .no-backgroundsize .dropdown__tab--experience:hover {
  border-top: 4px solid #1da58c; }
.no-backgroundsize .dropdown__tab--basic.active > a, .no-backgroundsize .dropdown__tab--basic:hover > a, .no-backgroundsize .dropdown__tab--now.active > a, .no-backgroundsize .dropdown__tab--now:hover > a, .no-backgroundsize .dropdown__tab--experience.active > a, .no-backgroundsize .dropdown__tab--experience:hover > a {
  padding-top: 14px; }
.no-backgroundsize .dropdown__panel__item--money div {
  background-image: url(../images/ie/bg-money.png); }
.no-backgroundsize .dropdown__panel__item--history div {
  background-image: url(../images/ie/bg-history.png); }
.no-backgroundsize .dropdown__panel__item--economy div {
  background-image: url(../images/ie/bg-economy.png); }
.no-backgroundsize .dropdown__panel__item--investment div {
  background-image: url(../images/ie/bg-investment.png); }
.no-backgroundsize .dropdown__panel__item--stock div {
  background-image: url(../images/ie/bg-stock.png); }
.no-backgroundsize .dropdown__panel__item--market div {
  background-image: url(../images/ie/bg-market.png); }
.no-backgroundsize .dropdown__panel__item--column div {
  background-image: url(../images/ie/bg-column.png); }
.no-backgroundsize .dropdown__panel__item--index div {
  background-image: url(../images/ie/bg-index.png); }
.no-backgroundsize .dropdown__panel__item--faq div {
  background-image: url(../images/ie/bg-faq.png); }
.no-backgroundsize .dropdown__panel__item--league div {
  background-image: url(../images/ie/bg-league.jpg); }
.no-backgroundsize .dropdown__panel__item--training div {
  background-image: url(../images/ie/bg-training.gif); }
.no-backgroundsize .tag dt:after {
  display: none; }
.no-backgroundsize .pager__prev span, .no-backgroundsize .pager__next span {
  width: 20px;
  height: 32px; }
.no-backgroundsize .share p a:before {
  background: url(../images/ie/ico-bookmark.png) 0;
  width: 22px;
  height: 26px; }
.no-backgroundsize .experience img {
  max-width: none; }
.no-backgroundsize .experience__inner > p:before {
  width: 214px;
  height: 62px; }
.no-backgroundsize .visual--money:before {
  background-image: url(../images/ie/bg-money.png); }
.no-backgroundsize .visual--hayawakari:before {
  background-image: url(../images/ie/bg-economy.png); }
.no-backgroundsize .visual--market:before {
  background-image: url(../images/ie/bg-market.png); }
.no-backgroundsize .visual--somosomo:before {
  background-image: url(../images/ie/bg-column.png); }
.no-backgroundsize .visual--qa:before {
  background-image: url(../images/ie/bg-faq.png); }
.no-backgroundsize .next a:after {
  width: 18px;
  height: 29px;
  margin-top: 6px; }
.no-backgroundsize .global-nav--home .dropdown__tab--basic:hover, .no-backgroundsize .global-nav--home .dropdown__tab--now:hover, .no-backgroundsize .global-nav--home .dropdown__tab--experience:hover {
  border-top: 0; }
  .no-backgroundsize .global-nav--home .dropdown__tab--basic:hover > a, .no-backgroundsize .global-nav--home .dropdown__tab--now:hover > a, .no-backgroundsize .global-nav--home .dropdown__tab--experience:hover > a {
    padding-top: 0; }
.no-backgroundsize .home-keyword dt:before {
  background-image: url(../images/ie/ico-tag.png); }
.no-backgroundsize .home-contents dt:before {
  background-image: url(../images/ie/ico-tag.png); }
.no-backgroundsize .home-banner {
  float: none; }
.no-backgroundsize .home-list {
  margin-top: -140px; }
.no-backgroundsize .money-question:before {
  background-image: url(../images/ie/ico-question.gif);
  width: 40px;
  height: 40px; }
.no-backgroundsize .money-answer a:before {
  width: 40px;
  height: 40px; }
.no-backgroundsize .money-answer--one a:before {
  background-image: url(../images/ie/ico-one.png); }
.no-backgroundsize .money-answer--two a:before {
  background-image: url(../images/ie/ico-two.png); }
.no-backgroundsize .money-answer--three a:before {
  background-image: url(../images/ie/ico-three.png); }
.no-backgroundsize .arrow-list a:before {
  background: url(../images/ie/ico-arrow-list.png);
  width: 6px;
  height: 9px; }
.no-backgroundsize .box.trivia:after {
  background-image: url(../images/ie/bg-trivia.png);
  width: 164px;
  height: 128px; }
.no-backgroundsize .content .blank-list a:before {
  background-image: url(../images/ie/ico-blank.png);
  width: 15px;
  height: 15px; }
.no-backgroundsize .content .market-bigmac {
  background-image: url(../images/ie/bg-bigmac.gif); }
.no-backgroundsize .content .market-gdp {
  background-image: url(../images/ie/bg-gdp.gif); }
.no-backgroundsize .content .market-building {
  background-image: url(../images/ie/bg-building.gif); }
.no-backgroundsize .more a:after {
  vertical-align: middle;
  width: 23px;
  height: 23px; }
.no-backgroundsize .prev:before {
  background: url(../images/ie/ico-prev.png) 0;
  width: 15px;
  height: 15px; }
.no-backgroundsize .blank:after {
  background-image: url(../images/ie/ico-blank2.png);
  width: 21px;
  height: 17px; }
.no-backgroundsize .apply a:after {
  width: 18px;
  height: 30px;
  margin-top: -15px; }
.no-backgroundsize .pdf:before {
  background-image: url(../images/ie/ico-pdf.png);
  width: 23px;
  height: 22px; }
.no-backgroundsize .pioneer-box-category:before, .no-backgroundsize .pioneer-box-category:after {
  height: 22px; }
.no-backgroundsize .pioneer-box-category:before {
  width: 22px; }
.no-backgroundsize .pioneer-box-category:after {
  width: 23px; }
.no-backgroundsize .sitemap-list > li {
  background: none; }
.no-backgroundsize .sitemap-list li li {
  background: none; }
.olympic-bnr {
  margin: 0 0 2.071rem; }
.olympic-bnr p {
  margin: 0 auto;
  width: 277px;
  height: 85px; }
.olympic-bnr p img {
  width:100%; }
@media screen and (min-width: 375px){
  html{
    font-size: 93.8%; } }
@media screen and (min-width: 414px){
  html{
    font-size: 100%; } }
@media screen and (min-width: 640px){
  html{
    font-size: 112.5%; }
  .logo__action__menu{
    display: none; }
  .global-nav{
    position: relative;
    display: block !important;
    text-align: center;
    border-top: 0;
    border-bottom: 1px solid #ddd; }
  .dropdown:after{
    clear: both;
    display: block;
    content: ""; }
  .dropdown__tab{
    float: left;
    width: 25%; }
  .dropdown__tab:before{
    display: block;
    background-color: #fff;
    height: 4px;
    content: "";
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s; }
  .dropdown__tab.selected:after{
    position: relative;
    display: block;
    background: url(../images/common/ico-dropdown.png) no-repeat;
    width: 20px;
    height: 11px;
    margin: -11px auto 0;
    top: 11px;
    z-index: 1;
    content: ""; }
  .dropdown__tab.selected .dropdown__panel{
    top: 57px;
    opacity: 1;
    visibility: visible; }
  .dropdown__tab > a{
    position: relative;
    display: block;
    background-color: #fff;
    z-index: 10; }
  .dropdown__tab > a:after{
    position: absolute;
    background-color: #ddd;
    width: 1px;
    height: 26px;
    margin-top: -13px;
    right: 0;
    top: 50%;
    content: ""; }
  .no-touch .dropdown__tab:hover .dropdown__panel{
    top: 57px;
    opacity: 1;
    visibility: visible; }
  .dropdown__tab--home{
    display: block;
    font-size: 0; }
  .dropdown__tab--home a{
    padding: 15px 0 16px; }
  .dropdown__tab--home span{
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -25px 0px;
    background-size: 74px 64px;
    width: 23px;
    height: 22px;
    content: ""; }
  .dropdown__tab--basic{
    margin-top: 0; }
  .dropdown__tab--now{
    margin-top: 0; }
  .dropdown__tab--experience{
    margin-top: 0; }
  .dropdown__tab--experience > a:after{
    display: none; }
  .home .dropdown__tab--home:before, .dropdown__tab--home.selected:before, .no-touch .dropdown__tab--home:hover:before{
    box-shadow: inset 0 4px 0 #663300; }
  .basic .dropdown__tab--basic:before, .dropdown__tab--basic.selected:before, .no-touch .dropdown__tab--basic:hover:before{
    box-shadow: inset 0 4px 0 #f86c51; }
  .now .dropdown__tab--now:before, .dropdown__tab--now.selected:before, .no-touch .dropdown__tab--now:hover:before{
    box-shadow: inset 0 4px 0 #6eb2e5; }
  .experience .dropdown__tab--experience:before, .dropdown__tab--experience.selected:before, .no-touch .dropdown__tab--experience:hover:before{
    box-shadow: inset 0 4px 0 #1da58c; }
  .no-touch .dropdown__tab--basic:hover:after, .no-touch .dropdown__tab--now:hover:after, .no-touch .dropdown__tab--experience:hover:after{
    position: relative;
    display: block;
    background: url(../images/common/ico-dropdown.png) no-repeat;
    width: 20px;
    height: 11px;
    margin: -11px auto 0;
    top: 11px;
    z-index: 1;
    content: ""; }
  .dropdown__tab--basic > a, .dropdown__tab--now > a, .dropdown__tab--experience > a{
    display: block;
    font-size: 16px;
    padding: 18px 0 19px;
    margin-left: 0;
    cursor: default; }
  .dropdown__tab--basic > a span, .dropdown__tab--now > a span, .dropdown__tab--experience > a span{
    font-size: 16px; }
  .dropdown__panel{
    position: absolute;
    box-sizing: border-box;
    background-image: url(../images/common/bg-nav.gif);
    font-size: 0;
    text-align: left;
    padding: 9px 3.125% 7px;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    left: 0;
    top: 50px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: top .4s, opacity .4s, visibility .4s;
    transition: top .4s, opacity .4s, visibility .4s; }
  .dropdown__panel__item, .dropdown__panel__wrap{
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    margin-bottom: 7px; }
  .dropdown__tab--experience .dropdown__panel{
    text-align: center; }
  .dropdown__tab--experience .dropdown__panel p{
    text-align: left; }
  .dropdown__panel__item--column{
    width: 40%; }
  .dropdown__panel__item--index{
    width: 30%; }
  .dropdown__panel__item--faq{
    width: 30%; }
  .dropdown__panel__item div{
    padding-right: 0; }
  .dropdown__panel__item div a{
    border-bottom: 0; }
  .dropdown__panel__item div a:after{
    display: none; }
  .dropdown__panel__item--accodrion div{
    border-bottom: 0;
    cursor: default; }
  .dropdown__panel__item--accodrion div:after{
    display: none; }
  .dropdown__panel__item--history, .dropdown__panel__item--economy{
    width: 100%; }
  .dropdown__panel span{
    line-height: 19px;
    font-size: 12px;
    padding: 0 9px;
    margin: 0 0 9px 61px; }
  .dropdown p{
    line-height: 20px;
    font-size: 17px;
    margin-left: 64px; }
  .dropdown__panel ul{
    display: block;
    line-height: 28px;
    font-size: 14px;
    padding-left: 7px;
    border-bottom: 0;
    margin-top: 2px; }
  .new:after{
    margin-bottom: -19px;
    margin-bottom: -1.357rem;
    right: 0;
    bottom: 50%; }
  .global-nav .close{
    display: none; }
  .directory-nav{
    margin-bottom: 15px; }
  .heading{
    margin-bottom: 15px; }
  .heading__number{
    font-size: 68px; }
  .heading div{
    padding-top: 9px; }
  .heading__text{
    font-size: 15px;
    margin-bottom: 7px; }
  .heading__title{
    line-height: 30px;
    font-size: 25px; }
  .heading--pioneer{
    margin-bottom: 1.429rem; }
  .half-image{
    width: auto;
    height: auto; }
  .home-keyword img{
    display: block;
    width: 600px;
    margin: 0 auto; }
  .home-contents dd{
    padding: 23px 28px 0 23px;
    border-radius: 5px; }
  .home-contents dd img{
    float: left;
    margin:0 15px 23px 0;}
  .tabs{
    height: 181px; }
  .global-nav--home{
    padding-top: 20px;
    border-bottom: 0; }
  .global-nav--home .dropdown__tab{
    float: none;
    width: 100%; }
  .global-nav--home .dropdown__tab:hover:before{
    box-shadow: none; }
  .global-nav--home .dropdown__tab:hover:after{
    display: none; }
  .global-nav--home .dropdown__tab > a:after{
    display: none; }
  .global-nav--home .dropdown__tab--basic > a, .global-nav--home .dropdown__tab--now > a, .global-nav--home .dropdown__tab--experience > a{
    line-height: 1;
    font-size: 28px;
    padding: 0;
    margin: 0; }
  .global-nav--home .dropdown__tab--basic > a span, .global-nav--home .dropdown__tab--now > a span, .global-nav--home .dropdown__tab--experience > a span{
    font-size: 44px; }
  .global-nav--home .dropdown__panel{
    position: static;
    background: #fff;
    border: 0;
    opacity: 1;
    visibility: visible; }
  .global-nav--home .dropdown__panel__item{
    position: relative;
    box-sizing: border-box;
    width: 32%; }
  .global-nav--home .dropdown__panel__item div{
    text-align: center;
    padding-top: 25px;
    min-height: 87px;
    border: 3px solid #e2e2e2;
    overflow: hidden;
    border-radius: 3px; }
  .global-nav--home .dropdown__panel__item div a{
    padding-top: 25px;
    min-height: 87px;
    margin-top: -25px; }
  .global-nav--home .dropdown__panel__item--accodrion div{
    cursor: pointer; }
  .global-nav--home .dropdown__panel__item--accodrion div.opened + ul:after{
    position: absolute;
    display: block;
    background: url(../images/common/ico-dropdown.png) no-repeat;
    width: 20px;
    height: 11px;
    margin-left: -10px;
    left: 50%;
    top: -1px;
    content: ""; }
  .global-nav--home .dropdown__panel__wrap{
    display: inline; }
  .global-nav--home .dropdown__panel__item--history, .global-nav--home .dropdown__panel__item--stock, .global-nav--home .dropdown__panel__item--index{
    margin: 0 2%; }
  .global-nav--home .dropdown__panel__item--league, .global-nav--home .dropdown__panel__item--training{
    width: 49%; }
  .global-nav--home .dropdown__panel__item--league div, .global-nav--home .dropdown__panel__item--training div{
    width: 100%;
    min-height: 109px; }
  .global-nav--home .dropdown__panel__item--league div a, .global-nav--home .dropdown__panel__item--training div a{
    min-height: 109px; }
  .global-nav--home .dropdown__panel__item--league{
    margin-right: 2%; }
  .global-nav--home .dropdown__panel span, .global-nav--home .dropdown__panel p{
    margin-right: 10px; }
  .global-nav--home .dropdown__panel ul{
    display: none;
    position: absolute;
    box-sizing: border-box;
    background-image: url(../images/common/bg-nav.gif);
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%;
    border: 3px solid #e2e2e2;
    border-top: 0;
    top: 130px;
    z-index: 100;
    border-radius: 0 0 3px 3px; }
  .global-nav--home .dropdown__panel__item--league p, .global-nav--home .dropdown__panel__item--training p{
    text-align: center;
    margin-left: 26.875%;
    margin-left: 100px; }
  .no-touch .global-nav--home .dropdown__panel__item--accodrion div{
    cursor: default; }
  .no-touch .global-nav--home .dropdown__panel__item--accodrion:hover ul{
    opacity: 1;
    visibility: visible; }
  .no-touch .global-nav--home .dropdown__panel__item--accodrion:hover ul:after{
    position: absolute;
    display: block;
    background: url(../images/common/ico-dropdown.png) no-repeat;
    width: 20px;
    height: 11px;
    margin-left: -10px;
    left: 50%;
    top: -1px;
    content: ""; }
  .no-touch .global-nav--home .dropdown__panel ul{
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s; }
  .home-banner img{
    width: 100%; }
  .home-list{
    text-align: center; }
  .home-list li{
    display: inline;
    margin: 0 10px; }
  .search__keyword ul li.img-keyword{
    width: 150px;
    float: left;
    margin: 0 2% 13px 0; }
  .money-box{
    padding-top: 54px;
    padding-bottom: 168px; }
  .money-box--question{
    padding-bottom: 196px; }
  .visual-image__small{
    display: none; }
  .visual-image__large{
    display: block;
    width: 100%; }
  .zatsugaku-heading-detail{
    background-size: auto 106px;
    height: 106px;
    margin-bottom: 30px; }
  .zatsugaku-heading-detail h1{
    font-size: 28px;
    margin-left: 160px; }
  .zatsugaku-box__foot img{
    width: 100%; }
  .image-box{
    width: 200px; }
  .image-box--center{
    text-align: center;
    width: auto; }
  .image-box--layout{
    width: 83.33333%; }
  .currency-item section{
    float: left;
    width: 32%;
    margin-right: 2%; }
  .currency-item section:nth-of-type(odd){
    margin-right: 2%; }
  .currency-item section:nth-of-type(3n){
    margin-right: 0; }
  .currency-item section:nth-of-type(3n+1){
    clear: both; }
  .currency-box{
    width: 600px;
    margin-right: auto;
    margin-left: auto; }
  .image-list li{
    width: 30%; }
  .image-list li:nth-child(odd){
    margin-right: 0; }
  .image-list li:nth-child(3n+2){
    margin: 0 5%; }
  .author span{
    display: inline; }
  .sl-heading-top img{
    width: 100%; }
  .school-list:after{
    clear: both;
    display: block;
    content: ""; }
  .school-list ul{
    float: left;
    width: 50%; }
  .heading-classroom-top h1{
    line-height: 1;
    text-align: center;
    width: 100%;
    margin-top: -.5em;
    left: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .no-csstransitions .heading-classroom-top h1{
    margin-top: -.5em; }
  .visual-small{
    display: none; }
  .visual-large{
    display: block;
    width: 100%; }
  .pioneer-items:after{
    clear: both;
    display: block;
    content: ""; }
  .pioneer-item{
    float: left;
    width: 49%; }
  .pioneer-item:nth-of-type(odd){
    margin-right: 2%; }
  .pioneer-box__foot img{
    width: 100%; }
  .visual-title img{
    width: 100%; }
  .bookmark-outro{
    text-align: center;
    padding-right: 0;
    padding-left: 0; }
  .box-about img{
    width: auto; }
  .bxslider--bookmark{
    margin-bottom: 10px; }
  .bxslider--bookmark:after{
    clear: both;
    display: block;
    content: ""; }
  .bxslider--bookmark li{
    float: left;
    width: 23%; }
  .bxslider--bookmark li + li{
    margin-left: 2%; }
  .bookmark-screen__list{
    display: block; } }
@media screen and (min-width: 1000px){
  html{
    font-size: 93.8%; }
  .no-touch.scroll .news{
    position: fixed;
    top: 20px; }
  .no-touch.scrolled .news{
    position: absolute;
    top: auto;
    bottom: 0;
    -webkit-transition: none;
    transition: none; }
  .global-header{
    background-color: #e9f4f8;
    padding: 16px 0 20px; }
  .global-header__inner{
    position: relative;
    width: 980px;
    margin: 0 auto; }
  .global-header__inner:after{
    clear: both;
    display: block;
    content: ""; }
  .logo{
    float: left;
    padding: 0;
    margin-left: 4px; }
  .logo__image{
    margin-bottom: 0; }
  .logo__image a{
    background-image: url(../images/common/logo-pc.png);
    background-size: auto;
    width: 233px;
    height: 67px; }
  .logo__author{
    position: absolute;
    right: 0;
    top: 7px; }
  .logo__author dt, .logo__author dd{
    font-size: 12px; }
  .logo__action{
    display: none; }
  .search{
    float: right;
    display: block !important;
    background-color: transparent;
    padding-top: 0;
    border-top: 0;
    margin-top: 30px; }
  .search p{
    display: none; }
  .search-form{
    margin: 0; }
  .search-form__input{
    width: 336px; }
  .search__keyword{
    position: absolute;
    margin: 0;
    right: 356px;
    top: 34px; }
  .search__keyword dt, .search__keyword dd{
    font-size: 14px; }
  .search__keyword dd{
    position: relative; }
  .search__keyword dd:hover > a{
    text-decoration: none; }
  .search__keyword dd > a{
    color: #2670d0;
    font-weight: normal;
    text-decoration: underline;
    padding-bottom: 20px;
    -webkit-tap-highlight-color: transparent; }
  .search__keyword ul{
    position: absolute;
    background-color: #fff;
    padding: 14px 32px 12px 13px;
    width: 360px;
    border: 3px solid #fcc437;
    margin: 0 0 0 -140px;
    left: 0;
    top: 30px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    -webkit-transition: top .4s, opacity .4s, visibility .4s;
    transition: top .4s, opacity .4s, visibility .4s; }
  .search__keyword ul.keyword-selected{
    top: 35px;
    opacity: 1;
    visibility: visible; }
  .search__keyword ul:after{
    position: absolute;
    background: url(../images/common/ico-keyword.png) no-repeat;
    width: 16px;
    height: 14px;
    margin-left: -8px;
    left: 52%;
    top: -14px;
    content: ""; }
  .search__keyword ul li.img-keyword{
    width: 30%;
    margin: 0 4% 0 0; }
  .search__keyword ul li.img-keyword img{
    width: 100%; }
  .no-touch .search__keyword dd:hover ul{
    top: 35px;
    opacity: 1;
    visibility: visible; }
  .no-csstransitions .search__keyword dd > a{
    padding-bottom: 24px; }
  .global-nav{
    background-color: #fff; }
  .dropdown{
    width: 980px;
    margin: 0 auto; }
  .dropdown__tab.selected .dropdown__panel{
    top: 61px; }
  .no-touch .dropdown__tab:hover .dropdown__panel{
    top: 61px; }
  .dropdown__tab--home a{
    padding: 16px 0 17px; }
  .dropdown__tab--home a:before{
    position: absolute;
    background-color: #ddd;
    width: 1px;
    height: 26px;
    margin-top: -13px;
    left: 0;
    top: 50%;
    content: ""; }
  .dropdown__tab--experience > a:after{
    display: block; }
  .dropdown__tab--basic > a, .dropdown__tab--now > a, .dropdown__tab--experience > a{
    font-size: 18px;
    padding: 19px 0 20px; }
  .dropdown__tab--basic > a span, .dropdown__tab--now > a span, .dropdown__tab--experience > a span{
    font-size: 18px; }
  .dropdown__panel{
    padding: 6px 0 11px; }
  .dropdown__tab--experience .dropdown__panel{
    padding: 33px 0 32px; }
  .dropdown__panel__inner{
    padding: 0 13px;
    width: 954px;
    margin: 0 auto; }
  .dropdown__panel__item, .dropdown__panel__wrap{
    margin-bottom: 2px; }
  .dropdown__panel__item div{
    padding: 23px 0; }
  .dropdown__panel__item--money div{
    background-position: 0;
    background-size: 63px; }
  .dropdown__panel__item--history div{
    background-position: 0;
    background-size: 77px; }
  .dropdown__panel__item--economy div{
    background-size: 33px; }
  .dropdown__panel__item--investment div{
    background-size: 57px; }
  .dropdown__panel__item--stock div{
    background-position: 0;
    background-size: 63px; }
  .dropdown__panel__item--market div{
    background-size: 61px; }
  .dropdown__panel__item--column div{
    background-position: 0;
    background-size: 63px; }
  .dropdown__panel__item--index div{
    background-size: 67px; }
  .dropdown__panel__item--faq div{
    background-size: 57px; }
  .dropdown__panel__item--league div{
    background-size: 65px; }
  .dropdown__panel__item--training div{
    background-size: 65px; }
  .dropdown__panel span{
    margin-left: 89px; }
  .dropdown p{
    margin-left: 89px; }
  .dropdown__panel ul{
    margin-top: -8px; }
  main{
    padding-top: 0; }
  .directory-nav{
    background-image: url(../images/common/bg-nav.gif);
    line-height: 42px;
    font-size: 14px;
    margin: 0 0 34px; }
  .directory-nav ol{
    width: 980px;
    margin: 0 auto; }
  .directory-nav li{
    margin-right: 5px; }
  .directory-nav li:before{
    margin-right: 5px; }
  .wrap{
    position: relative;
    width: 980px;
    margin: 0 auto 32px; }
  .wrap:after{
    clear: both;
    display: block;
    content: ""; }
  .wrap .primary{
    float: left;
    padding: 0;
    width: 690px;
    margin-right: 30px; }
  main > .primary{
    padding: 0;
    width: 800px;
    margin: 0 auto 32px; }
  .secondary{
    float: left;
    padding: 0;
    margin-top: 124px; }
  .news{
    position: relative;
    padding: 10px;
    width: 240px;
    top: 0;
    -webkit-transition: top .4s ease-out;
    transition: top .4s ease-out; }
  .news div{
    padding: 17px 10px 16px 9px; }
  .news p{
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 14px; }
  .share{
    position: relative;
    padding: 0;
    width: 690px;
    margin: 0 auto 40px;
    left: -145px; }
  .share p{
    float: left;
    font-size: 14px;
    margin-bottom: 0; }
  .share p a{
    width: 321px; }
  .share p a:before{
    margin-right: 12px; }
  .share ul{
    margin-top: 10px; }
  .share li + li{
    margin-left: 4px; }
  .primary + .share{
    width: 800px;
    left: 0; }
  .experience-box{
    padding: 20px 0 30px;
    margin-bottom: 19px; }
  .experience-box img{
    width: 100px; }
  .experience-box__inner{
    width: 980px;
    margin: 0 auto; }
  .experience-box__inner:after{
    clear: both;
    display: block;
    content: ""; }
  .primary + .share + .experience-box .experience-box__inner{
    width: 800px; }
  .experience-box__inner > p{
    font-size: 28px;
    margin: 0 0 21px -102px; }
  .experience-box__inner > p:before{
    background-size: 190px;
    width: 190px;
    height: 56px; }
  .experience-box__inner > p span{
    font-size: 44px; }
  .experience-box__item{
    float: left;
    margin-bottom: 0; }
  .experience-box__item + .experience-box__item{
    float: right; }
  .experience-box__item__image{
    margin-right: 15px; }
  .experience-box__item__heading{
    width: 360px; }
  .primary + .share + .experience-box .experience-box__item__heading{
    width: 280px; }
  .experience-box__item__heading__title{
    font-size: 20px;
    margin-bottom: 18px; }
  .experience-box__item__heading__description{
    line-height: 18px; }
  .global-footer{
    text-align: center;
    padding-bottom: 32px;
    width: 980px;
    border-bottom: 0;
    margin: 0 auto; }
  .global-footer__lists{
    float: right;
    font-size: 14px;
    margin-bottom: 0; }
  .global-footer__copy{
    float: left;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 0; }
  .global-footer__copy li{
    display: inline;
    margin-right: 25px; }
  .arrow{
    padding-left: 22px;
    margin-bottom: 8px; }
  .arrow a:before{
    margin-right: 0 7px 0 -22px; }
  .pdf:before{
    background-size: 23px;
    width: 23px;
    height: 20px;
    margin-right: 10px; }
  .word:before{
    background-size: 23px;
    width: 23px;
    height: 20px;
    margin-right: 10px; }
  .excel:before{
    background-size: 23px;
    width: 23px;
    height: 20px;
    margin-right: 10px; }
  .powerpoint:before{
    background-size: 23px;
    width: 23px;
    height: 20px;
    margin-right: 10px; }
	.visual{
    padding: 27px 13px 21px 181px;
    border-width: 5px;
    margin: 45px 0 30px;
    border-radius: 5px; }
  .visual div{
    height: 97px; }
  .visual:after{
    background-size: auto;
    width: 244px;
    height: 137px;
    right: 0;
    top: auto;
    bottom: 0; }
  .visual--money:before{
    background-size: auto;
    width: 106px;
    height: 105px;
    margin-top: -52px;
    left: 38px; }
  .visual--hayawakari:before{
    background-size: 66px;
    width: 66px;
    height: 126px;
    margin-top: -63px;
    left: 57px; }
  .visual--know:before{
    background-size: auto;
    width: 95px;
    height: 98px;
    margin-top: -49px;
    left: 39px; }
  .visual--stock:before{
    background-size: auto;
    width: 105px;
    height: 105px;
    margin-top: -52px;
    left: 39px; }
  .visual--market:before{
    background-size: 112px;
    width: 112px;
    height: 101px;
    margin-top: -50px;
    left: 32px; }
  .visual--somosomo:before{
    background-size: auto;
    width: 104px;
    height: 104px;
    margin-top: -52px;
    left: 39px; }
  .visual--economic:before{
    background-size: auto;
    width: 117px;
    height: 119px;
    margin-top: -59px;
    left: 31px; }
  .visual--qa:before{
    background-size: auto;
    width: 130px;
    height: 92px;
    margin-top: -46px;
    left: 26px; }
  .visual__text{
    line-height: 19px;
    font-size: 12px;
    padding: 0 10px;
    margin-bottom: 2px; }
  .visual__title{
    line-height: 48px;
    font-size: 40px;
    margin-bottom: 0; }
  .visual__description{
    line-height: 28px;
    font-size: 15px; }
  .icon-heading{
    line-height: 26px;
    font-size: 22px;
    padding: 0 0 7px 62px;
    margin-bottom: 18px; }
  .icon-heading:before{
    background-size: 42px;
    width: 42px;
    height: 54px;
    left: 10px;
    bottom: -18px; }
  .number-list{
    line-height: 33px;
    padding-left: 24px;
    margin-bottom: 46px; }
  .number-list li{
    padding-left: 73px; }
  .number-list li:before{
    font-size: 20px;
    margin: 0 21px 0 -73px; }
  .backnumber-heading{
    font-size: 18px;
    margin: 18px 0 10px 11px; }
  .article{
    padding: 0 11px 42px; }
  .article__item{
    font-size: 0;
    margin-bottom: 0; }
  .article__item p{
    display: inline;
    line-height: 33px;
    font-size: 15px;
    margin-right: 15px; }
  .article__item time{
    font-size: 15px; }
  .more{
    font-size: 14px;
    margin-top: 15px; }
  .more a{
    line-height: 34px;
    width: 224px; }
  .archive{
    padding-bottom: 35px; }
  .archive h2{
    margin-bottom: 20px; }
  .archive ul{
    margin-right: -15px; }
  .archive li{
    width: auto;
    margin: 0 15px 15px 0; }
  .archive li:nth-child(3n){
    margin-right: 15px; }
  .archive a{
    line-height: 34px;
    width: 94px;
    border-width: 3px;
    border-radius: 2px; }
  .archive--backnumber{
    padding: 50px 0 0;
    margin: 0; }
  .heading{
    padding-left: 9px;
    margin-bottom: 18px; }
  .heading__number{
    font-size: 96px; }
  .heading div{
    padding: 19px 0 0 16px; }
  .heading__text{
    font-size: 18px;
    margin-bottom: 9px; }
  .heading__title{
    line-height: 41px;
    font-size: 34px;
    margin-bottom: 10px; }
  .heading--now{
    margin-bottom: 25px; }
  .heading--zatsugaku, .heading--somosomo, .heading--economic{
    padding-left: 0; }
  .heading--zatsugaku div, .heading--somosomo div, .heading--economic div{
    padding-left: 0; }
  .heading--zatsugaku{
    margin-bottom: 50px; }
  .heading--pioneer{
    padding-left: 0;
    margin-bottom: 49px; }
  .heading--pioneer div{
    padding-left: 0; }
  .tag{
    margin: 0 -18px 26px 0; }
  .tag dt{
    line-height: 41px;
    font-size: 18px;
    padding: 0 26px;
    margin-right: 17px;
    border-radius: 20px; }
  .tag dt:after{
    background-size: auto;
    background-image: url(../images/sprite.png);
    background-position: -130px -28px;
    width: 16px;
    height: 24px;
    margin-top: -12px;
    right: -13px; }
  .tag li{
    line-height: 43px;
    font-size: 18px;
    padding: 0 27px 0 15px;
    margin: 0 18px 18px 0; }
  .tag li:after{
    width: 14px;
    height: 45px;
    right: -1px;
    top: -1px; }
  .small-heading{
    line-height: 33px;
    font-size: 18px;
    padding: 4px 12px;
    margin-bottom: 25px;
    border-radius: 3px; }
  .small-heading--archive{
    line-height: 26px;
    font-size: 22px;
    padding: 7px 12px;
    margin-bottom: 11px; }
  .small-heading--experience span{
    line-height: 27px;
    font-size: 15px;
    padding: 0 7px; }
  .under-heading{
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 10px; }
  .content p, .content ul, .content ol, .content dl{
    line-height: 28px;
    margin-bottom: 34px; }
  .content ol{
    padding-left: 4.5em; }
  .content li{
    margin-bottom: 0; }
  .content img{
    margin-bottom: 40px; }
  .text-large{
    font-size: 18px; }
  .float-left{
    margin: 0 31px 31px 0 !important; }
  .float-right{
    margin: 0 0 31px 31px !important; }
  .box{
    padding: 25px 32px;
    margin-bottom: 44px; }
  .box--sl{
    line-height: 29px; }
  .box--sl dt{
    display: inline-block;
    vertical-align: top;
    padding: 0 14px;
    margin-right: 20px; }
  .box--sl dd{
    display: inline-block;
    width: 450px;
    margin-bottom: 23px; }
  .box--sl strong{
    font-size: 18px; }
  .box--sl__heading{
    margin-bottom: 12px; }
  .box--sl__heading div{
    padding-right: 10px; }
  .box--sl__heading img{
    width: 45px; }
  .box--sl__heading h3{
    line-height: 29px;
    font-size: 24px; }
  .table{
    line-height: 18px;
    font-size: 15px;
    margin-bottom: 28px; }
  .table th, .table td{
    padding: 15px 18px; }
  .table--zatsugaku{
    margin-bottom: 45px; }
  .table--zatsugaku img{
    margin-right: 16px; }
  .table--economic-detail th{
    min-width: 200px; }
  .table--sl tbody th{
    min-width: 74px; }
  .more-heading{
    top: 15px; }
  .more-heading img{
    width: 300px; }
  .more-heading + div{
    line-height: 1.5;
    padding: 20px 20px 8px; }
  .more-heading + div li{
    margin-bottom: 11px; }
  .related{
    border-width: 3px;
    margin-bottom: 30px; }
  .related p{
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    width: 137px; }
  .related ul{
    display: table-cell;
    line-height: 1.5;
    vertical-align: middle;
    padding: 17px 20px 6px; }
  .related li{
    margin-bottom: 11px; }
  .related--experience{
    margin-bottom: 76px; }
  .warning-box{
    line-height: 28px;
    padding: 25px 34px 21px;
    margin-bottom: 31px; }
  .warning-box:after{
    clear: both;
    display: block;
    content: ""; }
  .pager li{
    line-height: 40px;
    font-size: 20px;
    width: 40px;
    margin: 0 5px;
    border-radius: 3px; }
  .pager__current{
    border-radius: 3px; }
  .pager__prev span, .pager__next span{
    background-size: 12px;
    width: 12px;
    height: 19px; }
  .next{
    float: right;
    position: relative;
    font-size: 20px;
    width: 180px;
    margin-top: 0;
    bottom: 40px; }
  .next a{
    line-height: 40px;
    width: 180px; }
  .next a:after{
    background-size: 12px;
    width: 12px;
    height: 19px;
    margin-top: 11px; }
  .home{
    background: url(../images/home/bg-home.jpg) no-repeat center 0; }
  .global-header--home{
    background-color: transparent;
    padding: 25px 0 35px; }
  .global-header--home .logo{
    background-color: transparent; }
  .global-header__inner--home{
    padding-left: 43px;
    width: 937px; }
  .logo__image--home a{
    background-image: url(../images/home/logo.png);
    width: 378px;
    height: 109px; }
  .logo__author--home{
    position: absolute;
    line-height: 1;
    font-size: 14px;
    right: -.5em;
    top: 21px; }
  .logo__author--home span{
    display: inline; }
  .search--home{
    margin-top: 54px; }
  main .primary--home{
    width: 980px; }
  .home-keyword{
    float: left;
    width: 475px;
    margin-bottom: 20px; }
  .home-keyword dt{
    line-height: 46px;
    font-size: 22px;
    margin-bottom: 14px; }
  .home-keyword dt:before{
    background-size: 37px;
    width: 37px;
    height: 37px; }
  .home-keyword dt:after{
    border-width: 9px;
    margin-left: -9px;
    bottom: -18px; }
  .home-keyword dd{
    padding: 15px 0 0;
    height: 169px;
    border-radius: 5px; }
  .home-keyword ul{
    font-size: 16px;
    padding: 0 20px; }
  .home-keyword__title{
    line-height: 34px;
    font-size: 24px;
    margin-bottom: 12px; }
  .home-keyword__text{
    line-height: 1;
    font-size: 12px;
    padding-left: 24px;
    margin-bottom: 13px; }
  .home-keyword__text:before{
    width: 19px; }
  .home-keyword__text:after{
    left: 112px; }
  .home-contents{
    float: left;
    width: 475px;
    margin-bottom: 20px; }
  .home-contents dt{
    line-height: 46px;
    font-size: 22px;
    margin-bottom: 14px; }
  .home-contents dt:before{
    background-size: 37px;
    width: 37px;
    height: 37px; }
  .home-contents dt:after{
    border-width: 9px;
    margin-left: -9px;
    bottom: -18px; }
  .home-contents dd{
    height: 161px; }
  .home-contents dd img{
    width:120px;}
  .home-contents__title{
    line-height: 29px;
    font-size: 18px;
    margin-bottom: 4px; }
  .home-contents__text{
    line-height: 22px;
    font-size: 14px; }
  .tabs{
    float: right;
    width: 475px;
    height: auto; }
  .tab > a{
    border-width: 2px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
  .tab > a.active:before{
    border-width: 9px;
    margin-left: -9px;
    bottom: -20px; }
  .tab--sl > a{
    padding: 11px 0 11px;
    width: 229px; }
  .tab--sl > a img{
    width: 188px; }
  .tab--classroom > a{
    padding: 11px 0 10px; }
  .tab--classroom > a img{
    width: 186px; }
  .panel{
    padding: 23px 28px 0 23px;
    width: 419px;
    height: 161px;
    top: 60px;
    border-radius: 5px; }
  .panel img{
    float: left;
    display: block;
    margin-right: 15px; }
  .panel__title{
    line-height: 29px;
    font-size: 18px;
    margin-bottom: 4px; }
  .panel__description{
    line-height: 29px;
    font-size: 18px; }
  .panel__text{
    line-height: 22px;
    font-size: 14px; }
  .update{
    clear: both;
    padding: 0;
    border: 1px solid #ddd;
    margin: 0 0 87px;
    overflow: hidden;
    border-radius: 20px; }
  .update h2{
    float: left;
    position: static;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    padding-left: 0;
    width: 130px;
    margin: 0 11px 0 0;
    left: 0;
    top: -9px; }
  .update article span{
    line-height: 19px;
    font-size: 12px;
    padding: 0 5px;
    border: 1px solid #76b6e6;
    margin-right: 11px; }
  .update time{
    line-height: 17px;
    font-size: 16px;
    margin-right: 17px; }
  .update h3{
    display: inline;
    line-height: 31px;
    font-size: 16px; }
  .ticker{
    padding-top: 1px;
    width: auto; }
  .global-nav--home{
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 14px; }
  .global-nav--home .dropdown__tab{
    margin-bottom: 30px; }
  .global-nav--home .dropdown__tab:before{
    display: none; }
  .global-nav--home .dropdown__tab > a{
    background-color: transparent; }
  .global-nav--home .dropdown__tab--basic > a, .global-nav--home .dropdown__tab--now > a, .global-nav--home .dropdown__tab--experience > a{
    margin-bottom: 10px; }
  .global-nav--home .dropdown__panel{
    padding: 0; }
  .global-nav--home .dropdown__panel__inner{
    padding: 0;
    width: 980px; }
  .global-nav--home .dropdown__panel__item{
    width: 306px;
    margin-bottom: 20px; }
  .global-nav--home .dropdown__panel__item div{
    min-height: 84px; }
  .global-nav--home .dropdown__panel__item div a{
    padding: 23px 0;
    min-height: 84px;
    margin: -23px 0; }
  .global-nav--home .dropdown__panel__item--history, .global-nav--home .dropdown__panel__item--stock, .global-nav--home .dropdown__panel__item--index{
    margin: 0 31px; }
  .global-nav--home .dropdown__panel__item--league, .global-nav--home .dropdown__panel__item--training{
    width: 475px; }
  .global-nav--home .dropdown__panel__item--league div, .global-nav--home .dropdown__panel__item--training div{
    background-position: 0;
    background-size: 150px;
    min-height: 104px; }
  .global-nav--home .dropdown__panel__item--league{
    margin-right: 30px; }
  .global-nav--home .dropdown__panel__item--money div{
    background-position: 18px; }
  .global-nav--home .dropdown__panel__item--history div{
    background-position: 12px; }
  .global-nav--home .dropdown__panel__item--economy div{
    background-position: 28px; }
  .global-nav--home .dropdown__panel__item--investment div{
    background-position: 15px; }
  .global-nav--home .dropdown__panel__item--stock div{
    background-position: 17px; }
  .global-nav--home .dropdown__panel__item--market div{
    background-position: 15px; }
  .global-nav--home .dropdown__panel__item--column div{
    background-position: 18px; }
  .global-nav--home .dropdown__panel__item--index div{
    background-position: 15px; }
  .global-nav--home .dropdown__panel__item--faq div{
    background-position: 12px; }
  .global-nav--home .dropdown__tab--now .dropdown__panel__item div{
    padding-top: 35px;
    min-height: 77px; }
  .global-nav--home .dropdown__tab--now .dropdown__panel__item div a{
    padding-top: 35px;
    min-height: 77px;
    margin-top: -35px; }
  .global-nav--home .dropdown__panel__item--league div{
    padding-top: 35px;
    min-height: 90px; }
  .global-nav--home .dropdown__panel__item--league div a{
    padding-top: 35px;
    min-height: 90px;
    margin-top: -35px; }
  .global-nav--home .dropdown__panel__item--training div{
    min-height: 100px; }
  .global-nav--home .dropdown__panel__item--training div a{
    padding-top: 21px; }
  .global-nav--home .dropdown__panel span, .global-nav--home .dropdown__panel p{
    margin-right: 23px; }
  .global-nav--home .dropdown__panel span{
    margin-bottom: 6px; }
  .global-nav--home .dropdown__panel p{
    line-height: 26px;
    font-size: 22px;
    margin-bottom: 0; }
  .global-nav--home .dropdown__panel ul{
    padding-right: 30px;
    padding-left: 30px;
    top: 144px; }
  .global-nav--home .dropdown__panel__item--league p, .global-nav--home .dropdown__panel__item--training p{
    line-height: 22px;
    font-size: 18px;
    text-align: center;
    margin: 0 15px 0 166px; }
  .global-nav--home .new{
    padding-right: 0; }
  .global-nav--home .new:after{
    display: none; }
  .global-nav--home .dropdown__panel__item--new:after{
    position: absolute;
    color: #663300;
    background-color: #fcc437;
    line-height: 55px;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    width: 55px;
    border: 3px solid #fff;
    margin-left: 4px;
    right: -28px;
    top: -18px;
    content: "NEW";
    border-radius: 50%; }
  .home-image{
    margin-bottom: 9px; }
  .home-image--sl{
    width: 274px; }
  .home-image--classroom{
    width: 257px; }
  .home-banner{
    float: left;
    padding: 0;
    margin: 0 0 44px 0; }
  .home-banner img{
    width: 400px; }
  .home-list{
    float: right;
    margin-top: 45px; }
  .share--home{
    clear: both;
    background-color: #d5edf9;
    text-align: left;
    padding: 30px 0;
    width: 100% !important;
    margin-bottom: 16px; }
  .share--home ul{
    width: 980px;
    margin: 0 auto; }
  .global-footer--home{
    position: relative; }
  .global-footer__lists--home{
    position: absolute;
    right: 0;
    top: -62px; }
  .money-heading{
    line-height: 28px;
    font-size: 20px;
    padding: 15px 30px;
    margin: 0 -16px 18px; }
  .money-box{
    padding: 38px 0 71px 12px;
    margin: 0 0 27px 0; }
  .money-box:after{
    clear: both;
    display: block;
    content: ""; }
  .money-box--blue{
    background-image: url(../images/money/bg-box-blue-head-large.gif), url(../images/money/bg-box-blue-foot-large.jpg), url(../images/money/bg-box-blue-large.jpg); }
  .money-box--red{
    background-image: url(../images/money/bg-box-red-head-large.gif), url(../images/money/bg-box-red-foot-large.jpg), url(../images/money/bg-box-red-large.jpg); }
  .money-box--green{
    background-image: url(../images/money/bg-box-green-head-large.gif), url(../images/money/bg-box-green-foot-large.jpg), url(../images/money/bg-box-green-large.jpg); }
  .money-box--orange{
    background-image: url(../images/money/bg-box-orange-head-large.gif), url(../images/money/bg-box-orange-foot-large.jpg), url(../images/money/bg-box-orange-large.jpg); }
  .money-box__page{
    float: left;
    padding: 0 16px;
    width: 300px; }
  .money-heading--summary{
    padding: 5px 12px;
    margin-right: 0;
    margin-left: 0; }
  .content .box--money{
    line-height: 24px;
    padding: 16px 20px; }
  .money-box--question{
    padding-bottom: 83px; }
  .money-heading-question{
    line-height: 33px;
    font-size: 18px;
    padding: 4px 11px;
    margin-bottom: 20px; }
  .money-question:before{
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin-bottom: 3px; }
  .money-answer{
    margin-bottom: 15px; }
  .money-answer:after{
    background-size: 6px;
    width: 6px;
    height: 13px;
    margin-top: -6px;
    right: 4px; }
  .money-answer a{
    display: block;
    padding: 15px 22px 13px;
    height: auto;
    min-height: 82px;
    border-width: 3px; }
  .money-answer a:before{
    background-size: 40px;
    width: 40px;
    height: 40px;
    left: 18px;
    top: 18px; }
  .money-answer a:after{
    padding: 3px 0;
    width: 15px;
    right: -3px;
    top: -3px; }
  .money-answer .money-answer__image{
    float: left;
    display: block;
    padding-right: 0;
    width: auto;
    margin: 0 15px 0 40px; }
  .money-answer img{
    position: static;
    width: auto;
    margin-bottom: 0; }
  .money-answer .money-answer__text{
    display: block;
    line-height: 24px;
    font-size: 15px;
    padding: 0;
    margin-bottom: 0; }
  .money-heading-answer{
    line-height: 18px;
    font-size: 15px;
    padding: 7px 9px;
    margin-bottom: 17px; }
  .content .money-heading-answer-text{
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 15px; }
  .stock-link{
    padding-top: 40px; }
  .zatsugaku-box{
    padding-bottom: 40px;
    border-bottom-width: 10px;
    border-left: 1px solid #666;
    margin: 87px 0 41px 0;
    border-radius: 0; }
  .zatsugaku-box:before, .zatsugaku-box:after{
    background-size: 9px;
    width: 9px;
    right: -10px; }
  .zatsugaku-box:before{
    padding-bottom: 10px; }
  .zatsugaku-box:after{
    height: 11px; }
  .visual-image{
    right: 1px; }
  .inner{
    padding: 0 30px 0 40px; }
  .zatsugaku-heading{
    line-height: 60px;
    font-size: 24px;
    padding: 0 31px;
    border-top-width: 3px;
    border-bottom-width: 3px;
    margin-bottom: 33px; }
  .zatsugaku-heading:before{
    top: 2px; }
  .zatsugaku-heading:after{
    bottom: 2px; }
  .zatsugaku-heading span{
    font-size: 14px;
    margin-left: 19px; }
  .zatsugaku-list{
    line-height: 25px;
    padding: 0 29px 24px;
    margin-bottom: 31px; }
  .zatsugaku-list li{
    font-size: 18px;
    padding-left: 73px;
    margin-bottom: 16px; }
  .zatsugaku-list li:before{
    font-size: 26px;
    width: 52px;
    margin: 0 21px 0 -73px; }
  .zatsugaku-aside{
    padding: 0 62px; }
  .zatsugaku-aside:before{
    background-image: url(../images/sprite.png);
    background-position: -50px -44px;
    width: 44px;
    height: 39px;
    background-size: auto;
    margin-right: 20px; }
  .zatsugaku-aside ul{
    font-size: 18px; }
  .zatsugaku-aside li + li:before{
    margin: 0 6px 0 5px; }
  .zatsugaku-box--detail{
    padding-bottom: 78px;
    border-bottom: 1px solid #666;
    margin-top: 11px; }
  .zatsugaku-box--detail:before{
    padding-bottom: 1px; }
  .zatsugaku-heading-detail{
    margin-bottom: 44px; }
  .zatsugaku-heading-detail img{
    left: 18px;
    top: -7px; }
  .zatsugaku-heading-detail h1{
    line-height: 41px;
    font-size: 34px;
    margin-left: 177px; }
  .inner--zatsugaku-detail{
    padding: 0 196px 0 40px; }
  .inner--zatsugaku-detail--left{
    padding: 0 40px 0 196px; }
  .zatsugaku-heading-layout{
    position: absolute;
    right: 42px;
    top: 170px; }
  .zatsugaku-heading-layout__small{
    display: none; }
  .zatsugaku-heading-layout__large{
    display: block; }
  .zatsugaku-heading-layout--left{
    right: auto;
    left: 42px; }
  .zatsugaku-link{
    padding: 0; }
  .image-box img{
    margin-bottom: 9px; }
  .image-box p{
    line-height: 17px;
    font-size: 12px; }
  .image-box--center{
    margin-bottom: 34px; }
  .image-box--layout{
    width: 409px;
    margin-bottom: 34px; }
  .zatsugaku-box .warning-box{
    line-height: 17px;
    font-size: 12px;
    margin-bottom: 53px; }
  .currency-item{
    margin: 0 -32px 20px 0; }
  .currency-item section{
    float: left;
    width: 176px;
    height: 254px;
    margin: 0 32px 0 0; }
  .currency-item section:nth-of-type(odd){
    margin-right: 32px; }
  .currency-item section:nth-of-type(3n){
    margin-right: 32px; }
  .currency-item section:nth-of-type(3n+1){
    clear: none; }
  .currency-item h2{
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 21px; }
  .currency-item img{
    margin-bottom: 21px; }
  .currency-item__text{
    margin-bottom: 3px; }
  .currency-box{
    margin-bottom: 40px; }
  .currency-box p{
    margin-bottom: 6px; }
  .image-list{
    margin-right: -20px; }
  .image-list li{
    width: 185px;
    margin: 0 20px 20px 0 !important; }
  .image-list li:nth-child(odd){
    margin-right: 0; }
  .image-list li:nth-child(3n+2){
    margin: 0; }
  .heading__title span{
    font-size: 28px;
    margin-left: 11px; }
  .content--hayawakari{
    width: 600px;
    margin: 0 auto; }
  .box.box--comment{
    background-position: 18px 13px;
    background-size: 57px;
    padding-left: 91px;
    padding-bottom: 23px;
    min-height: 63px; }
  .content .summary{
    background-position: 11px 20px;
    background-size: 84px;
    padding: 14px 25px 13px 112px;
    min-height: 100px;
    margin-bottom: 35px; }
  .advice{
    margin-bottom: 30px; }
  .advice:after{
    background-position: 0;
    background-size: auto;
    width: 158px;
    height: 198px;
    right: 14px;
    top: auto;
    bottom: 0;
    content: ""; }
  .advice__title{
    line-height: 44px;
    font-size: 24px;
    padding-left: 27px; }
  .advice__text{
    line-height: 28px;
    padding: 21px 177px 23px 27px;
    min-height: 81px; }
  .arrow-list{
    margin-bottom: 21px; }
  .arrow-list li{
    width: 200px; }
  .arrow-list a{
    display: inline;
    line-height: 33px;
    padding-left: 8px; }
  .arrow-list a:before{
    background-size: 6px;
    width: 6px;
    height: 9px;
    margin-right: 7px; }
  .image-wide{
    margin-bottom: 25px; }
  .heading img{
    height: 68px;
    margin-top: 14px; }
  .content .market-intro{
    float: left;
    line-height: 33px;
    font-size: 18px;
    margin-top: 22px; }
  .content .market-intro dd{
    margin-bottom: 12px; }
  .image-wide.image-wide--market{
    float: right;
    width: 400px;
    margin: 22px 0 32px; }
  .box.trivia{
    clear: both;
    padding-top: 28px;
    padding-bottom: 14px;
    padding-left: 108px;
    margin-bottom: 40px; }
  .box.trivia:after{
    background-size: 164px;
    width: 164px;
    height: 128px;
    left: 23px;
    top: -23px; }
  .market-wrap{
    clear: both;
    margin-right: -20px; }
  .market-wrap:after{
    clear: both;
    display: block;
    content: ""; }
  .market-box{
    float: left;
    width: 253px;
    margin-right: 20px; }
  .market-heading{
    line-height: 33px;
    font-size: 18px;
    padding: 3px 13px;
    margin-bottom: 9px;
    border-radius: 3px; }
  .content .blank-list a{
    display: inline-block;
    line-height: 33px;
    padding-left: 21px; }
  .content .blank-list a:before{
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin: 0 6px 0 -21px; }
  .market-box--last .market-heading{
    line-height: 28px;
    font-size: 15px;
    padding: 1px 15px;
    margin-bottom: 10px; }
  .content .market-bigmac{
    background-position: 3px 0;
    background-size: 44px;
    padding: 4px 0 23px 60px;
    min-height: 50px;
    margin-bottom: 0; }
  .content .market-gdp{
    background-position: 4px 0;
    background-size: 42px;
    padding: 4px 0 23px 60px;
    margin-bottom: 0; }
  .content .market-building{
    background-position: 12px 0;
    background-size: 25px;
    padding: 4px 0 23px 60px;
    margin-bottom: 0; }
  .content .market-text{
    line-height: 19px;
    font-size: 12px; }
  .author{
    line-height: normal;
    padding: 31px 30px 30px; }
  .author > img{
    width: 114px; }
  .author h3{
    line-height: 1;
    font-size: 18px;
    margin-bottom: 18px; }
  .author p{
    line-height: 28px; }
  .author__text{
    padding-left: 145px; }
  .author__text p{
    margin-bottom: 29px; }
  .author__book{
    padding-bottom: 20px;
    margin-top: -3px; }
  .author__book img{
    width: 85px; }
  .author__book div{
    padding-left: 115px; }
  .economic-heading{
    line-height: 26px;
    font-size: 22px;
    margin-bottom: 7px; }
  .article-qa time{
    line-height: 33px;
    vertical-align: top;
    width: 144px;
    margin-bottom: 0; }
  .article-qa article p{
    display: inline-block;
    width: 620px;
    margin-right: 0; }
  .article-qa > p{
    margin-top: 29px; }
  .border{
    padding: 24px 29px;
    margin-bottom: 54px; }
  .video{
    margin-bottom: 35px; }
  .sl-heading-top {
    display: flex;
    margin: 45px 0 50px;
    align-items: flex-end; }
  .sl-heading-top .sl-heading-left {
    min-height: 210px;
    background: linear-gradient(to top, #eef2ff, #fff 80%); }
  .sl-heading-top .sl-heading-left img {
    height: 64px;
    width: auto;
    margin: 20px 0 0 20px; }
  .sl-heading-top .sl-heading-left p {
    display: block;
    line-height: 21px;
    padding: 20px;
    margin-bottom: 0; }
  .sl-heading-top .sl-heading-right {
    height: 210px;
    width: auto; }
  .notebook{
    margin: 0 0 30px 0; }
  .notebook article{
    padding: 0 17px 0 17px; }
  .notebook > p{
    line-height: 49px;
    font-size: 15px;
    padding-right: 19px; }
  .notebook > p:before{
    background-size: 28px;
    width: 28px;
    height: 50px;
    margin-right: 10px; }
  .notebook__btn{
    text-align: right;
    position: relative;
    font-size: 18px; }
  .notebook__btn a{
    line-height: 40px;
    padding: 0 16px 0 15px; }
  .notebook__btn a:after{
    display: inline-block;
    background: url(../images/common/ico-next-page.png) no-repeat;
    background-size: 12px;
    vertical-align: top;
    width: 12px;
    height: 19px;
    margin: 11px 0 0 8px; }
  .sl-top-box{
    float: left;
    width: 388px;
    margin-bottom: 33px; }
  .sl-top-box li{
    margin-bottom: 7px; }
  .sl-top-box--odd{
    margin-right: 20px; }
  .small-heading-sl{
    line-height: 24px;
    font-size: 20px;
    padding: 13px 15px;
    margin-bottom: 17px;
    border-radius: 3px; }
  .small-heading-sl:before{
    background-size: 12px;
    width: 12px;
    height: 19px;
    margin-right: 11px; }
  .small-heading-sl a{
    padding: 13px 15px;
    margin: -13px -15px; }
  .warning-box--sl{
    clear: both;
    line-height: 28px;
    font-size: 15px;
    margin-bottom: 40px; }
  .sl-author{
    line-height: 19px;
    font-size: 12px;
    padding: 21px 28px;
    border-width: 4px;
    margin-bottom: 60px; }
  .sl-nav{
    font-size: 14px;
    padding-bottom: 6px;
    margin: 0 -20px 16px 0; }
  .sl-nav li{
    width: 185px;
    margin: 0 20px 0 0; }
  .sl-nav li:nth-child(odd){
    margin-right: 20px; }
  .sl-nav a{
    line-height: 60px; }
  .wrap .sl-nav{
    margin: 0 -10px 16px 0; }
  .wrap .sl-nav li{
    width: 165px;
    margin: 0 10px 0 0; }
  .wrap .sl-nav li:nth-child(odd){
    margin-right: 10px; }
  .sl-nav__apply:before{
    background-size: 23px;
    width: 23px;
    height: 23px;
    margin-right: 7px; }
  .sl-nav .sl-nav__dvd{
    line-height: 19px;
    padding: 11px 0; }
  .sl-nav .sl-nav__dvd span:first-child{
    background-size: 28px;
    width: 28px;
    height: 28px;
    margin-right: 8px; }
  .sl-nav__blank:after{
    background-size: 21px;
    width: 21px;
    height: 17px;
    margin-left: 8px; }
  .heading-sl{
    line-height: 41px;
    font-size: 32px;
    padding-bottom: 10px;
    border-width: 4px;
    margin: 0 0 44px; }
  .heading-sl-detail{
    line-height: 28px;
    font-size: 15px;
    margin-bottom: 5px; }
  .box-column{
    margin-bottom: 22px; }
  .box-column__item--first{
    padding-right: 22px; }
  .sl-list{
    margin: 0 -30px 26px 0; }
  .sl-list:after{
    clear: both;
    display: block;
    content: ""; }
  .sl-list li{
    float: left;
    margin: 0 30px 30px 0; }
  .sl-list img{
    width: auto;
    margin-bottom: 0; }
  .sl-box{
    padding-bottom: 55px; }
  .sl-box:after{
    clear: both;
    display: block;
    content: ""; }
  .sl-box > table{
    float: left;
    width: 540px;
    margin: 10px 20px 0 0; }
  .sl-box > table + div{
    width: 130px;
    margin-top: 140px; }
  .sl-box > div{
    float: left;
    width: 540px;
    margin-top: 10px; }
  .sl-image{
    float: left;
    width: 127px;
    margin: 10px 23px 0 0; }
  .school-list{
    line-height: 28px;
    margin-bottom: 49px; }
  .table-sl{
    line-height: 18px;
    font-size: 15px;
    margin-bottom: 28px; }
  .table-sl th, .table-sl td{
    padding: 15px 18px; }
  .heading-classroom-top{
    margin: 16px 0 8px;
    margin: 1.143rem 0 .5714rem; }
  .heading-classroom-top h1{
    font-size: 40px;
    text-align: left;
    width: auto;
    margin-top: 0;
    left: 235px;
    top: 33px; }
  .classroom-text{
    color: #fff;
    line-height: 28px;
    margin-top: 0;
    left: 235px;
    top: 83px; }
  .heading-classroom{
    line-height: 36px;
    font-size: 30px;
    padding-bottom: 6px;
    border-width: 4px;
    margin-bottom: 24px; }
  .heading-classroom span{
    line-height: 1;
    font-size: 18px;
    padding-top: 17px;
    margin-bottom: 8px; }
  .classroom-box-top{
    margin-bottom: 47px; }
  .classroom-box-top:after{
    clear: both;
    display: block;
    content: ""; }
  .classroom-heading-top{
    line-height: 29px;
    font-size: 24px;
    padding: 0 6px 6px;
    margin-bottom: 11px;
    box-shadow: inset 0 -16px 0 #e6e6e6; }
  .content .classroom-list{
    line-height: 28px; }
  .box-left{
    float: left;
    margin-right: 122px; }
  .classroom-banner{
    float: left;
    width: 300px; }
  .classroom-list--inline, .classroom-list--inline2{
    font-size: 0; }
  .classroom-list--inline li{
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    width: 50%; }
  .classroom-list--inline2 li{
    box-sizing: border-box;
    display: inline-block;
    vertical-align:top;
    font-size: 15px;
    width: 50%; }
  .blank:after{
    background-size: 21px;
    width: 21px;
    height: 17px;
    margin-left: 9px; }
  .warning-box__text{
    font-size: 18px;
    margin-bottom: 7px; }
  .box-float:after{
    clear: both;
    display: block;
    content: ""; }
  .box-float__left{
    float: left; }
  .box-float__right{
    float: right; }
  .box-workbook {  /* add to 20160622 */
    float:left;
    width:360px; }
  .box-workbook_img {  /* add to 20160622 */
    float:right;
    width:300px; }
  .flow-head{
    border-width: 3px;
    margin: 20px 30px; }
  .flow-head dt{
    font-size: 18px;
    padding: 16px 18px;
    width: 151px; }
  .flow-head dd{
    font-size: 15px;
    padding: 20px 21px; }
  .flow-body{
    background-position: 97px;
    background-size: 58px;
    font-size: 15px;
    padding: 18px 69px 18px 241px; }
  .apply{
    font-size: 24px;
    margin: 60px 0; }
  .apply a{
    line-height: 80px;
    text-align: left;
    padding: 0 0 0 100px;
    width: 450px;
    border-radius: 3px; }
  .apply a:before{
    background-size: auto;
    width: 55px;
    height: 37px;
    margin-top: -18px;
    left: 32px; }
  .apply a:after{
    background-size: 12px;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    right: 21px; }
  .apply span{
    display: inline;
    font-size: 15px;
    margin-left: 10px; }
  .box-page{
    float: left;
    font-size: 15px;
    padding: 18px 20px 17px;
    width: 215px;
    margin: 0 25px 0 0; }
  .box-page p{
    line-height: 18px; }
  .box-page dl{
    line-height: 21px; }
  .box-page dt{
    width: 150px; }
  .table-layout{
    line-height: 21px;
    font-size: 15px;
    margin-bottom: 35px; }
  .table-layout th, .table-layout td{
    display: table-cell;
    border: 1px solid #ddd; }
  .table-layout th{
    padding: 14px 20px; }
  .table-layout td{
    padding: 18px 14px; }
  .table-layout span{
    display: block; }
  .pioneer-heading-top{
    position: relative;
    background: url(../images/pioneer/bg-heading-top.gif) no-repeat;
    height: 235px;
    margin: 45px 0 40px; }
  .pioneer-heading-top:after{
    position: absolute;
    background: url(../images/pioneer/bg-heading-top2.png) no-repeat;
    width: 158px;
    height: 219px;
    right: -14px;
    bottom: 5px;
    content: ""; }
  .pioneer-heading-top h1{
    display: none; }
  .pioneer-heading-top p{
    position: absolute;
    line-height: 24px;
    font-weight: bold;
    width: 290px;
    left: 367px;
    top: 44px; }
  .pioneer-items{
    padding-bottom: 20px;
    margin-right: -20px; }
  .pioneer-item{
    line-height: 26px;
    width: 253px;
    margin: 0 20px 20px 0; }
  .pioneer-item:nth-of-type(odd){
    margin-right: 20px; }
  .pioneer-item a{
    height: 95px;
    border-radius: 3px; }
  .pioneer-item a:hover .pioneer-item__text{
    background-color: #ede2cc; }
  .pioneer-item h3{
    font-size: 14px; }
  .pioneer-item__image{
    width: 81px; }
  .pioneer-item__text{
    padding: 0 16px; }
  .pioneer-box{
    padding: 31px 25px 78px 30px;
    margin: 0 15px 27px;
    border-top-width: 5px; }
  .pioneer-heading{
    font-size: 22px;
    padding-bottom: 12px;
    margin-bottom: 29px; }
  .pioneer-box-category{
    float: left;
    padding: 27px 0 22px 0;
    width: 290px;
    margin: 0 33px 0 0;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .pioneer-box-category:before, .pioneer-box-category:after{
    background-size: 17px;
    width: 17px;
    height: 17px;
    top: 10px; }
  .pioneer-box-category:before{
    left: 10px; }
  .pioneer-box-category:after{
    right: 9px; }
  .pioneer-box-category__image{
    margin-bottom: 30px; }
  .pioneer-box-category__image img{
    width: 80px; }
  .pioneer-box-category__image p{
    line-height: 16px;
    font-size: 13px; }
  .pioneer-heading-category{
    font-size: 15px;
    margin: 0 30px 3px 20px; }
  .pioneer-heading-category + p{
    margin-right: 30px;
    margin-left: 20px; }
  .pioneer-list{
    float: left;
    line-height: 22px;
    width: 392px; }
  .pioneer-box__foot{
    width: 800px;
    left: -15px; }
  .pioneer-heading--detail{
    padding-left: 69px; }
  .pioneer-heading--detail:after{
    background-size: 47px;
    width: 47px;
    height: 92px;
    left: 11px;
    bottom: 4px; }
  .pioneer-heading-detail{
    margin-bottom: 5px; }
  .pioneer-magazine{
    margin-bottom: 35px; }
  .pager--pioneer{
    margin-bottom: 0; }
  .prev--pioneer{
    position: relative;
    display: inline-block;
    bottom: 32px; }
  .gsc-results .gsc-cursor-box div div{
    line-height: 40px;
    font-size: 20px;
    width: 40px;
    margin: 0 5px 5px 0 !important;
    border-radius: 3px; }
  .visual-title, .visual-description, .visual-description + p{
    display: none; }
  .visual-bookmark{
    position: relative;
    display: block;
    padding: 14px 0 22px 40px;
    border: 5px solid #fcc437;
    margin: 45px 0 40px;
    border-radius: 6px; }
  .visual-bookmark:before, .visual-bookmark:after{
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    content: ""; }
  .visual-bookmark:before{
    background-image: url(../images/bookmark/bg-visual2.png);
    width: 427px;
    height: 271px;
    right: -37px; }
  .visual-bookmark:after{
    background-image: url(../images/bookmark/bg-visual.gif);
    width: 393px;
    height: 226px;
    right: 0;
    z-index: -1; }
  .visual-bookmark p{
    font-size: 14px;
    width: 340px; }
  .bookmark-intro{
    background: url(../images/bookmark/bg-intro.jpg) no-repeat;
    padding-left: 409px;
    height: 241px;
    margin-bottom: 70px; }
  .bookmark-intro li{
    padding-left: 38px;
    margin-bottom: 15px; }
  .bookmark-intro li:before{
    background-size: auto;
    width: 27px;
    height: 24px;
    top: 2px; }
  .small-heading--bookmark{
    background-color: #fcc437; }
  .bookmark-box{
    margin-bottom: 30px; }
  .bookmark-box:after{
    clear: both;
    display: block;
    content: ""; }
  .bookmark-box section{
    float: left;
    width: 380px;
    margin-bottom: 40px; }
  .bookmark-box img{
    margin-bottom: 10px; }
  .bookmark-box h3{
    line-height: 1;
    font-size: 20px;
    margin-bottom: 9px; }
  .bookmark-box__layout{
    margin-right: 40px; }
  .bookmark-box__label{
    line-height: 25px;
    font-size: 13px;
    padding: 0 7px;
    margin-bottom: 9px; }
  .bookmark-box__text{
    line-height: 1;
    margin-bottom: 0; }
  .bookmark-screen{
    line-height: 1.85; }
  .bookmark-screen h3{
    line-height: 1;
    font-size: 20px;
    margin-bottom: 9px; }
  .bookmark-screen .bx-wrapper{
    margin-bottom: 40px;
    margin-bottom: 2.857rem; }
  .bookmark-screen .bx-wrapper img{
    border: 0; }
  .bxslider--bookmark{
    margin-bottom: 12px; }
  .bxslider--bookmark li{
    float: left;
    position: relative;
    width: 22%; }
  .bxslider--bookmark li + li{
    margin-left: 23px; }
  .bxslider--bookmark li + li:before{
    position: absolute;
    border: 10px solid;
    border-color: transparent transparent transparent #af6e2d;
    margin-top: -10px;
    left: -17px;
    top: 50%;
    content: ""; }
  .bookmark-screen__list{
    margin-bottom: 44px; }
  .bookmark-screen p{
    margin: -28px 0 80px; }
  .bookmark-outro{
    line-height: 100px;
    font-size: 24px;
    text-align: left;
    padding: 0 0 0 134px;
    border-radius: 6px; }
  .bookmark-outro:after{
    background-size: auto;
    width: 129px;
    height: 138px;
    right: 137px; }
  .heading-other{
    line-height: 34px;
    font-size: 28px;
    padding-bottom: 7px;
    margin: 43px 0 41px; }
  .box-about{
    padding-bottom: 50px; }
  .box-about:after{
    clear: both;
    display: block;
    content: ""; }
  .box-about img{
    float: left;
    margin-right: 32px;
    border-radius: 0; }
  .box-about dl{
    margin-bottom: 0; }
  .box-about dt, .box-about dd{
    font-size: 15px; }
  .sitemap-list{
    padding-bottom: 41px; }
  .sitemap-list:after{
    clear: both;
    display: block;
    content: ""; }
  .sitemap-list > li{
    float: left;
    background: url(../images/sitemap/ico-large.gif) no-repeat 0 9px;
    background-size: 15px;
    padding-left: 22px;
    width: 378px; }
  .sitemap-list > li:nth-child(2n+1){
    clear: both; }
  .sitemap-list li li{
    background: url(../images/sitemap/ico-small.gif) no-repeat 4px 12px;
    background-size: 6px;
    padding-left: 17px; }
  .sitemap-list--sl > li{
    margin-bottom: 21px; }
  .sitemap-list__open ul{
    padding-left: 22px; }
  .sitemap-list--classroom > li{
    width: auto; }
  .sitemap-list--classroom li li{
    float: left;
    width: 372px; }
  .sitemap-list--now{
    margin-bottom: 41px; }
  .main-not-found{
    margin-top: 37px; }
  .heading-not-found{
    line-height: 41px;
    font-size: 34px; }
  .bx-wrapper{
    margin-bottom: 40px; }
  .bx-wrapper img{
    padding: 9px;
    width: 480px; }
  .bx-wrapper .bx-prev{
    background-size: auto;
    padding: 0;
    left: 57px; }
  .bx-wrapper .bx-next{
    background-size: auto;
    padding: 0;
    right: 57px; }
  .bx-wrapper .bx-controls-direction a{
    width: 19px;
    height: 30px;
    margin-top: -15px; }
  .bx-wrapper .bx-caption{
    width: 480px;
    margin-left: -240px;
    bottom: 10px; }
  .bx-wrapper .bx-caption span{
    line-height: 18px;
    font-size: 15px;
    padding: 9px 12px; }
  .bx-pager{
    margin-bottom: 50px; }
  .bx-pager--gallery{
    padding: 0 80px; }
  .bx-pager--gallery a{
    padding: 3px;
    width: 59px;
    margin: 0 10px 7px 0; }
  .no-backgroundsize .dropdown__tab--home.active a, .no-backgroundsize .dropdown__tab--home:hover a{
    padding-top: 12px; }
  .no-backgroundsize .dropdown__tab--basic.active > a, .no-backgroundsize .dropdown__tab--basic:hover > a, .no-backgroundsize .dropdown__tab--now.active > a, .no-backgroundsize .dropdown__tab--now:hover > a, .no-backgroundsize .dropdown__tab--experience.active > a, .no-backgroundsize .dropdown__tab--experience:hover > a{
    padding-top: 15px; }
  .no-backgroundsize .logo__image--home a{
    background-image: url(../images/home/logo.png);
    width: 378px;
    height: 109px; }
  .no-backgroundsize .visual-bookmark:after, .no-backgroundsize .visual-bookmark:before{
    display: none; }
  .olympic-bnr {
    margin: 0 0 60px; } }
@media screen and (min-width: 1400px){
  .wrap{
    width: 1380px; }
  .wrap .primary{
    width: 800px;
    margin-left: 290px; }
  .share{
    width: 800px;
    left: 0; }
  .experience-box__inner{
    width: 800px; }
  .experience-box__item__heading{
    width: 280px; }
  .box--sl dd{
    width: 600px; }
  .money-heading{
    margin: 0 -32px 18px; }
  .money-box{
    padding: 38px 0 71px 14px; }
  .money-box__page{
    padding: 0 32px;
    width: 322px; }
  .money-heading--summary{
    margin-right: 0;
    margin-left: 0; }
  .money-box--question{
    padding-bottom: 83px; }
  .wrap .sl-nav{
    margin: 0 -20px 16px 0; }
  .wrap .sl-nav li{
    width: 185px;
    margin: 0 20px 0 0; }
  .wrap .sl-nav li:nth-child(odd){
    margin-right: 20px; }
  .bx-wrapper .bx-prev{
    left: 110px; }
  .bx-wrapper .bx-next{
    right: 110px; }
  .bx-pager--gallery{
    padding: 0 130px; }
  .box-workbook {  /* add to 20160622 */
    width:470px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
    background-image: url(../images/fancybox/fancybox_sprite@2x.png);
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div{
    background-image: url(../images/fancybox/fancybox_loading@2x.gif);
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/**
 * Yahoo custom search.
 */
#srchBox.watermark #srchInput {
  background-image: url(https://s.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif);
  background-position: center center;
  background-repeat: no-repeat; }
#srchBox.watermark #srchInput.nomark {
  background-image: none; }
#srchBox.watermark #srchLogo {
  display: none; }
#srchBox.watermark .y-img {
  display: none; }
#yjserp {
  margin-top: 24px;
  margin-top: 1.714rem; }
@media screen and (min-width: 1000px){
  #yjserp {
    margin-top: 48px;
    margin-top: 3.428rem; }
}

/**
 * STOCK league manga summary
 */
.manga-list:after {
    clear: both;
    content: "";
    display: block; }
.manga-list li {
    width: 100%;
    text-align: center; }
.manga-list li img {
    margin-bottom: 5px; }

@media screen and (min-width: 640px){
.manga-list li {
    float: left;
    width: 30%;
    margin-right: 5%; }
.manga-list li:last-child {
    margin-right:0; }
}



/**
 * TOP sns area renewal
 */
.snsbtn-area {
  width:100%;
  background-color: #fff;
  text-align: center;
  margin: 0 -3.125%;
  padding: 1rem 3.125% 0.429rem; }
.snsbtn-area ul {
  float: none; }
.snsbtn-area li {
  margin:0 7px;
  float: none;
  display: inline-block; }
.snsbtn-area li {
  margin:0 7px; }
.share .sns li {
  margin:0 9px; }
.lists_about-sitemap {
  text-align: center; }
.lists_about-sitemap ul {
    font-size: 0.8571rem;
    line-height: 1;
    margin-bottom: 1.429rem; }
.lists_about-sitemap ul li {
    display: inline-block; }
.lists_about-sitemap ul li + li::before {
    color: #999;
    content: " | "; }
.lists_about-sitemap a {
    color: #333; }

@media screen and (min-width: 1000px){
  .snsbtn-area {
    clear: both;
    width: 980px;
    text-align: right;
    padding: 0;
    margin: 0 auto 30px; }
  .lists_about-sitemap {
    clear: both;
    background-color: #d5edf9;
    text-align: left;
    padding: 30px 0;
    width: 100% !important;
    margin-bottom: 16px; }
  .lists_about-sitemap ul {
    width: 980px;
    text-align: right;
    font-size: 14px;
    margin: 0 auto; }
}



/**
 * STOCK league renewal 18/5/18
 */

.sl-top-news-list dd {
  margin: 0 0 1.3em 0 }

.small-heading-sl-top {
  color: #fff;
  background-color: #fb8c03;
  border-bottom: solid 1px #ccc;
  line-height: 19px;
  line-height: 1.357rem;
  font-size: 16px;
  font-size: 1.143rem;
  padding: 8px 15px;
  padding: .5714rem 1.0714rem;
  margin-bottom: 20px;
  margin-bottom: 1.4285rem; }

.manga-list-sl-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .manga-list-sl-top li {
    text-align: center;
    margin-bottom: 20px; }
    .manga-list-sl-top li img {
      width: 100%;
      max-width: 160px;
      margin-bottom: 5px; }
    .manga-list-sl-top li img:hover {
      opacity: 0.5; }

.sl-top-box-wide {
  border: solid 1px #ccc;
  margin-bottom: 45px;
  margin-bottom: 3.2142rem;
  padding: 17px 0 0 17px; }
  .sl-top-box-wide ul {
    margin-bottom:3px; }
  .sl-top-box-wide li {
    margin-bottom: 14px;
    margin-bottom: 1rem; }

.btn-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
  margin-bottom: 1.7857rem; }

.virtual_btn, .entry_btn, .report_btn {
  height: 60px;
  background: #e00000;
  border-radius: .4285rem;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 65px;
  margin-bottom: 20px;
  margin-bottom: 1.4285rem; }
  .virtual_btn a, .entry_btn a, .report_btn a {
    display: block;
    color: #fff;
    text-decoration: none; }
    .virtual_btn span {
      position: relative;
      margin-left: -32px; }
    .entry_btn span {
      position: relative;
      margin-left: -29px; }
    .report_btn span {
      position: relative;
      margin-left: -27px; }
      .virtual_btn span:after {
        content: '';
        display: block;
        width: 32px;
        height: 29px;
        background: url(../images/common/ico-virtual.png) no-repeat;
        margin: auto;
        position: absolute;
        top: -2px;
        bottom: 0;
        right:-40px; }
      .entry_btn span:after {
        content: '';
        display: block;
        width: 29px;
        height: 34px;
        background: url(../images/common/ico-entry.png) no-repeat;
        margin: auto;
        position: absolute;
        top: -6px;
        bottom: 0;
        right:-37px; }
      .report_btn span:after {
        content: '';
        display: block;
        width: 27px;
        height: 32px;
        background: url(../images/common/ico-report.png) no-repeat;
        margin: auto;
        position: absolute;
        top: -6px;
        bottom: 0;
        right:-35px; }
      .virtual_btn:hover, .entry_btn:hover, .report_btn:hover {
        background-color: #f50909; }

.content .virtual_btn, .content .entry_btn, .content .report_btn {
  margin-bottom: 24px;
  margin-bottom: 1.714rem; }

.btn_off {
    background-color: #999999!important; }


@media screen and (min-width: 640px){
.manga-list-sl-top li img {
  max-width: 200px; }

.virtual_btn, .entry_btn, .report_btn {
  margin-left: auto;
  margin-right: auto; }
}


@media screen and (min-width: 1000px){
.sl-top-news-list dt {
  clear: left;
  float: left;
  width: 9.5em;
  margin: 0 0 1.3em; }
.sl-top-news-list dd {
  margin: 0 0 1.3em 9.5em; }

.small-heading-sl-top {
  line-height: 24px;
  font-size: 20px;
  padding: 13px 20px; }

.sl-top-box-wide {
  margin-bottom: 65px;
  padding: 25px 0 0 17px; }
  .sl-top-box-wide ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px; }
  .sl-top-box-wide ul li {
    flex-basis: 47%;
    margin-bottom: 14px;
    margin-bottom: 1rem; }

.btn-area {
  margin: 0 65px 45px; }

.virtual_btn, .entry_btn, .report_btn {
  max-width: 325px;
  margin: 0 0 20px; }

.content .virtual_btn, .content .entry_btn, .content .report_btn {
  margin-bottom: 34px; }

}



/**
 * STOCK league youtube movie 18/6/27
 */

.movie-list-sl-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start; }
  .movie-list-sl-top li {
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
    .movie-list-sl-top li img {
      width: 100%;
      max-width: 250px;
      margin-bottom: 5px; }
    .movie-list-sl-top li img:hover {
      opacity: 0.5; }

@media screen and (max-width: 639px){
  .movie-list-sl-top {
    display: block; }
}

@media screen and (min-width: 640px){
  .movie-list-sl-top li {
    width: 49%; }
  .movie-list-sl-top li:nth-child(odd) {
    margin-right: 2%; }
}

@media screen and (min-width: 800px){
  .movie-list-sl-top li {
    width: 32%; }
  .movie-list-sl-top li:nth-child(even) {
    margin-right: 2%; }
  .movie-list-sl-top li:nth-child(3n) {
    margin-right: 0; }
  .movie-list-sl-top li img {
    max-width: 200px; }
}

/**
 * STOCK league modal youtube movie 18/6/27
 */

.modal__movie-yt,
.modal__image-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 10000;
  display: none;
  opacity: 0;
  transition: all 0.5s linear; }
  .modal__movie-yt:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .modal__movie-yt .bg__movie-yt,
  .modal__image-popup .bg__image-popup {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    background: #000; }
    .modal__movie-yt .container__movie-yt {
      width: 100%;
      max-width: 900px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 auto;
      box-sizing: border-box;
      position: relative; }
    .modal__movie-yt .btn__close-movie-yt,
    .modal__image-popup .btn__close-image-popup {
      width: 24px;
      height: 24px;
      background: #000;
      border: solid 2px #fff;
      border-radius: 50%;
      cursor: pointer;
      position: absolute;
      top: -34px;
      right: 0; }
    .modal__movie-yt .btn__close-movie-yt:before,
    .modal__image-popup .btn__close-image-popup:before {
      content: '';
      width: 20px;
      height: 0;
      border-top: solid 1px #fff;
      border-bottom: solid 1px #fff;
      transform: rotate(45deg);
      position: absolute;
      left: 2px;
      top: 11px; }
    .modal__movie-yt .btn__close-movie-yt:after,
    .modal__image-popup .btn__close-image-popup:after {
      content: '';
      width: 20px;
      height: 0;
      border-top: solid 1px #fff;
      border-bottom: solid 1px #fff;
      transform: rotate(-45deg);
      position: absolute;
      left: 2px;
      top: 11px; }
    .modal__movie-yt .player__movie-yt {
      width: 100%;
      height: 0;
      overflow: hidden;
      padding-top: 56.25%;
      background: #000;
      position: relative; }
      .modal__movie-yt iframe, video {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        background: #000; }
    .modal__movie-yt.is-active,
    .modal__image-popup.is-active {
      opacity: 1;
      display: block;
      animation: show-modal__movie-yt 0.5s linear 0s; }
    @keyframes show-modal__movie-yt{
      from{
          opacity: 0; }
      to{
          opacity: 1; }
    }

  @media screen and (max-width: 979px){
    .modal__movie-yt .container__movie-yt {
      padding: 0 3.125%; }
    .modal__movie-yt .btn__close-movie-yt {
      right: 3.125% }
  }

/**
 * new icon 18/8
 */

.newmark {
    border: solid 1px #ca2420;
    color: #ca2420;
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px;
    margin-left: 0.5em; }

/**
 * qa renewal 18/10
 */

.rank-qa article span {
  display: inline-block;
  line-height: 1; }

.rank-qa article span.rank-up:after {
  display: inline-block;
  background-image: url(/images/common/ico-rank-up.png);
  background-size: 12px 14px;
  width: 12px;
  height: 14px;
  margin: 0 0 0 16px;
  content: ""; }

.rank-qa article span.rank-stay:after {
  display: inline-block;
  background-image: url(/images/common/ico-rank-stay.png);
  background-size: 14px 12px;
  width: 14px;
  height: 12px;
  margin: 0 0 0 14px;
  content: ""; }

.rank-qa article span.rank-down:after {
  display: inline-block;
  background-image: url(/images/common/ico-rank-down.png);
  background-size: 12px 14px;
  width: 12px;
  height: 14px;
  margin: 0 0 0 16px;
  content: ""; }

.rank-qa article:nth-of-type(n+4) span img {
  margin: 0 2px;
}

@media screen and (min-width: 1000px){
  .rank-qa article span {
    line-height: 34px;
    vertical-align: top;
    width: 55px;
    height: 45px;
    margin-bottom: 0;
    margin-right: 18px;
    font-size: 15px; }

  .rank-qa article p {
    width: 691px!important; }
}

/**
 * classroom/index.html renewal 19/01
 */
.classroom-index h1 {
  color: #CA2420;
  font-size: 1.75rem;
  margin: 1.7rem 0 .3rem 0; }
.classroom-index__top {
  text-align: center; }
.classroom-index__top-title {
  border-top: solid 6px #CA2420;
  border-bottom: solid 2px #C8C8C8;
  position: relative;
  margin: 1.5rem 0 1.8rem 0; }
  .classroom-index__top-title img {
    padding-top: .6rem;
    position:absolute;
    top:0%;
    right:0%;
    width: 4.5rem; }
  .classroom-index__top-title p {
    font-weight: bold;
    font-size: 1.2rem; }
.classroom-index h2 {
  border-bottom: solid 2px #CA2420; 
  font-size: 1.5rem;
  margin-bottom: 1.75rem;
  padding-bottom: 1rem;
  text-align: center; }
.classroom-index h3 {
  color: #CA2420;
  font-size: 1.5rem;
  margin: 0;
  padding: .6rem 0 .25rem 0; }
  .classroom-index h3::before{
    content: '';
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .5rem;
    vertical-align: middle; }
  .title--class h3::before {
    background-image: url("../images/classroom/icon_class.svg"); }
  .title--books h3::before {
    background-image: url("../images/classroom/icon_books.svg"); }
  .title--publication h3::before {
    background-image: url("../images/classroom/icon_publication.svg"); }
  .title--program h3::before {
    background-image: url("../images/classroom/icon_program.svg"); }
  .title--diversity h3::before {
    background-image: url("../images/classroom/icon_diversity.svg"); }
  .classroom-index__title {
  margin-bottom: 1.8rem; }
  .classroom-index__title p {
    display: inline-block;
    height: 1.8rem;
    margin: .5rem 0 0 0; }
.classroom-index h4 {
  font-size: 1.25rem; 
  margin-bottom: .5rem; }
.classroom-index ul {
  margin-bottom: 0; }
.section-mb {
  margin-bottom: 5rem; }
.movie-box {
  background: #E0F4F0;
  border-radius: 1.8rem;
  margin: 1.8rem auto 3rem auto;
  padding: 30px 30px 15px 30px;
  text-align: center;
  }
  .movie-box a {
    display: block; }
  .movie-box p {
    font-weight: bold;
    font-size: 1.15rem;
    margin: 0;
    padding-top: 0.94rem; }
.num-list li {
  background: #F4F4F4;
  font-size: 0.87rem;
  font-weight: bold;
  margin-bottom: .5rem;
  padding: .75rem;
  vertical-align: top; }
  .num-list br {
    display: none; }
  .num-list span {
    display: inline-block; }
  .num-list strong {
    color: #CA2420;
    font-size: 1.5rem; }
    .num-list--2nd, .num-list--3rd {
      text-align: right; }
    .num-list--1st {
      width: 23%;
      font-size: 1.25rem; }
    .num-list--2nd {
      width: 32%; }
    .num-list--3rd {
      width: 45%; }
.info-list dt {
  padding-top: .2rem; }
.info-list dd {
  border-bottom: dashed 1px #aaa;
  padding-bottom: .2rem; }
.prog-list li {
  display: inline-block;
  margin: 0 .6rem 1rem 0;
  vertical-align: top;
  width: 47%; }
  .prog-list li:nth-child(2n) {
    margin-right: 0px; }
  .prog-list li a + a {
    display: inline-block;
    margin-top: .7rem; }
.prog-list img {
  margin: 0 auto .3rem auto; }
.prog-list span {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.25rem;
  margin: 0 .3rem .3rem 0;
  padding: 0 .25rem; }
  .prog-list--pschool {
    border: solid 1px #F16200;
    color: #F16200; }
  .prog-list--mschool {
    border: solid 1px #F96699;
    color: #F96699; }
  .prog-list--hschool {
    border: solid 1px #17AD86;
    color: #17AD86; }
  .prog-list--university {
    border: solid 1px #2B9BCE;
    color: #2B9BCE; }
  .prog-list--teacher {
    border: solid 1px #905EEC;
    color: #905EEC; }
.inquiry {
  text-align: center;
  background: #FFF8E2;
  margin-top: 1.25rem; }
  .inquiry p {
    text-align: center;
    margin: 0;
    padding: 1.8rem .5rem .3rem .5rem; }
  .inquiry a {
    position: relative;
    display: inline-block;
    color: #000;
    background-color: #fcc437;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.14rem;
    padding: .6rem;
    margin-bottom: 1.8rem;
    width: 17.86rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
    .inquiry a:after {
      position: absolute;
      background-repeat: no-repeat;
      top: 50%;
      content: "";
      background-image: url(../images/classroom/ico-apply.png);
      background-size: .6429rem;
      width: .6rem;
      height: 1rem;
      margin-top: -.4rem;
      right: .87rem; }
    .inquiry a:hover {
      background-color: #fdd369; }
      .inquiry a blockquote {
        margin: 0;
        padding: 0;
      }
  .inquiry span {
    font-size: .75rem; }
  .movie-bg-none {
    text-align: center;
  }
    .movie-bg-none img {
      display: inline;
    }
@media screen and (min-width: 1000px){
  .classroom-index h1 {
    font-size: 32px;
    margin: 20px 0 5px 0; }
  .classroom-index__top-title img {
    padding-top: 10px;
    position:absolute;
    top:0%;
    right:0%;
    width: auto; }
  .classroom-index h2 {
    font-size: 28px;
    margin-bottom: 40px; } 
    .classroom-index h3::before {
      display: none; } 
  .classroom-index__title {
    background-repeat: no-repeat;
    padding-inline-start: 90px;
    min-height: 80px;
  }
    .classroom-index__title p {
      margin: 0; }
    .title--class{
      background-image: url("../images/classroom/icon_class.svg"); }
    .title--books{
      background-image: url("../images/classroom/icon_books.svg"); }
    .title--publication{
      background-image: url("../images/classroom/icon_publication.svg"); }
    .title--diversity{
      background-image: url("../images/classroom/icon_diversity.svg"); }
    .title--program{
      background-image: url("../images/classroom/icon_program.svg"); }
    .classroom-index__title h3 {
      background-image: none;
    }
    .classroom-index__title p {
    }
  .num-list br {
    display: inherit; }
  .num-list li {
    display: inline-block;
    font-size: inherit;
    text-align: center;
    margin: 0 13px 20px 0;
    padding: 20px 0;
    width: 254px; }
    .num-list li:nth-child(3n) {
      margin-right: 0px; }
    .num-list--1st, .num-list--2nd, .num-list--3rd {
      width: auto; }
    .num-list--3rd {
      margin-left: 5px; }
  .info-list dt {
    float: left; 
    margin-right: 30px;
    padding: 5px 0;}
  .info-list dd {
    padding: 5px 0; }
  .prog-list li {
    margin: 0 13px 20px 0;
    width: 250px; }
    .prog-list li:nth-child(2n) {
      margin-right: 13px; }
    .prog-list li:nth-child(3n) {
      margin-right: 0px; }
  .inquiry a {
    font-size: 22px;
    padding: 20px;
    width: 550px; }
    .inquiry a br {
      display: none; }
  .inquiry span {
    font-size: 16px; }
}
@media all and (-ms-high-contrast: none){
  .classroom-index h3::before {
    background-size: 45px; }
}
@media all and (-ms-high-contrast: none) and (min-width: 1000px){
  .classroom-index__title {
    background-size: 70px; }
  }
@media screen and (min-width: 801px){
  .classroom-index .movie-box {
    width: 660px;
  }
}
@media screen and (max-width: 800px){
  .movie-box {
    border-radius: 1rem;
    padding: 1rem;
    width: auto; }
  .movie-box img {
    width: 100%; }
  .movie-box p {
    font-size: 0.9rem;}
}

/**
 * classroom/manekame.html renewal 19/03
 */
.manekame__top img {
  margin: 0 auto; }
.manekame__movie-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem; }
.manekame__movie-list img {
  width: 100%; }
.manekame__movie-list div:first-child {
  margin-right: .8rem;
  max-width: 32%; }
.manekame__movie-list div:last-child {
  flex: 1; }
.manekame__movie-list div:last-child p {
  display: none;
  margin-bottom: 0; }
.manekame__box {
  margin-top: 2rem; }
  .manekame__box dt {
    font-size: 1.1rem;
    padding: .5rem 0 .8rem 0;
    text-align: center; }
  .manekame__box dd {
    line-height: 1.6; }
.yellow-button {
  text-align: center;
  margin-top: 1.25rem; }
  .yellow-button a {
    position: relative;
    display: inline-block;
    color: #000;
    background-color: #fcc437;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4rem;
    padding: .8rem 1.5rem;
    width: 17.86rem;
    -webkit-transition: background-color .2s;
    transition: background-color .2s; }
  .yellow-button a:after {
      position: absolute;
      background-repeat: no-repeat;
      top: 50%;
      content: "";
      background-image: url(../images/classroom/ico-apply.png);
      background-size: .6429rem;
      width: .6rem;
      height: 1rem;
      margin-top: -.4rem;
      right: .87rem; }
  .yellow-button a:hover {
      background-color: #fdd369; }
  .yellow-button span {
    font-size: 1rem; }
.home-banner-list {
  text-align: center;
  margin-bottom: 0; }
  .home-banner-list li:first-child {
    padding-top: 1.5rem; }
  .home-banner-list li {
    padding: 0 3.125% 20px;
    padding: 0 3.125% 1.429rem;
    margin: 0 -3.125%;
    background: #fff;
    display: inline-block;
    margin-bottom: 0;
    width: 100%; }
  .home-banner-list img {
    width: 100%; } 
  .home-banner-list a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
  .home-banner-list a:hover {
    opacity: .85; }

@media screen and (min-width: 1000px){
.manekame__top {
  margin: 30px 0 50px; }
.manekame__movie-list {
  margin-bottom: 30px; }
.manekame__movie-list div:first-child {
  width: 200px; }
.manekame__movie-list div:last-child a {
  display: inline-block;
  margin-bottom: 14px; }
.manekame__movie-list div:last-child p {
  display: block;}
.manekame__box {
  margin-top: 0; }
.manekame__box dt {
  font-size: 20px;
  padding: .5rem 0 .8rem 0;
  text-align: center; }
.yellow-button {
  margin: 50px 0; }
.yellow-button a {
  font-size: 22px;
  padding: 20px;
  width: 550px; }
  .yellow-button a br {
    display: none; }
.yellow-button span {
  font-size: 16px; }
.home-banner-list {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between; }
  .home-banner-list::after {
    display: block;
    content: "";
    width: 33%; }
.home-banner-list li {
  text-align: left;
  padding: 0;
  margin: 0;
  width: 33%; }
  .home-banner-list li:first-child {
    padding-top: 0; }
  .home-banner-list li:nth-child(n+4) {
    margin-top: 44px; }
.home-banner-list li img {
  height: 75px;
  width: auto; }
.home-banner-list .bn-pioneer img {
  margin-right: 0;
  padding-top: 0;
  height: 85px;
  width: auto; }
.home-banner-list .bn-touchquiz img {
  height: auto;
  width: 306px; }
}

/**
 * movie gallery 19/5
 */
.gallery__top img {
  margin: 0 auto;}
.gallery__category, .gallery__list {
  font-size: 0;
  margin-bottom: 1rem;
}
.gallery__category li {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  background: #EDEAE4;
  color: #666666;
  border-radius: 1px;
  padding: 1rem 0;
  margin-right: 1%;
  width: 32.5%;
  vertical-align: top;
  cursor: pointer;
  line-height: 1rem;}
  .gallery__category li:last-child {
    margin-right: 0;}
  .gallery__category li.is-active {
    display: inline-block;
    text-decoration: none;
    background: #FCC437;
    color: #000000;
    border-bottom: solid 4px #B48C26;
    border-radius: 3px 3px 3px 0;}
.gallery__category li br{
  display: none;}
.gallery__list li {
  display: inline-block;
  margin: 0 2% 1rem 0;
  font-size: 1rem;
  vertical-align: top;
  width: 49%; }
  .gallery__list .mr-0 {
    margin-right: 0px;
  }
.gallery__list img {
  margin: 0 auto .3rem auto; }
.gallery__list span {
  border: solid 1px #999999;
  color: #999999;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.25rem;
  margin: 0 .3rem .3rem 0;
  padding: 0 .25rem; }
.gallery__list li.is-hide, .gallery__link div.is-hide{
  display: none;}
 
@media screen and (min-width: 1000px){  
.gallery__top{
  margin: 30px auto 50px}
.gallery__category {
  margin-bottom: 40px;}
.gallery__list li {
  margin: 0 1% 20px 0;
  width: 32.5%; }
}

@media screen and (max-width: 639px){
.gallery__category li {
  font-size: .8rem;}
.gallery__category li br {
  display: inline;}
.gallery__category .all-movie {
  line-height: 2rem;}
}

/**
 * sidenavi 19/6
 */
.news .current {
 display: none; }

/**
 * classroom investment 19/6
 */
.image-frame {
  padding: .25rem;
  border-right: 1.5px solid #E8E3D8; 
  border-bottom: 1.5px solid #E8E3D8;}
.program-box-left {
  float: none;
  width: inherit;}
.program-box-right {
  float: none;
  width: 60%;
  margin: 0 auto;}
.program-box-right img {
  margin-bottom: 0;}
.program-box-right p {
  text-align:center;}
@media screen and (min-width: 640px){
.program-box-left {
  float: left;
  width: 60%;}
.program-box-right {
  float: right;
  margin: 0 2%;
  width: 36%;}
}

/**
 * STOCK LINE 19/7
 */
.sl-yellow-txt {
  color: #f98c04;
}
.red-attention {
  color: #ff0000;
}
.bxslider-order {
  margin-bottom: 2.857rem;
}


/**
 * QA sidenavi 19/11
 */
.qa-rank-aside li {
  background-repeat: no-repeat;
  margin-bottom: .5rem;
  padding-left: 2.2rem;
}
.qa-rank-aside .rank1, .qa-rank-aside .rank2, .qa-rank-aside .rank3 {
  min-height: 2.4rem;
}
.qa-rank-aside .rank4, .qa-rank-aside .rank5 {
  min-height: 1.7rem;
}
.qa-rank-aside .rank1 {
  background-image: url(../images/common/ico-rank1.png);
}
.qa-rank-aside .rank2 {
  background-image: url(../images/common/ico-rank2.png);
}
.qa-rank-aside .rank3 {
  background-image: url(../images/common/ico-rank3.png);
}
.qa-rank-aside .rank4 {
  background-image: url(../images/common/ico-rank4.png);
}
.qa-rank-aside .rank5 {
  background-image: url(../images/common/ico-rank5.png);
}

/**
 * STOCK comment 19/12
 */
.sl-top-comment-bn {
  margin-top: -1.3572rem;
  margin-bottom: 3.2142rem;
  text-align: center;
}
.sl-comment-ttl {
  line-height: 19px;
  margin: 1rem 0 .5714rem;
  padding-bottom: .4286rem;
}
.sl-comment-list {
  margin-top: 1.25rem;
}
.sl-comment-list li {
  display: flex;
  align-items: flex-start;
}
.sl-comment-list img {
  width: 2rem;
  margin-left: .625rem;
  margin-right: 1.5rem;
  margin-bottom: .625rem;
}
.sl-balloon {
  flex: 1;
  position: relative;
  padding: .875rem;
  border-radius: .75rem;
  background-color: #ffecc8;
  margin-bottom: .625rem;
}
.sl-balloon::before {
  width: 0;
  height: 0;
  top: 14px;
  left: -15px;
  border-right: 15px solid #ffecc8;
}
.box--sl .sl-balloon {
  border: 2px solid #fb8c03;
  padding: .875rem;
  border-radius: .625rem;
  background-color: #ffffff;
}
.sl-balloon::before, .box--sl .sl-balloon::after {
  content: '';
  position: absolute;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.box--sl .sl-balloon::before {
  left: -15px;
  top: 20px;
  border-right: 15px solid #fb8c03;
}
.box--sl .sl-balloon::after {
  width: 0;
  height: 0;
  top: 20px;
  left: -12px;
  border-right: 15px solid #ffffff;
}
.sl-ico-award {
  display: flex;
  width: 3rem;
  margin-bottom: .875rem;
  padding-right: 1.25rem;
}
.sl-comment-box-inner {
  display: flex;
  align-items: flex-start;
  margin-top: .725rem;
}
.sl-comment-box-inner p {
  margin-bottom: .375rem;
}
.pc-only {
  display: none;
}
.sp-only {
  display: block;
  margin: auto;
}
@media screen and (min-width: 1000px){
  .sl-top-comment-bn {
    margin-top: -2rem;
  }
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  .sl-comment-ttl {
    margin: 0 0 44px;
  }
  .sl-balloon {
    margin-bottom: 13px;
    padding: 20px;
  }
  .sl-comment-list {
    margin-bottom: 17px;
  }
  .sl-comment-list img{
    width: auto;
    margin-right: 36px;
  }
  .sl-comment-box-inner {
    margin-top: 0;
  }
  .sl-ico-award {
    width: auto;
  }
}

/**
 * TOP add_banner 20/01
 */
.dropdown__tab .img-box {
  text-align: center;
  padding: 1.2rem 3.125% 0; }
  .dropdown__tab .img-box img {
    width: 100%; }
  .dropdown__tab .img-box a {
    -webkit-transition: opacity .2s;
  transition: opacity .2s; }
    .dropdown__tab .img-box a:hover {
      opacity: .85; }
@media screen and (min-width: 1000px){
  .dropdown__tab .img-box {
    padding: .5rem 1rem; }
    .dropdown__tab .img-box img {
      width: 400px; }
}
@media screen and (min-width: 640px){
  .dropdown__tab .img-box {
    padding: .5rem 1rem 1rem; }
}

.sl-top-news-bn {
  margin: 1.5rem auto;
  text-align: center;
}
.sl-top-news-bn .sp-only {
  display: inline;
}
@media screen and (min-width: 1000px){
  .sl-top-news-bn {
    max-width: 640px;
  }
  .sl-top-news-bn .sp-only {
    display: none;
  }
}
.sl-top-news-bn p {
  padding-top: .8rem;
  text-align: left;
}

/**
 * MANEKAME add_movie 20/02
 */

.movie-box--inline {
  display: block;
}
.movie-box--inline p {
  text-align: center;
  margin: 5px auto;
  padding-top: 0;
}
.movie-box--inline div {
  margin: 15px;
}
@media screen and (min-width: 640px){
  .movie-box--inline div {
    width: 100%;
  }
  .movie-box--inline {
    display: flex;
    justify-content: space-between;
  }
}


/**
 * STOCK result 20/03
 */

.box--sl__awarded {
  border-bottom: 1px dashed #aaa;
  margin-bottom: 1rem;
}

.box--sl__awarded:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/**
 * STOCK ceremony 20/03
 */

.img-border {
  border: 1px solid #9a9a9a;
}

/**
 * classroom nurie 20/04
 */

.classroom-announce--emphasize {
  background-color: #FFF8E2;
}
.classroom-announce--de-emphasize {
  border: solid 2px #CA2420;
}
.classroom-announce {
  line-height: 1.857rem;
  padding: .6429rem 1.214rem .5714rem;
  margin-bottom: 1.357rem;
}
.classroom-announce p:last-of-type {
  margin-bottom: 0;
}
.classroom-announce h3 {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.classroom-announce h3:before {
  content: none;
}
@media screen and (min-width: 640px){
  .classroom-announce h3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1000px){
  .classroom-announce {
    line-height: 28px;
    padding: 25px 34px 21px;
    margin-bottom: 31px;
  }
}
.ico-pic:before {
  display: inline-block;
  background: url(../images/classroom/ico-pic.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 17px;
  margin-right: 5px;
  content: "";
}
@media screen and (min-width: 1000px){
  .ico-pic:before {
    background-size: 23px;
    width: 23px;
    height: 20px;
    margin-right: 10px;
  }
}

/**
 * stayhome add_banner 20/05
 */
.bnr-box {
  text-align: center;
  padding: 1.2rem 0; }
.bnr-box img {
  width: 100%; }
.bnr-box a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }
.bnr-box a:hover {
  opacity: .85; }
@media screen and (min-width: 1000px){
  .bnr-box {
    padding: .5rem 1rem; }
  .bnr-box img {
    width: 400px; }
}
@media screen and (min-width: 640px){
  .bnr-box {
    padding: .5rem 1rem 1rem; }
}

/**
 * STOCK newsticker 20/08
 */

/* STOCK TOP ticker */
.sl-top-pickup {
  margin-bottom: 2.143rem;
}
.sl-top-pickup__title {
  background-color: #678fff;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 2px 8px;
}
.sl-top-pickup__list {
  background-color: #eef2ff;
  font-size: .8571rem;
  padding: 10px 15px;
}
.sl-top-pickup__date {
  display: block;
}
@media screen and (min-width: 1000px){
  .sl-top-pickup {
    display: flex;
    margin-bottom: 30px;
  }
  .sl-top-pickup__title,
  .sl-top-pickup__list {
    display: flex;
    align-items: center;
  }
  .sl-top-pickup__title {
    flex-basis: 100px;
    justify-content: center;
    padding: 0;
  }
  .sl-top-pickup__list {
    flex: 1;
    font-size: 1rem;
  }
  .sl-top-pickup__list > * {
    flex: 1;
  }
  .sl-top-pickup__date {
    display: inline-block;
    margin-right: 1rem;
  }
}

/* STOCK Lesson List */
.sl-lesson-list dd {
  margin-bottom: .8rem;
}
.sl-lesson-list dd a {
  word-break: keep-all;
}
.sl-lesson-list dd > * {
  display: inline-block;
}
.sl-lesson-list dd > span:first-child {
  width: 100%;
}
@media screen and (min-width: 1000px){
  .sl-lesson-list {
    display: flex;
    flex-wrap: wrap;
  }  
  .sl-lesson-list dt {
    flex-basis: 140px;
  }
  .sl-lesson-list dd {
    flex-basis: 550px;
    margin-bottom: 0;
  }
  .sl-lesson-list dd > span:first-child {
    margin-right: .5rem;
    width: auto;
  }
}

/* Image Modal */
.content__image-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.content__image-popup img {
  width: 100%;
}
.caption__image-popup {
  color: #ffffff;
  position: absolute;
  text-align: left;
}
@media screen and (min-width: 640px){
  .content__image-popup {
    width: auto;
  }
}

/**
 * STOCK qa_hino 20/08
 */

.sl-qa-hino__ttl {
  margin: 1rem 0 1.25rem;
}
.sl-qa-hino__btn-area {
  margin-bottom: 2rem;
}
.sl-qa-hino__btn {
  display: block;
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem 0;
  border-radius: .375rem;
  background-color: #fcc437;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.sl-qa-hino__btn:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  margin-top: -9px;
  border-bottom: 2px solid #343433;
  border-right: 2px solid #343433;
  top: 50%;
  right: 5%;
  transform: rotate(45deg);
}
.sl-qa-hino__btn:last-child {
  margin-bottom: 0;
}
.sl-qa-hino__talk {
  margin-bottom: 2rem;
}
.sl-qa-hino__talk-ttl {
  padding: 1rem;
  background-color: #263147;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
.sl-qa-hino__talk-list {
  padding: 1.125rem 0.5625rem 1.875rem 0.75rem;
  margin-bottom: 1.75rem;
  background-color: #dff0f7;
  background-image: url("/images/sl/bg-qa-hino.png"), url("/images/sl/bg-under-qa-hino.png");
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.sl-qa-hino__talk-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
.sl-qa-hino__talk-list .talk-q {
  justify-content: flex-end;
}
.sl-qa-hino__talk-list .talk-a:before {
  content: "";
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .5rem;
  background-image: url("/images/sl/ico-qa-hino.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.sl-qa-hino__talk-list .sl-balloon {
  flex-basis: 75%;
  max-width: 75%;
  margin-bottom: 0;
  border-radius: 1.5rem;
  background-color: #fff;
}
.sl-qa-hino__talk-list .talk-q .sl-balloon {
  background-color: #8bd8f7;
}
.sl-qa-hino__talk-list .talk-q .sl-balloon:after,
.sl-qa-hino__talk-list .talk-a .sl-balloon:before {
  content: "";
  position: absolute;
  width: 1.125rem;
  height: 2.125rem;
  border: 0;
  border-radius: 2.5rem 0 0 2.5rem;
}
.sl-qa-hino__talk-list .talk-q .sl-balloon:after {
  top: -1.4rem;
  right: -.4rem;
  box-shadow: inset -.1875rem -.9375rem 0 -.5rem #8bd8f7;
  transform: scale(-1,1);
}
.sl-qa-hino__talk-list .talk-a .sl-balloon:before {
  top: .7rem;
  left: -.7rem;
  box-shadow: inset -.1875rem -.9375rem 0 -.5rem #fff;
}
.sl-qa-hino__talk-list .talk-q .sl-balloon:before {
  display: none;
}
.link-return-top {
  text-align: right;
}
.link-return-top .arrow:before {
  transform: rotate(-90deg);
}
@media screen and (min-width: 1000px) {
  .sl-qa-hino__ttl {
    margin: 0 0 30px;
  }
  .sl-qa-hino__btn-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 15px;
  }
  .sl-qa-hino__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: calc((100% - 15px) / 2);
    margin-bottom: 0;
  }
  .sl-qa-hino__talk-ttl {
    font-size: 24px;
  }
  .sl-qa-hino__talk-list .talk-a:before {
    width: 52px;
    height: 52px;
  }
  .sl-qa-hino__talk-list .sl-balloon {
    flex-basis: 72%;
    max-width: 72%;
  }
  .sl-qa-hino__talk-list .talk-a .sl-balloon:before {
    top: 24px;
  }
}

/**
 * economic-statistics accordion 20/11
 */
.box > p:last-of-type + .accordion-box {
  margin-top: 24px;
  margin-top: 1.714rem;
}
 @media screen and (min-width: 1000px) {
  .box > p:last-of-type + .accordion-box {
    margin-top: 34px;
  }
}
.accordion-box__label {
  color: #2670d0;
}
.accordion-box__input {
  display: none;
}
.accordion-box__content {
  opacity: 0;
  overflow: hidden;
  height: 0;
  transition: 0.8s;
}
.accordion-box__content > p:last-of-type,
.accordion-box__content > ul:last-of-type,
.accordion-box__content > ol:last-of-type {
  margin-bottom: 0;
}
.accordion-box__input:checked + .accordion-box__label {
  display: none;
}
.accordion-box__input:checked ~ .accordion-box__content {
  opacity: 1;
  height: auto;
}

/**
 * STOCK table 21/02
 */

.table--noline {
  margin-bottom: 24px;
  margin-bottom: 1.714rem;
}
.table--noline th {
  font-weight: normal;
}
.table--noline th, .table--noline td {
  text-align: left;
  vertical-align: top;
}
.table--noline td:first-child {
  min-width: 120px;
}

.word-break-all {
  word-break:break-all;
}
@media screen and (min-width: 1000px){
  .table--noline {
    margin-bottom: 28px;
  }
  .content .table--noline {
    margin-bottom: 34px;
  }
}

.text-center {
  text-align: center;
}

/**
 * rikotyare 21/06
 */

.announce-rikotyare {
  display: flex;
  align-items: flex-start;
}
.announce-rikotyare__explain {
  flex: 1;
}
.announce-rikotyare .bn-rikotyare {
  margin: 1rem auto 1rem 0;
}
.announce-rikotyare .logo-rikotyare {
  display: none;
  margin-top: 1rem;
}
@media screen and (min-width: 1000px){
  .announce-rikotyare .logo-rikotyare {
    display: block;
    width: 225px;
  }
}

/**
 * STOCK navi btn_off 22/05
 */

.sl-nav-btn_off {
  display: block;
  color: #fff;
  background-color: #999999;
  line-height: 50px;
  line-height: 3.571rem;
  text-decoration: none;
  border-radius: 0.2143rem;
}
@media screen and (min-width: 1000px){
  .sl-nav-btn_off {
    line-height: 60px;
  }
}
.sl-nav-btn_off span:after {
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
  line-height: 60px;
  background-image: url(../images/sl/ico-blank_off.png);
  background-size: auto 1.071rem;
  width: 18px;
  width: 1.286rem;
  height: 15px;
  height: 1.071rem;
  margin-left: 5px;
  margin-left: 0.3571rem;
}
@media screen and (min-width: 1000px){
  .sl-nav-btn_off span:after {
    background-size: 21px;
    width: 21px;
    height: 17px;
    margin-left: 8px;
  }
}

/**
 * classroom money_use 22/05
 */

.classroom-material--box-flex {
  display: flex;
}
@media screen and (max-width: 800px) {
  .classroom-material--box-flex {
    flex-direction: column;
  }
}
.classroom-material--box-flex .blk-left {
  width: 60%;
}
@media screen and (max-width: 800px) {
  .classroom-material--box-flex .blk-left {
    width: 100%;
  }
}
.classroom-material--box-flex .blk-right {
  width: 40%;
}
@media screen and (max-width: 800px) {
  .classroom-material--box-flex .blk-right {
    width: 100%;
  }
}
.mb20-inline {
  display: inline-block;
  margin-bottom: 20px !important;
}

/**
 * economic delete 22/06
 */

 @media screen and (min-width: 640px) {
  .global-nav--home .dropdown__panel__item--2column {
    width: 48%;
    margin: 20px 0;
  }
  .global-nav--home .dropdown__panel__item--2column:first-child {
    margin-right: 4%;
  }
  .dropdown__tab--now .dropdown__panel {
    text-align: center;
  }
  .dropdown__panel__item--gronavi--2column{
    width: 37%;
    text-align: left;
  }
}

/**
 * stock chapter15 23/03
 */
 .stock-material--box-flex {
  display: flex;
  margin-bottom: 34px;
}
@media screen and (max-width: 800px) {
  .stock-material--box-flex {
    flex-direction: column;
  }
}
.stock-material--box-flex div {
  width: 45%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .stock-material--box-flex div {
    width: 100%;
    margin-bottom: 20px;
  }
}
 .stock-text--bk-gray {
  background-color: #ededed;
  border-radius: 30px;
  padding: 20px 10px;
 }
 @media screen and (max-width: 800px) {
  .stock-text--bk-gray {
    padding: 20px 10px;
    box-sizing: border-box;
  }
}
 .stock-text--bk-gray p {
  padding-left: 1rem;
  margin-bottom: 20px;
 }
 .stock-text--bk-gray ul {
  margin-bottom: 0;
 }
 .stock-text--bk-gray li {
  position: relative;
  padding-left: 1.5rem;
 }
 .stock-text--bk-gray li::before {
  position: absolute;
  content: "\2713";
  top: 0;
  left: 0;
 }

 .stock-table-scroll-wrap {
  margin-bottom: 34px;
 }
 .table--stock thead{
  background-color: #ededed;
 }
 .table--stock .stock-table-bk--red {
  background-color: #ff7f50;
  border: 1px solid #ff7f50;
}
.table--stock .stock-table-bk--orange {
  background-color: #ffd700;
  border: 1px solid #ffd700;
}
.table--stock .stock-table-bk--yellow {
  background-color: #fafad2;
  border: 1px solid #fafad2;
}
.table--stock td:nth-child(1) {
  width: 20%;
}
 .table--stock td:nth-child(2) {
  width: 55%;
}
.table--stock td:nth-child(3) {
  width: 25%;
}
 @media screen and (max-width: 800px) {
  .table--stock .sp-only-text_break {
    display: block;
  }
}
.table--stock th,.table--stock td {
  padding: 10px;
  border: 1px solid #ddd;
}
.table--stock ul {
  margin-bottom: 0;
}
.table--stock li {
  margin-bottom: 0;
}
 .table--stock td:nth-child(3) li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.5rem;
 }
 .table--stock td:nth-child(3) li::before {
  position: absolute;
  content: "\2713";
  top: 0;
  left: 0;
 }
 @media screen and (max-width: 800px) {
  .stock-table-scroll-wrap {
      white-space: nowrap;
      overflow-x: scroll;
  }
}
.stock-table-textCenter {
  display: block;
  text-align: center;
  margin: 0.5rem 0;
}
.stock-table-textIndent {
  padding-left: 1.5rem;
  display: block;
}
/**
 * classroom lifeplan 23/02
 */
@media screen and (min-width: 640px){
  .classroom-img-large {
    width: 600px;
    margin: 0 auto;
  }
}
.classroom-img-large img {
  margin-bottom: 10px;
}
p.classroom-cap {
  font-size: 0.8em;
  line-height: 1.7;
}
.classroom-content-list {
  margin: 80px auto;
}
@media screen and (max-width: 800px) {
  .classroom-content-list {
    margin: 40px auto;
  }
}
.classroom-content-list__text {
  width: 68%;
  margin-right: 2.5%;
}
.classroom-content-list__text-rev {
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  .classroom-content-list__text {
    width: 97%;
    margin-right: 0;
  }
}
.classroom-content-list__img {
  width: 200px;
}
.classroom-content-list__img:has(img + .pdf) img {
  margin-bottom: 0.3rem;
}
.classroom-content-list__img:has(img + .pdf) img + .pdf {
  display: inline-block;
  margin-bottom: 26px;
}
@media screen and (min-width: 1000px) {
  .classroom-content-list__img:has(img + .pdf) img + .pdf {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 800px) {
  .classroom-content-list__img {
    margin: 0 auto;
  }
}
.classroom-material--box-flex-rev {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .classroom-material--box-flex-rev {
    flex-direction: column;
  }
}
/*
23/03 stock ceremoney
 */
.ceremony_txt--indent {
  display: block;
  padding-left: 1rem;
}
.ceremony_txt--break--sp-only {
  display: block;
}

.sl-movie_new-icon:before {
  color: #d4392d;
  content: "NEW";
  display: inline-block;
  font-size: .75rem;
  font-weight: bold;
  margin-right: 0.7rem;
}

/*
23/11 zatsugaku
*/
.zatsugaku_new-icon:after {
  color: #d4392d;
  content: "NEW";
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  margin-left: 0.7rem;
}

/*
24/02 stockleague
*/
.image-step {
  margin: 0 0 0.75rem 5rem;
  width: 30px;
  height: auto;
}

.text-indent {
  padding-left: 1.5rem;
}

.box--sl__step {
  padding: 9px 18px;
  padding: .6429rem 1.286rem;
  margin-bottom: 12.6px;
  margin-bottom: 0.7rem;
}
.p-step {
  margin: 1rem 0 0.75rem 5rem;
}

.box--sl__win {
  background-color: #fff;
  line-height: 18px;
  line-height: 1rem;
  margin-top: 0;
}
.box--sl__win .image-step {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  margin-left: 4rem;
}


/*
24/02　hayawakari　tooltip
*/
body.pioneer {
  .pioneer-items + .block_supervision,
  .pioneer-magazine + .block_supervision {
    margin-block-end: 18px;
  }
  .pioneer-items + .block_supervision {
    margin-block-start: 0;
  }
  .pager ~ .block_supervision {
    
  }
}
@media screen and (min-width: 1000px) {
  body.pioneer {
    .pioneer-items + .block_supervision,
    .pioneer-magazine + .block_supervision {
      margin-block-end: 35px;
    }
    .pager ~ .block_supervision {
      
    }
  }
}
.block_supervision {
  display: flex;
  justify-content: center;
  margin-block-start: 1rem;
  width: 100%;
}
.block_supervision > p {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-block-end: 0;
}
.block_supervision p > .icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.toggle_area {
  position: relative;
}
.toggle_area .hover_switch:not(:hover) + .toggle_item {
  opacity: 0;
  pointer-events: none;
}
.toggle_area .hover_switch:not(:hover) + .toggle_item:hover {
  opacity: 1;
  pointer-events: inherit;
}
.toggle_area .toggle_item {
  inset: calc(100%) 0 auto;
  opacity: 1;
  position: absolute;
  transition: opacity .2s ease-in-out 0s;
  z-index: 1;
}
.toggle_area .toggle_item .balloon {
  background-color: #fff8dd;
  box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
  margin-block-start: 1.25rem;
  padding: 1rem;
  position: relative;
}
.toggle_area .toggle_item .balloon::before {
  content: '';
  background-color: #fff8dd;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  inset: auto auto 100% max(0px, (100% - 208px) / 2 - 4px);
  position: absolute;
  width: 2rem;
  height: 1rem;
}
.toggle_area .toggle_item .balloon p {
  margin-block: 0;
}
.toggle_area .toggle_item .balloon p + p {
  margin-block-start: 1rem;
}
@media screen and (min-width: 375px) {
  .toggle_area .toggle_item .balloon {
    padding: 1.25rem 1.5rem;
  }
  .toggle_area .toggle_item .balloon::before {
    left: calc((100% - 223px) / 2 - 4px);
  }
}
@media screen and (min-width: 414px) {
  .toggle_area .toggle_item .balloon::before {
    left: calc((100% - 238px) / 2 - 4px);
  }
}
@media screen and (min-width: 600px) {
  .toggle_area .toggle_item {
    right: auto;
    left: calc(50% - 180px);
  }
  .toggle_area .toggle_item .balloon::before {
    left: 57px;
  }
}
@media screen and (min-width: 640px) {
  .toggle_area .toggle_item .balloon::before {
    left: 40px;
  }
}
@media screen and (min-width: 1000px) {
  .toggle_area .toggle_item {
    left: calc(50% - 155px);
  }
  .toggle_area .toggle_item .balloon {
    padding: 1.25rem 2rem;
  }
}

.list-indent1 {
  margin-left: 1rem;
}
/*
24/10 stockleague
*/
.sl-list-indent{
  text-indent: -20px;
  padding-left: 20px;
}