@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* normalize.scss 3.0.0-alpha.1+normalize.2.1.3 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:600,700");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * Establish a vertical rhythm unit using $base-font-size, $base-line-height,
 * and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when
 * body `font-size` is set using `em` units.
 */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/**
 * 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 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
p,
pre {
  margin: 1.5em 0;
}

blockquote {
  /* Set 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 40px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1.5em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  /* Improve image quality when scaled in IE 7. */
  -ms-interpolation-mode: bicubic;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 0.4625em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 0.9125em;
  border-left-width: 0.0625em;
  border-left-style: solid;
  padding-left: 0.875em;
  border-right-width: 0.0625em;
  border-right-style: solid;
  padding-right: 0.875em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  vertical-align: baseline;
  /* 4 */
  *vertical-align: middle;
  /* 4 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.wrapper, .l-row, .mod-heading, .mod-heading__left, .global-footer__top, .global-footer__bottom, .c-list-horizontal, .c-pagenation .pager, .p-course-list, .p-course-box ul, .p-top-block, .p-top-search__list ul, .p-top-banner, .top-info li, .p-top-list, .p-event__link, .p-category, .p-topics-category, .p-search-map, .p-search-image ul, .p-search-list, .p-class-event__wrap, .p-class-list, .icon-wrapper, .p-courseDetail-wrap, .p-course-content > ul {
  *zoom: 1;
}

.wrapper:after, .l-row:after, .mod-heading:after, .mod-heading__left:after, .global-footer__top:after, .global-footer__bottom:after, .c-list-horizontal:after, .c-pagenation .pager:after, .p-course-list:after, .p-course-box ul:after, .p-top-block:after, .p-top-search__list ul:after, .p-top-banner:after, .top-info li:after, .p-top-list:after, .p-event__link:after, .p-category:after, .p-topics-category:after, .p-search-map:after, .p-search-image ul:after, .p-search-list:after, .p-class-event__wrap:after, .p-class-list:after, .icon-wrapper:after, .p-courseDetail-wrap:after, .p-course-content > ul:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*IE6,7対策 （haslayout対策）*/
.clearfix {
  *zoom: 1;
}

p, h1, h2, h3, h4, ul, dl, ol {
  margin: 0;
  padding: 0;
  line-height: 1;
}

img {
  vertical-align: bottom;
  display: block;
  margin: 0 auto;
}

li {
  list-style: none;
}

dd {
  margin-left: 0;
}

html {
  font-size: 62.5%;
}

body {
  *font-size: small;
  *font: x-small;
  color: #333;
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Helvetica, "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", sans-serif;
  background: #FFF;
  -webkit-text-size-adjust: 100%;
}

body a {
  color: #333;
  text-decoration: underline;
}

body a img {
  -ms-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

body a:hover {
  color: #22ac38;
  text-decoration: none;
}

.wrapper {
  margin: 0 auto;
  padding-top: 30px;
  width: 1010px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .wrapper {
    padding-top: 1%;
  }
}
@media only screen and (max-width: 639px) {
  .wrapper {
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.content {
  width: 760px;
  float: right;
}

@media only screen and (max-width: 639px) {
  .content {
    float: none;
    padding: 5% 2% 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.l-row {
  overflow: hidden;
  margin: 0 -2% 0 0;
}

@media only screen and (max-width: 639px) {
  .l-row {
    margin: 0;
  }
}
.l-row > div,
.l-row > li {
  float: left;
}

.l-row .col2 {
  width: 48%;
  margin: 0 2% 2% 0;
}

@media only screen and (max-width: 639px) {
  .l-row .col2:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 639px) {
  .l-row .col2 {
    width: 100%;
    margin-bottom: 10px;
  }
}
.l-row .col3 {
  width: 31.33333%;
  margin-right: 2%;
}

@media only screen and (max-width: 639px) {
  .l-row .col3:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 639px) {
  .l-row .col3 {
    width: 100%;
    margin-bottom: 10px;
  }
}
.l-row .col4 {
  width: 23%;
  margin: 0 2% 2% 0;
}

@media only screen and (max-width: 639px) {
  .l-row .col4 {
    width: 49%;
  }

  .l-row .col4:nth-child(even) {
    margin-right: 0;
  }
}
hr {
  border-top: 1px dotted #ccc;
  border-bottom: none;
  border-right: none;
  border-left: none;
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  hr {
    margin-bottom: 20px;
  }
}
.mod-heading {
  margin: 0 0 30px auto;
  padding-left: 236px;
}

@media only screen and (max-width: 639px) {
  .mod-heading {
    display: none;
  }
}
.mod-heading--sp {
  display: none;
}

@media only screen and (max-width: 639px) {
  .mod-heading--sp {
    width: auto;
    display: block;
    float: right;
    width: 70%;
    text-align: right;
  }

  .mod-heading--sp p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 10px 0;
  }
}
@media only screen and (max-width: 639px) and (max-width: 639px) {
  .mod-heading--sp p {
    margin: 0 0 10px 0;
  }
}
.mod-heading__left {
  float: left;
  margin-right: 20px;
}

.mod-heading__link, .mod-heading__link--sp {
  margin-bottom: 10px;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .mod-heading__link, .mod-heading__link--sp {
    display: none;
  }
}
.mod-heading__link--sp {
  display: none;
}

@media only screen and (max-width: 639px) {
  .mod-heading__link--sp {
    display: block;
  }
}
.mod-heading__right {
  float: left;
}

.mod-heading p {
  float: left;
}

.mod-heading p:first-child {
  margin-right: 10px;
}

.breadcrumb {
  background: #F4F4F4;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .breadcrumb {
    margin-bottom: 20px;
  }
}
.breadcrumb li {
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .breadcrumb li {
    line-height: 1.3;
  }
}
.breadcrumb li + li:before {
  content: ">";
  margin-right: 10px;
}

.breadcrumb li.active {
  font-weight: normal;
}

.breadcrumb li.active:before {
  content: ">";
}

@media only screen and (max-width: 639px) {
  .logo-wrap {
    padding: 0 10px;
    overflow: hidden;
  }
}
.heading-text {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 11px;
  font-size: 1.1rem;
}

.logo {
  margin: 30px 0 40px;
}

.logo a {
  display: block;
}

.logo a:hover {
  opacity: 0.7;
}

.logo img {
  width: 144px;
  height: 117px;
  display: block;
  margin: 0;
}

@media only screen and (max-width: 639px) {
  .logo img {
    width: 72px;
    height: auto;
  }
}
@media only screen and (max-width: 639px) {
  .logo {
    float: left;
    margin: 6px 0 10px;
  }
}
.menu {
  float: left;
  width: 180px;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .menu {
    padding-left: 1%;
  }
}
@media only screen and (max-width: 639px) {
  .menu {
    float: none;
    display: block;
    width: 100%;
    background: #FFF;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.nav-wrap {
  display: none;
}

@media only screen and (max-width: 639px) {
  .nav-wrap {
    padding: 0 10px;
    display: block;
    overflow: hidden;
  }
}
@media only screen and (max-width: 639px) {
  .nav-wrap .btn-nav {
    color: #fff;
    background: #333;
    height: 40px;
    line-height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 639px) {
  .nav-wrap .btn-nav {
    width: 100px;
    float: left;
  }
}
@media only screen and (max-width: 639px) {
  .nav-wrap p:last-child {
    display: none;
  }
}
.btn-nav span {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 17px;
}

.hamburger {
  display: block;
  width: 20px;
  height: 17px;
  background: #333;
  position: relative;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.hamburger:before, .hamburger:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 3px;
  background-color: #FFF;
  -moz-transition-property: -moz-transform, top;
  -o-transition-property: -o-transform, top;
  -webkit-transition-property: -webkit-transform, top;
  transition-property: transform, top;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hamburger:after {
  top: 14px;
}

.hamburger.open {
  background-color: #333;
}

.hamburger.open:before, .hamburger.open:after {
  top: 6px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger.open:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 639px) {
  .global-nav {
    background: #333;
    margin-top: -10px;
    padding: 10px;
  }
}
.global-nav > li {
  color: #111;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .global-nav > li {
    margin-bottom: 0;
    border: 1px solid #999;
  }

  .global-nav > li:nth-child(2) {
    background: #FFF;
    padding: 12px 10px 0 10px;
  }
}
.global-nav > li.nav-slide {
  position: relative;
  display: block;
  background: #FFF;
}

@media only screen and (max-width: 639px) {
  .global-nav > li.nav-slide {
    padding: 12px 10px;
  }
}
.global-nav > li.nav-slide > i {
  position: absolute;
  top: 0;
  right: 15%;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -229px;
  width: 17px;
  height: 17px;
}

@media only screen and (max-width: 639px) {
  .global-nav > li.nav-slide > i {
    display: none;
  }
}
.global-nav > li a {
  text-decoration: none;
}

@media only screen and (max-width: 639px) {
  .global-nav > li a {
    display: block;
    padding: 12px 10px;
    background: #FFF;
  }
}
.global-nav__inner {
  margin: 20px 0 0 10px;
}

@media only screen and (max-width: 639px) {
  .global-nav__inner {
    margin: 0;
  }
}
.global-nav__inner > li {
  margin: 0 0 15px 0;
}

.global-nav__inner > li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .global-nav__inner > li {
    margin: 0;
    display: block;
  }
}
.global-nav__inner > li a {
  position: relative;
  padding-left: 25px;
}

.global-nav__inner > li a i {
  position: absolute;
  top: -1px;
  left: 0;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -212px;
  width: 17px;
  height: 17px;
}

@media only screen and (max-width: 639px) {
  .global-nav__inner > li a i {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .global-nav__inner > li a {
    padding: 12px 10px 12px 20px;
  }

  .global-nav__inner > li a:before {
    content: ">";
    margin-right: 10px;
  }
}
.pc-form {
  float: left;
}

@media only screen and (max-width: 639px) {
  .pc-form {
    display: none;
  }
}
.search {
  border: 1px solid #ddd;
  background: #F4F4F4;
  position: relative;
  margin-right: 20px;
  width: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .search {
    display: none;
  }
}
.search input[type="text"] {
  padding: 5px 9px 4px;
  border: none;
  width: 140px;
  background: #F4F4F4;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search__btn {
  padding: 0;
  position: absolute;
  right: 5px;
  top: 5px;
}

.ie8 .search__btn {
  top: 2px;
}

.side-box {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .side-box {
    display: none;
  }
}
.side-box__title {
  line-height: 1;
  padding-bottom: 6px;
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.side-box__subtitle {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.side-box__subtitle .icon {
  color: #FFF;
  background: #22ac38;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
}

.side-box__subtitle span {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}

.side-box ul li {
  list-style: disc inside;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.side-box p {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.side-box p.border {
  padding-bottom: 15px;
  border-bottom: 1px dotted #999;
}

.side-box__inner {
  border-bottom: 1px dotted #999;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.side-box__inner dl dt, .side-box__inner dl dd {
  display: inline-block;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.side-box__inner dl dt {
  width: 3.5em;
}

.side-box__inner dl dd {
  font-weight: bold;
  vertical-align: top;
}

.side-box__inner dl dd span {
  font-weight: normal;
  font-size: 10px;
  font-size: 1rem;
}

.global-footer {
  border-top: 1px solid #999;
  width: 1010px;
  margin: 0 auto;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .global-footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 639px) {
  .global-footer {
    width: 100%;
    padding: 0 2%;
    border-top: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.global-footer__top {
  padding: 40px 0;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    padding: 20px 0;
  } */
}

@media only screen and (max-width: 639px) {
  .global-footer__top {
    border-top: 1px solid #999;
    padding: 0;
  }
}
.global-footer__block {
  width: 25%;
  float: left;
  padding: 0 1%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    padding: 0 1% 0 0;
  } */
}

@media only screen and (max-width: 639px) {
  .global-footer__block {
    width: 100%;
    padding: 0;
    float: none;
  }
}
.global-footer__block dl {
  margin-bottom: 30px;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .global-footer__block dl:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 639px) {
  .global-footer__block dl {
    margin-bottom: 0;
  }
}
.global-footer__block dt, .global-footer__block p {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .global-footer__block dt, .global-footer__block p {
    margin-bottom: 0;
    padding: 15px 10px;
    border-bottom: 1px dotted #999;
  }
}
@media only screen and (max-width: 639px) {
  .global-footer__block p {
    border-bottom: none;
  }
}
@media only screen and (max-width: 639px) {
  .global-footer__block dd {
    border-bottom: 1px dotted #999;
    display: none;
  }
}
.global-footer__block li {
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .global-footer__block li {
    border-bottom: 1px dotted #999;
  }

  .global-footer__block li:last-child {
    border-bottom: none;
  }
}
.global-footer__block li a {
  color: #555;
  display: block;
}

@media only screen and (max-width: 639px) {
  .global-footer__block li a {
    position: relative;
    padding: 15px 20px 15px 30px;
  }
}
.global-footer__block p a {
  display: block;
}

.global-footer__block p a:hover {
  text-decoration: none;
}

.global-footer__inner {
  padding-left: 10px;
}

.global-footer__bottom {
  border-top: 1px dotted #ccc;
  padding: 30px 0;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1010px) {
  .global-footer__bottom {
    padding: 10px 0;
  }
}
.global-footer__bottom ul {
  float: left;
}

@media only screen and (max-width: 1010px) {
  .global-footer__bottom ul {
    float: none;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
}
.global-footer__bottom ul li {
  display: inline-block;
  line-height: 1;
  margin-right: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 1010px) {
  .global-footer__bottom ul li {
    margin: 0 20px 10px 0;
  }
}
.global-footer__bottom p {
  float: right;
  line-height: 1;
}

@media only screen and (max-width: 1010px) {
  .global-footer__bottom p {
    float: none;
    text-align: center;
  }
}
/**
 * BxSlider v4.1.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;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

@media only screen and (max-width: 639px) {
  .bx-wrapper img {
    margin: 0 auto 10px;
  }
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -25px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: left;
}

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

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

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #22ac38;
}

.p-class-slider {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-class-slider {
    margin-bottom: 20px;
  }
}
.p-voice-slider {
  margin-bottom: 20px;
}

.p-class-slider .bx-controls-direction a,
.p-voice-slider .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.p-class-slider .bx-controls-direction a.bx-prev,
.p-voice-slider .bx-controls-direction a.bx-prev {
  left: -40px;
  background: url(../images/kyoshitsu/btn_prev.png) no-repeat;
}

@media only screen and (max-width: 1010px) {
  .p-class-slider .bx-controls-direction a.bx-prev,
  .p-voice-slider .bx-controls-direction a.bx-prev {
    opacity: 0.6;
    left: -4px;
  }

  .p-class-slider .bx-controls-direction a.bx-prev:hover,
  .p-voice-slider .bx-controls-direction a.bx-prev:hover {
    opacity: 1;
  }
}
.p-class-slider .bx-controls-direction a.bx-next,
.p-voice-slider .bx-controls-direction a.bx-next {
  right: -40px;
  background: url(../images/kyoshitsu/btn_next.png) no-repeat;
}

@media only screen and (max-width: 1010px) {
  .p-class-slider .bx-controls-direction a.bx-next,
  .p-voice-slider .bx-controls-direction a.bx-next {
    opacity: 0.6;
    right: -4px;
  }

  .p-class-slider .bx-controls-direction a.bx-next:hover,
  .p-voice-slider .bx-controls-direction a.bx-next:hover {
    opacity: 1;
  }
}
.p-class-slider .bx-controls-direction a.disabled,
.p-voice-slider .bx-controls-direction a.disabled {
  display: none;
}

.list-horizontal {
  display: inline-table;
  line-height: 1;
  margin-right: 40px;
}

.list-vertical {
  line-height: 1.5;
  margin-bottom: 5px;
}

.c-list-horizontal li {
  float: left;
  margin: 0 5px 5px 0;
}

.c-heading01, .p-nyujuku-heading01 {
  border-bottom: 1px solid #999;
  color: #101010;
  line-height: 1.2;
  padding-bottom: 5px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 27px;
  font-size: 20px;
  font-size: 2rem;
}

.shogaku {
  font-size: 58px;
  font-weight: normal;
  padding-left: 0px;
  border-bottom: none;
}

@media screen and (max-width: 640px) {
  .shogaku {
    font-size: 29px;
  }
}
.c-heading01 i, .p-nyujuku-heading01 i {
  position: absolute;
  top: 1px;
  left: 0;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -393px;
  width: 20px;
  height: 20px;
}

i.new {
  position: absolute;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -554px;
  width: 29px;
  height: 24px;
}

.c-heading02 {
  position: relative;
  line-height: 1.5;
  color: #333;
  padding: 0 0 10px 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #999;
  font-size: 18px;
  font-size: 1.8rem;
}

.c-heading02 i {
  position: absolute;
  top: 5px;
  left: 1px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -132px;
  width: 5px;
  height: 15px;
}

.c-heading03, .c-heading03--inner {
  color: #31459b;
  padding: 0 0 10px 0;
  margin-bottom: 15px;
  border-bottom: 1px dotted #999;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.8rem;
}

.c-heading03--inner {
  margin-bottom: 10px;
  padding: 0;
  border-bottom: none;
}

.c-heading04, .c-heading04--green, .p-nyujuku__taiken-heading02, .p-nyujuku__gakushin-heading03 {
  background: #F4F4F4;
  border-radius: 5px;
  padding: 10px;
  line-height: 1;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

.c-heading04--green, .p-nyujuku__taiken-heading02, .p-nyujuku__gakushin-heading03 {
  background: #22ac38;
  color: #fff;
}

.c-heading05 {
  color: #101010;
  margin-bottom: 30px;
  font-size: 22px;
  font-size: 2.2rem;
}

.c-heading05 span {
  color: #333;
  margin-left: 15px;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .c-heading05 span {
    display: block;
    margin: 10px 0 0 0;
  }
}
.c-heading05 span.result {
  color: #22ac38;
  font-weight: bold;
  display: inline-block;
  font-size: 22px;
  font-size: 2.2rem;
}

.c-heading06 {
  color: #101010;
  line-height: 1.2;
  margin-bottom: 30px;
  font-size: 25px;
  font-size: 2.5rem;
}

@media only screen and (max-width: 639px) {
  .c-heading06 {
    margin-bottom: 20px;
  }
}
.c-heading07 {
  color: #101010;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.c-heading08 {
  background: #22ac38;
  color: #fff;
  padding: 10px;
}

.c-heading08 a {
  color: #fff;
}

.c-heading08 a:hover {
  opacity: 0.7;
  color: #fff;
}

.c-heading08 p {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-heading08 p:first-child {
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.c-lead, .c-lead--nml {
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-lead--nml {
  font-weight: normal;
}

.label {
  padding: 3px 5px 0;
  font-weight: bold;
  line-height: 1.3;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

.circle, .circle--xs {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: #FFF;
  border-radius: 50% 50%;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.circle span, .circle--xs span {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}

.circle--xs {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-size: 1.2rem;
}

.circle--xs span {
  font-weight: normal;
  font-size: 10px;
  font-size: 1rem;
}

.kinder {
  background: #ec6d88;
}

.es {
  background: #00B26A;
}

.es01 {
  background: #FFCC00;
}

.es02 {
  background: #FAA21B;
}

.es03 {
  background: #F5821F;
}

.es04 {
  background: #81CA9C;
}

.es05 {
  background: #00B26A;
}

.es06 {
  background: #00984A;
}

.jhs {
  background: #008ACF;
}

.jhs01 {
  background: #32A3DC;
}

.jhs02 {
  background: #0089CF;
}

.jhs03 {
  background: #006CB7;
}

.hs {
  background: #360094;
}

.hs01 {
  background: #314DB3;
}

.hs02 {
  background: #343599;
}

.hs03 {
  background: #360094;
}

.indv {
  background: #0093ca;
}

.cate-open {
  background: #a0c07d;
}

.cate-action {
  background: #8CAAC6;
}

.cate-cm {
  background: #C39DC4;
}

.cate-news {
  background: #8E94B8;
}

.cate-ad {
  background: #C8B394;
}

.cate-alert {
  background: #DA0000;
}

.area {
  background: #F4F4F4;
  color: #333;
}

.label-on {
  background: #D90000;
  border: 1px solid #D90000;
}

.label-off {
  color: #D90000;
  background: #fff;
  border: 1px solid #D90000;
}

.c-kyoshitsu {
  border-color: #a0c07d;
  color: #a0c07d;
}

.c-kyoshitsu i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -91px;
  width: 13px;
  height: 13px;
}

.c-kyoshitsu:hover {
  background: #a0c07d;
}

.c-media {
  border-color: #c8b394;
  color: #c8b394;
}

.c-media i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -52px;
  width: 13px;
  height: 13px;
}

.c-media:hover {
  background: #c8b394;
}

.c-torikumi {
  border-color: #8caac6;
  color: #8caac6;
}

.c-torikumi i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -13px;
  width: 13px;
  height: 13px;
}

.c-torikumi:hover {
  background: #8caac6;
}

.c-news {
  border-color: #9ec3c0;
  color: #9ec3c0;
}

.c-news i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -26px;
  width: 13px;
  height: 13px;
}

.c-news:hover {
  background: #9ec3c0;
}

.c-emergency {
  border-color: #c25757;
  color: #c25757;
}

.c-emergency i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px 0px;
  width: 13px;
  height: 13px;
}

.c-emergency:hover {
  background: #c25757;
}

.c-cm {
  border-color: #c39dc4;
  color: #c39dc4;
}

.c-cm i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -39px;
  width: 13px;
  height: 13px;
}

.c-cm:hover {
  background: #c39dc4;
}

.c-box01, .c-box01--p10, .c-box01--p20, .c-box01--p30 {
  border: 5px solid #F4F4F4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-box01--p10 {
  padding: 10px;
}

.c-box01--p20 {
  padding: 20px;
}

@media only screen and (max-width: 639px) {
  .c-box01--p20 {
    padding: 10px;
  }
}
.c-box01--p30 {
  padding: 30px;
}

@media only screen and (max-width: 639px) {
  .c-box01--p30 {
    padding: 10px;
  }
}
.c-box02 {
  background: #F4F4F4;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .c-box02 {
    padding: 10px;
  }
}
.c-box03, .p-nyujuku__taiken-box {
  border: 1px dotted #ccc;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .c-box03, .p-nyujuku__taiken-box {
    padding: 10px;
  }
}
.c-box04 {
  border: 1px solid #22ac38;
  padding: 10px;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .c-box04 {
    margin-bottom: 20px;
  }
}
.btn, .btn--default, .btn--contact, .btn--contact--event, .btn--gray, .btn--top, .btn--class, .btn--inquiry, .p-course-btn {
  position: relative;
  border-radius: 3px;
  display: block;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn i, .btn--default i, .btn--contact i, .btn--contact--event i, .btn--gray i, .btn--top i, .btn--class i, .btn--inquiry i, .p-course-btn i {
  position: absolute;
}

.btn:hover, .btn--default:hover, .btn--contact:hover, .btn--contact--event:hover, .btn--gray:hover, .btn--top:hover, .btn--class:hover, .btn--inquiry:hover, .p-course-btn:hover {
  background: #FFF;
  -webkit-transition: color 300ms, background 500ms, border-color 700ms;
  transition: color 300ms, background 500ms, border-color 700ms;
}

.btn--default {
  height: 30px;
  line-height: 30px;
  border: 2px solid #22ac38;
  background: #22ac38;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn--default i {
  left: 5px;
  top: 5px;
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../images/common/ico_default_off.png);
}

.btn--default:hover {
  color: #22ac38;
}

.btn--default:hover i {
  background-image: url(../images/common/ico_default_on.png);
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .btn--default {
    width: 150px;
  }
}
.btn--contact, .btn--contact--event {
  height: 30px;
  line-height: 30px;
  border: 2px solid #31459b;
  background: #31459b;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn--contact i, .btn--contact--event i {
  left: 5px;
  top: 5px;
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../images/common/ico_contact_off.svg);
}

.btn--contact:hover, .btn--contact--event:hover {
  color: #31459b;
}

.btn--contact:hover i, .btn--contact--event:hover i {
  background-image: url(../images/common/ico_contact_on.svg);
}

.btn--contact--event {
  padding: 10px 0;
  height: auto;
  line-height: 1;
}

.btn--contact--event i {
  top: 10px;
}

.btn--gray {
  color: #333;
  width: 135px;
  background: #F4F4F4;
  margin: 0 auto;
  padding: 10px 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

.btn--gray i {
  top: 10px;
  left: 14px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -212px;
  width: 17px;
  height: 17px;
}

.btn--top {
  color: #333;
  margin-left: auto;
  margin-bottom: 20px;
  width: 120px;
  background: #F4F4F4;
  padding: 10px 10px 10px 22px;
  font-size: 13px;
  font-size: 1.3rem;
}

.btn--top i {
  top: 9px;
  left: 8px;
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(../images/common/ico_top.svg);
}

.btn--class {
  width: 255px;
  height: 35px;
  line-height: 35px;
  border: 2px solid #31459b;
  background: #31459b;
  font-size: 18px;
  font-size: 1.8rem;
}

.btn--class i {
  right: 15%;
  top: 8px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -246px;
  width: 17px;
  height: 17px;
}

.btn--class:hover {
  color: #31459b;
}

.btn--class:hover i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -263px;
  width: 17px;
  height: 17px;
}

.btn--inquiry {
  width: 320px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #db0308;
  background: #db0308;
  text-align: left !important;
  padding-left: 20px;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 639px) {
  .btn--inquiry {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.btn--inquiry span {
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .btn--inquiry span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.btn--inquiry i {
  right: 15px;
  top: 20px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -413px;
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 639px) {
  .btn--inquiry i {
    top: 15px;
  }
}
.btn--inquiry:hover {
  color: #db0308;
}

.btn--inquiry:hover i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -453px;
  width: 20px;
  height: 20px;
}

.btn-sml {
  width: 120px;
}

.btn-nml {
  width: 180px;
}

.btn-lg {
  width: 210px;
}

@media only screen and (max-width: 639px) {
  .btn-xs {
    text-align: left;
    padding-left: 23px;
  }
}
.no-svg .btn--default i,
.ie8 .btn--default i {
  width: 17px;
  height: 17px;
  background-image: url(../images/common/ico_default_off.png);
}

.no-svg .btn--default:hover i,
.ie8 .btn--default:hover i {
  background-image: url(../images/common/ico_default_on.png);
}

.no-svg .btn--contact i, .no-svg .btn--contact--event i,
.ie8 .btn--contact i,
.ie8 .btn--contact--event i,
.no-svg .btn--contact--event i,
.ie8 .btn--contact--event i {
  width: 17px;
  height: 17px;
  background-image: url(../images/common/ico_contact_off.png);
}

.no-svg .btn--contact:hover i, .no-svg .btn--contact--event:hover i,
.ie8 .btn--contact:hover i,
.ie8 .btn--contact--event:hover i,
.no-svg .btn--contact--event:hover i,
.ie8 .btn--contact--event:hover i {
  background-image: url(../images/common/ico_contact_on.png);
}

.no-svg .btn--top i {
  background-image: url(../images/common/ico_top.png);
}

.btn-event {
  width: 290px;
  margin: 0 auto;
  background: #2F4599;
  display: block;
  text-align: center;
  color: #FFF;
  position: relative;
  padding: 10px 0;
  text-decoration: none;
  position: relative;
  line-height: 1.6;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #18298F;
  box-shadow: 0 3px 0 #18298F;
  font-size: 20px;
  font-size: 2rem;
}

.btn-event:hover {
  top: 1px;
  box-shadow: 0 2px 0 #18298F;
  text-decoration: none;
  color: #FFF;
}

.btn-event i {
  position: absolute;
  background: url(../images/common/ico_btn.png);
  background-repeat: no-repeat;
  width: 10px;
  height: 18px;
  top: 17px;
  left: 26px;
}

.btn-conv {
  background: #2F4599;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  position: relative;
  padding: 15px 0;
  text-decoration: none;
  position: relative;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #18298F;
  box-shadow: 0 3px 0 #18298F;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .btn-conv {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.btn-conv:hover {
  top: 1px;
  box-shadow: 0 2px 0 #18298F;
  text-decoration: none;
  color: #FFF;
  opacity: 0.7;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}

.btn-conv i {
  position: absolute;
  left: 20px;
  top: 15px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -297px;
  width: 9px;
  height: 18px;
}

.c-table01 {
  border: 1px dotted #ccc;
  border-collapse: collapse;
  width: 100%;
}

.c-table01 th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  width: 11%;
  background: #F4F4F4;
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 13px;
  font-size: 1.3rem;
}

.c-table01 td {
  padding: 10px;
  width: 89%;
  border-bottom: 1px dotted #ccc;
  font-size: 13px;
  font-size: 1.3rem;
}

.c-table01 td p {
  line-height: 1.4;
}

.c-table02 {
  border-top: 1px dotted #ccc;
  border-left: 1px dotted #ccc;
  border-collapse: collapse;
  width: 100%;
}

.c-table02 th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  width: 40%;
  background: #F4F4F4;
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 13px;
  font-size: 1.3rem;
}

.c-table02 th:first-child {
  width: 20%;
}

.c-table02 td {
  padding: 10px;
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 13px;
  font-size: 1.3rem;
}

.c-table02 td p {
  line-height: 1.3;
}

.c-table02 td p.p-class-tabeltext {
  line-height: 1.7;
}

.c-table03 {
  width: 100%;
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .c-table03 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-table03 tr {
  border-bottom: 1px dotted #ccc;
}

.c-table03 th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
}

.c-table03 th.col1, .c-table03 th.col2, .c-table03 th.col3 {
  border-right: 1px dotted #ccc;
}

.c-table03 th.col1 {
  width: 40%;
}

@media only screen and (max-width: 639px) {
  .c-table03 th.col1 {
    width: 30%;
  }
}
.c-table03 th.col2, .c-table03 th.col3 {
  width: 15%;
}

.c-table03 th.col4 {
  width: 30%;
}

@media only screen and (max-width: 639px) {
  .c-table03 th.col4 {
    width: 40%;
  }
}
.c-table03 td {
  padding: 10px;
  vertical-align: middle;
}

@media only screen and (max-width: 639px) {
  .c-table03 td {
    padding: 10px 5px;
  }
}
.c-table03 td.col1, .c-table03 td.col2, .c-table03 td.col3 {
  border-right: 1px dotted #ccc;
  text-align: center;
}

.c-table03 td.col1 {
  text-align: left;
}

.ico_seminar01,
.ico_navio01,
.ico_visavis01,
.ico_others01,
.ico_shu01,
.ico_ko01,
.ico_ei01,
.ico_others02,
.ico_you01,
.ico_shou01,
.ico_chu01,
.ico_kou01 {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 11px !important;
  border-radius: 50%;
  font-family: "ＭＳ Ｐゴシック";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center !important;
  vertical-align: middle;
  margin-right: 5px;
  color: #FFF !important;
  margin-bottom: 3px !important;
}

.ico_seminar01:after,
.ico_navio01:after,
.ico_visavis01:after,
.ico_others01:after,
.ico_shu01:after,
.ico_ko01:after,
.ico_ei01:after,
.ico_you01:after,
.ico_shou01:after,
.ico_chu01:after,
.ico_kou01:after {
  color: #FFF !important;
  font-weight: bold !important;
  padding: 0;
  line-height: 20px !important;
  margin-top: 3px;
}

.ico_seminar01 {
  background-color: #22ac38;
}

.ico_navio01 {
  background-color: #EC3A18;
}

.ico_visavis01 {
  background-color: #028EC1;
}

.ico_others01 {
  background-color: #FF9000;
}

.ico_shu01 {
  background-color: #FF4E00;
}

.ico_ko01 {
  background-color: #2653FC;
}

.ico_ei01 {
  background-color: #437B00;
}

.ico_you01 {
  background-color: #EC6D88;
}

.ico_shou01 {
  background-color: #00AA94;
}

.ico_chu01 {
  background-color: #0096FF;
}

.ico_kou01 {
  background-color: #8B5EF0;
}

.ico_seminar01:after {
  content: "ゼ" !important;
}

.ico_navio01:after {
  content: "高" !important;
}

.ico_visavis01:after {
  content: "個" !important;
}

.ico_others01:after {
  content: "他" !important;
}

.ico_shu01:after {
  content: "集" !important;
}

.ico_ko01:after {
  content: "個" !important;
}

.ico_ei01:after {
  content: "映" !important;
}

.ico_you01:after {
  content: "幼" !important;
}

.ico_shou01:after {
  content: "小" !important;
}

.ico_chu01:after {
  content: "中" !important;
}

.ico_kou01:after {
  content: "高" !important;
}

.search-heading {
  display: table;
  width: 100%;
  border-left: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search-heading p {
  text-align: center;
  font-weight: bold;
  display: table-cell;
  background: #F4F4F4;
  vertical-align: middle;
  width: 40%;
  padding: 10px 5px;
  border-right: 1px dotted #ccc;
  font-size: 14px;
  font-size: 1.4rem;
}

.search-heading p.class-name {
  width: 117px;
}

.search-heading p.add {
  width: 117px;
}

.search-heading p.tel {
  width: 104px;
}

.search-heading p.class-station {
  width: 104px;
}

.search-heading p.target {
  width: 104px;
}

.search-heading p.guidance {
  width: 104px;
}

.search-list .detail p.class-name {
  width: 117px;
}

.search-list .detail p.add {
  width: 117px;
}

.search-list .detail p.tel {
  width: 104px;
}

.search-list .detail p.class-station {
  width: 104px;
}

.search-list .detail p.target {
  width: 104px;
}

.search-list .detail p.guidance {
  width: 104px;
}

.search-heading p.target span {
  display: inline-block;
}

.search-list {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .search-list {
    margin-bottom: 20px;
  }
}
.search-list .detail {
  display: table;
  width: 100%;
  border-left: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
}

.search-list .detail p {
  display: table-cell;
  width: 40%;
  /*    padding:10px;*/
  padding: 10px 5px;
  line-height: 1.5;
}

/*
.search-list .detail p:first-child {
  border-right: 1px dotted #ccc;
  width: 20%;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
.search-list .detail p:first-child a {
  display: block;
}
.search-list .detail p span {
  font-weight: bold;
  display: block;
}
*/
.search-list .detail p.class-name {
  border-right: 1px dotted #ccc;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  /*    width:15%;*/
}

.search-list .detail li.class-name {
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  /*    width:15%;*/
}

.search-list .detail ul.class-name-tel,
.search-list .detail p.add,
.search-list .detail p.tel,
.search-list .detail p.class-station,
.search-list .detail p.target {
  border-right: 1px dotted #ccc;
}

.search-list .detail p.target,
.search-list .detail p.guidance {
  vertical-align: top;
  text-align: center;
}

.search-list .detail p.target span,
.search-list .detail p.guidance span {
  display: inline;
  float: left;
  margin-right: 3px;
}

.search-list .detail ul {
  border-right: 1px dotted #ccc;
  display: table-cell;
  width: 40%;
  padding: 10px;
}

.search-heading p.class-name-tel,
.search-list .detail ul.class-name-tel {
  display: none;
}

.search-list .detail ul li {
  line-height: 1.8;
}

@media only screen and (max-width: 639px) {
  .ico_seminar01,
  .ico_navio01,
  .ico_visavis01,
  .ico_others01,
  .ico_shu01,
  .ico_ko01,
  .ico_ei01,
  .ico_others02,
  .ico_you01,
  .ico_shou01,
  .ico_chu01,
  .ico_kou01 {
    font-size: 13px !important;
  }

  .search-heading p.class-name,
  .search-heading p.add,
  .search-heading p.tel,
  .search-heading p.class-station,
  .search-list .detail p.class-name,
  .search-list .detail p.add,
  .search-list .detail p.tel,
  .search-list .detail p.class-station {
    display: none;
  }

  .search-heading p.class-name-tel {
    width: auto;
    display: table-cell;
    padding: 10px;
  }

  .search-heading p.target {
    width: 33px;
    padding: 10px;
  }

  .search-heading p.guidance {
    width: 33px;
    padding: 10px;
  }

  .search-list .detail ul.class-name-tel {
    width: auto;
    display: table-cell;
  }

  .search-list .detail p.target {
    display: table-cell;
    border-right: 1px dotted #ccc;
    text-align: center;
    width: 43px;
    position: relative;
  }

  .search-list .detail p.guidance {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 43px;
  }

  .search-list {
    margin-bottom: 20px;
  }

  .search-list .detail p.target span,
  .search-list .detail p.guidance span {
    display: block;
  }

  .search-list .detail p.target .ico_seminar01,
  .search-list .detail p.target .ico_navio01,
  .search-list .detail p.target .ico_visavis01,
  .search-list .detail p.target .ico_others01,
  .search-list .detail p.target .ico_shu01,
  .search-list .detail p.target .ico_ko01,
  .search-list .detail p.target .ico_ei01,
  .search-list .detail p.target .ico_others02,
  .search-list .detail p.target .ico_you01,
  .search-list .detail p.target .ico_shou01,
  .search-list .detail p.target .ico_chu01,
  .search-list .detail p.target .ico_kou01,
  .search-list .detail p.guidance .ico_seminar01,
  .search-list .detail p.guidance .ico_navio01,
  .search-list .detail p.guidance .ico_visavis01,
  .search-list .detail p.guidance .ico_others01,
  .search-list .detail p.guidance .ico_shu01,
  .search-list .detail p.guidance .ico_ko01,
  .search-list .detail p.guidance .ico_ei01,
  .search-list .detail p.guidance .ico_others02,
  .search-list .detail p.guidance .ico_you01,
  .search-list .detail p.guidance .ico_shou01,
  .search-list .detail p.guidance .ico_chu01,
  .search-list .detail p.guidance .ico_kou01 {
    float: none;
  }
}
.media {
  overflow: hidden;
}

.media__image--left {
  float: left;
  margin-right: 20px;
}

.media__image--right {
  float: right;
  margin-left: 20px;
}

@media only screen and (max-width: 639px) {
  .media__image--left {
    float: none;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
  }

  .media__image--right {
    float: none;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
  }
}
.media__body {
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  img.fluid-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.media--s {
  overflow: hidden;
}

.media--s__image--left {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 639px) {
  .media--s__image--left {
    margin-right: 2%;
  }
}
.media--s__image--right {
  float: right;
  margin-left: 20px;
}

@media only screen and (max-width: 639px) {
  .media--s__image--right {
    margin-left: 2%;
  }
}
.media--s__body {
  overflow: hidden;
}

.c-link {
  position: relative;
  padding-left: 20px;
}

.c-link i {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -78px;
  width: 13px;
  height: 13px;
}

.c-more {
  position: relative;
  font-weight: bold;
  text-align: left;
  margin-bottom: 40px;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-pagenation {
  margin-bottom: 40px;
  height: 36px;
}

@media only screen and (max-width: 639px) {
  .c-pagenation {
    margin-bottom: 20px;
  }
}
.c-pagenation .pager li {
  display: inline;
}

.c-pagenation .pager li.prev a {
  float: left;
}

.c-pagenation .pager li.next a {
  float: right;
}

.c-pagenation .pager li a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-pagenation .count {
  /* @extend %clearfix;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -104px; */
  text-align: center;
}

.c-pagenation .count li {
  display: inline;
  margin-right: 7px;
}

@media only screen and (max-width: 639px) {
  .c-pagenation .count li {
    margin-right: 0;
  }
}
.c-pagenation .count li span.current_page {
  border: 1px solid #fff;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .c-pagenation .count li span.current_page {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-pagenation .count li a, .c-pagenation .count li span {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .c-pagenation .count li a, .c-pagenation .count li span {
    padding: 8px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-pagenation .count li a.active, .c-pagenation .count li span.active {
  color: #666;
  background: #F4F4F4;
  border: 1px solid #F4F4F4;
}

.c-pagenation .count li a:hover, .c-pagenation .count li span:hover {
  color: #666;
  background: #F4F4F4;
  border: 1px solid #F4F4F4;
}

.c-pagenation .count li span {
  border: none;
}

.c-outer {
  vertical-align: middle;
  margin: 0 1px 0 3px;
}

.txt01 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem;
}

.c-course {
  margin-bottom: 10px;
}

.c-course__title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.8rem;
}

.c-course__title span {
  color: #22ac38;
  margin-right: 5px;
  font-size: 22px;
  font-size: 2.2rem;
}

.c-course__title span.s-text {
  color: #333;
  font-size: 11px;
  font-size: 1.1rem;
}

.c-course__span {
  margin-bottom: 5px;
  font-size: 10px;
  font-size: 1rem;
}

.c-course__span span {
  background: #2A59B3;
  color: #fff;
  line-height: 1;
  padding: 1px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.c-course__text {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-course__text--s {
  font-size: 14px;
  font-size: 1.4rem;
}

.c-course__detail {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-course__detail dt {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

.c-course__detail dd {
  color: #E5182C;
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

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

.c-course__data dt {
  font-weight: bold;
  line-height: 1.8;
  font-size: 12px;
  font-size: 1.2rem;
}

.c-course__data dd {
  font-size: 10px;
  font-size: 1rem;
}

.c-course-per {
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.c-alert {
  color: #FD2C26;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

/**
 * author:Zhangjing
 * date:2018-1-2
 * start
 */
.c-conv {
  margin: 70px 0 85px;
  border-top: 1px solid #b2b2b2;
  padding-top: 50px;
}

.c-conv .col2 {
  width: 49%;
  margin-right: 0;
}

.c-conv .col2:last-child {
  float: right;
  border-left: 1px dotted #777777;
}

.c-conv .col2:last-child .c-course {
  margin: 28px 0;
  height: 216px;
}

.c-conv .col2 h3 {
  font-weight: normal;
}

.c-conv .col2 .c-conv__heading {
  font-size: 26px;
  line-height: 1.38;
  color: #333;
  text-align: center;
}

.c-conv .col2 .c-conv__heading span {
  background: #ffff00;
}

.c-conv .col2 .c-course {
  margin: 40px 0;
}

.c-conv .col2 .c-course .col2 {
  border: none;
  margin-right: 0;
}

.c-conv .col2 .c-course .col2 .img {
  position: relative;
  text-align: center;
  box-sizing: border-box;
}

.c-conv .col2 .c-course .col2 .img strong {
  font-size: 20px;
  color: #fff;
  background: #264999;
  border-radius: 18px;
  padding: 5% 10%;
  font-weight: normal;
  position: relative;
  bottom: 20px;
  display: inline-block;
}

.c-conv .col2 .c-course .col2 p {
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin-top: -10px;
}

.c-conv .col2 .heightLine-2 .siryo_btn {
  display: block;
  width: 260px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  background: #b91820 url(../images/btn_arrow_white.png) right 20px top 50% no-repeat;
  text-align: center;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  text-decoration: none;
  transition: opacity .3s;
}

.c-conv .col2 .heightLine-2 .siryo_btn:hover {
  opacity: 0.5;
}

@media only screen and (max-width: 639px) {
  .c-conv {
    margin: 35px 0 0;
    border-top: none;
    padding-top: 25px;
  }

  .c-conv .col2 {
    width: 100%;
    margin-right: 0;
  }

  .c-conv .col2:last-child {
    float: right;
    border-left: none;
  }

  .c-conv .col2:last-child .c-course {
    margin: 28px 0;
    height: auto;
  }

  .c-conv .col2:first-child .c-course .col2 {
    width: 48%;
  }

  .c-conv .col2.mbt {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #777;
  }

  .c-conv .col2 img {
    width: 100%;
  }

  .c-conv .col2 h3 {
    font-weight: normal;
  }

  .c-conv .col2 .c-conv__heading {
    font-size: 20px;
    line-height: 1.5;
  }

  .c-conv .col2 .c-course {
    margin: 20px 0;
    height: auto;
  }

  .c-conv .col2 .c-course .col2 {
    border: none;
    margin-right: 0;
  }

  .c-conv .col2 .c-course .col2 .img {
    position: relative;
    text-align: center;
    box-sizing: border-box;
  }

  .c-conv .col2 .c-course .col2 .img strong {
    font-size: 15px;
    border-radius: 18px;
    padding: 5%;
    position: relative;
    bottom: 20px;
    display: inline-block;
  }

  .c-conv .col2 .c-course .col2 p {
    font-size: 10px;
    line-height: 20px;
    margin-top: -15px;
  }

  .c-conv .col2 .heightLine-2 .siryo_btn {
    width: 65%;
    height: 50px;
    line-height: 50px;
  }
}
/**
 * author:Zhangjing
 * date:2018-1-2
 * end
 */
@media only screen and (max-width: 639px) {
  .c-shadow-right:after {
    display: none;
  }
}
.p-top-emergency {
  width: 1010px;
  margin: 10px auto 0;
  border: 1px solid #c00;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .p-top-emergency {
    width: auto;
    margin: 10px;
  }
}
.p-top-emergency__heading {
  background: #C00;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 7px 0;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-top-emergency__heading span {
  position: relative;
}

.p-top-emergency__heading span i {
  position: absolute;
  top: 1px;
  left: -25px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -162px;
  width: 18px;
  height: 16px;
}

.p-top-emergency__list {
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-top-emergency__list p {
  display: inline-block;
  color: #C00;
  font-size: 17px;
  font-size: 1.7rem;
}

.p-top-emergency__list p:first-child {
  margin-right: 10px;
}

@media only screen and (max-width: 639px) {
  .p-top-emergency__list p {
    line-height: 1.3;
  }

  .p-top-emergency__list p:first-child {
    margin-bottom: 10px;
  }
}
.p-top-emergency__list p a {
  color: #C00;
  font-weight: bold;
}

.p-top-emergency__link {
  text-align: right;
  padding: 0 10px 10px;
}

.p-top-emergency__link a {
  color: #C00;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-top-emergency__link a:hover {
  color: #C00;
  text-decoration: none;
}

.p-course-list {
  margin: 0 -1% 50px 0;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-course-list {
    margin: 0 0 20px 0;
  }
}
.p-course-list > li {
  float: left;
  margin-right: 1%;
  width: 19%;
  	      /* @media only screen and (min-width:640px) and (max-width:1010px) {
  	        width: (92%/5);
  	        margin: 0 2% 10px 0;
  	        @include box-sizing(border-box);
  
  	        &:last-child{
  	          margin-right: 0;
  	        }
  	      } */
}

@media only screen and (max-width: 639px) {
  .p-course-list > li {
    float: none;
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
  }
}
.p-course-list > li a {
  display: block;
  text-decoration: none;
}

.p-course-list > li a:hover {
  background: #f4f4f4;
  color: #333;
  -webkit-transition: background 800ms;
  transition: background 800ms;
}

.p-course-box {
  background: url(../images/top/bg_course.png) no-repeat right bottom;
  border: 1px solid #999;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    width: auto;
    padding: 10px;
  } */
}

@media only screen and (max-width: 639px) {
  .p-course-box {
    padding: 5px;
    overflow: hidden;
  }
}
.p-course-box ul {
  margin: 0 auto 10px;
  width: 100px;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    width: auto;
    margin: 0 0 10px 0;
  } */
}

@media only screen and (max-width: 639px) {
  .p-course-box ul {
    width: 40px;
    float: left;
    margin: 0 2% 0 0;
  }
}
.p-course-box ul li {
  float: left;
  margin-left: 5px;
  width: 30px;
  line-height: 1;
  padding: 1.5px 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-course-box ul li {
    float: none;
    margin: 0 0 1px 0;
    width: auto;
    padding: 1.5px 3px;
  }
}
.p-course-box ul li:first-child {
  margin-left: 0;
}

.p-course-box ul li span {
  font-size: 10px;
  font-size: 1rem;
}

.p-course-box ul li.single {
  width: 100px;
}

@media only screen and (max-width: 639px) {
  .p-course-box ul li.single {
    width: 40px;
    padding: 2px;
  }

  .p-course-box ul li.single span {
    display: block;
    text-align: center;
  }
}
.p-course-box__title {
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-course-box__title {
    text-align: left;
    margin-bottom: 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.p-course-box__text {
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-top-block {
  margin-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .p-top-block {
    margin-bottom: 30px;
  }
}
.p-top-block .main-image {
  float: left;
  margin-right: 30px;
  width: 550px;
}

@media only screen and (max-width: 639px) {
  .p-top-block .main-image {
    float: none;
    margin: 0 0 40px 0;
    width: 100%;
  }
}
.p-top-block .main-image__heading {
  border-bottom: 1px solid #a0a0a0;
  padding: 0 0 5px 5px;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-top-block .main-image li a {
  text-decoration: none;
}

.p-top-block .main-image li a:hover {
  color: #333;
}

.p-top-block .p-top-search {
  float: left;
  width: 180px;
}

@media only screen and (max-width: 639px) {
  .p-top-block .p-top-search {
    float: none;
    margin: 0;
    width: 100%;
  }
}
.p-top-block .p-top-search__heading {
  line-height: 1;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-top-block .p-top-search__wrap {
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-top-block .p-top-search__wrap {
    display: table;
    width: 100%;
    margin-bottom: 10px;
  }
}
.p-top-block .p-top-search__map {
  margin-bottom: 10px;
}

.p-top-block .p-top-search__map a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 639px) {
  .p-top-block .p-top-search__map {
    display: none;
  }
}
.p-top-block .p-top-search__text {
  line-height: 1.2;
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-top-search__list {
  background: #F4F4F4;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-top-search__list ul li {
  float: left;
  font-weight: bold;
  margin: 0 10px 5px 0;
}

.search-school {
  border: 1px solid #ccc;
  position: relative;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search-school input[type="text"] {
  padding: 9px 9px 5px;
  border: none;
  width: 150px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1010px) {
  .search-school input[type="text"] {
    width: 95%;
  }
}
.search-school__btn {
  padding: 0;
  position: absolute;
  right: 5px;
  top: 7px;
}

.p-top-banner {
  margin: 0 -2% 35px 0;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .p-top-banner {
    margin: 0 0 30px 0;
  }
}
@media only screen and (max-width: 639px) {
  .p-top-banner {
    display: none;
  }
}
.p-top-banner li {
  float: left;
  width: 23%;
  margin: 0 2% 20px 0;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .p-top-banner li {
    width: 32%;
    margin: 0 2% 2% 0;
  }

  .p-top-banner li:nth-child(3n) {
    margin-right: 0;
  }
}
.p-top-banner li a {
  display: block;
  text-decoration: none;
  text-align: center;
}

.p-top-banner li img:hover {
  opacity: 0.7;
}

.p-top-banner li p {
  line-height: 1.3;
  font-size: 12px;
  font-size: 1.2rem;
}

.top-recommend {
  margin: 0 -20px 20px 0;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .top-recommend {
    margin: 0 0 20px 0;
  }
}
.top-recommend li {
  float: left;
  width: 360px;
  margin: 0 20px 30px 0;
}

@media only screen and (max-width: 639px) {
  .top-recommend li {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
  }
}
.top-recommend li a {
  text-decoration: none;
}

.top-recommend__title {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  text-decoration: underline;
  position: relative;
  display: inline;
  font-size: 16px;
  font-size: 1.6rem;
}

.top-recommend__title i {
  margin-left: 10px;
}

.top-recommend__text {
  line-height: 1.4;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.3rem;
}

.top-recommend .media--s__body img {
  display: inline;
  margin-left: 10px;
}

.top-event {
  margin-bottom: 20px;
}

.top-event > li {
  margin-bottom: 10px;
}

.top-event__title {
  line-height: 1.5;
  text-decoration: underline;
  position: relative;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}

.top-event__title a {
  text-decoration: none;
}

.top-event__title img {
  margin-left: 10px;
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .top-event__title {
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.top-event__list li {
  line-height: 1;
  text-align: center;
  color: #FFF;
  display: inline-block;
}

.top-event__list li span {
  font-size: 10px;
  font-size: 1rem;
}

.top-info {
  margin-bottom: 20px;
}

.top-info li {
  margin-bottom: 15px;
  line-height: 1.8;
}

.top-info li p {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .top-info li p {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 639px) {
  .top-info li p:last-child {
    margin-top: 10px;
    display: block;
  }
}
.top-info li p.cate {
  color: #FFF;
  margin-right: 20px;
  line-height: 1;
  width: 95px;
  text-align: center;
  padding: 3.5px 0;
  font-size: 12px;
  font-size: 1.2rem;
}

/**/
.cate-ema {
  background: #FFF;
  border: 1px solid #DA0000;
  color: #DA0000 !important;
}

@media only screen and (max-width: 639px) {
  .top-info li p.cate {
    margin-right: 10px;
  }
}
.top-info li p.cate:hover {
  color: #FFF;
}

.top-info li p.date {
  margin-right: 20px;
}

.top-info__title {
  line-height: 1.5;
  text-decoration: underline;
}

.top-info__title:hover {
  text-decoration: none;
}

.top-info img {
  margin-left: 10px;
  display: inline-block;
}

.slider {
  width: 100%;
  overflow: hidden;
}

.slider__heading {
  line-height: 1.4;
  margin-bottom: 15px;
  font-size: 32px;
  font-size: 3.2rem;
}

@media only screen and (min-width: 640px) and (max-width: 1010px) {
  .slider__heading {
    margin-bottom: 10px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 639px) {
  .slider__heading {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.slider__image {
  margin-bottom: 10px;
}

.slider__image--right {
  float: right;
  margin-left: 10px;
}

@media only screen and (max-width: 639px) {
  .slider__image--right {
    float: none;
    display: block;
    margin: 0 0 10px 0;
  }
}
.slider__image--left {
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 639px) {
  .slider__image--left {
    float: none;
    display: block;
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-width: 639px) {
  .slider img {
    text-align: center;
  }
}
.slider__body {
  overflow: hidden;
}

.slider__title {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 21px;
  font-size: 2.1rem;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    margin-bottom: 10px;
    @include font-size(17);
  } */
}

@media only screen and (max-width: 639px) {
  .slider__title {
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.slider__text {
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .slider__text {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-top-movie {
  margin-bottom: 5px;
}

.p-top-movie iframe {
  width: 180px;
  height: 120px;
}

@media only screen and (max-width: 639px) {
  .p-top-movie iframe {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 639px) {
  .p-top-aside {
    display: none;
  }
}
.p-top-aside__sp {
  display: none;
}

@media only screen and (max-width: 639px) {
  .p-top-aside__sp {
    display: block;
    text-align: center;
  }
}
.p-top-aside li {
  margin-bottom: 10px;
}

.p-top-aside li img {
  text-align: center;
}

.p-top-aside__inner img {
  margin-bottom: 10px;
}

.p-top-aside__inner p {
  line-height: 1.3;
  font-size: 11px;
  font-size: 1.1rem;
}

.p-top-list-heading {
  line-height: 1;
  padding-bottom: 20px;
  margin-bottom: 25px;
  text-align: center;
  border-bottom: 1px dotted #999;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-top-list-box {
  margin: 0 auto 50px;
  width: 1010px;
}

@media only screen and (max-width: 639px) {
  .p-top-list-box {
    width: 96%;
  }
}
.p-top-list li {
  float: left;
  width: 16.66667%;
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-top-list li {
    width: 50%;
  }
}
.p-top-bnr {
  height: 146px;
  margin-bottom: 25px;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .p-top-bnr {
    height: auto;
    margin-bottom: 20px;
  }
}
.p-top-bnr img {
  position: absolute;
  top: 0;
  right: -14px;
}

@media only screen and (max-width: 639px) {
  .p-top-bnr img {
    position: relative;
  }
}
.p-voice-images a {
  text-decoration: none;
}

.p-voice-images a:hover img {
  opacity: 0.7;
}

.p-voice-images li img {
  height: 142px;
  width: 213px;
}

@media only screen and (max-width: 639px) {
  .p-voice-images li img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.p-voice-images li .caption {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-voice-images li .name {
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
  height: 45px;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-voice-images li .grade {
  padding: 3px 5px 2px;
  font-weight: bold;
  line-height: 1.3;
  margin-left: 10px;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-event__expired {
  border: 1px solid #D90000;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-event__expired p {
  color: #D90000;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 639px) {
  .p-event__expired p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-event__expired p span {
  position: relative;
}

.p-event__expired p i {
  position: absolute;
  top: -3px;
  left: -20px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -433px;
  width: 20px;
  height: 20px;
}

.p-event__lead {
  line-height: 1.5;
  margin-bottom: 35px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-event__body p {
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-event__apply {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-event__apply {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.p-event__apply h1 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #31459b;
  font-size: 24px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 639px) {
  .p-event__apply h1 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-event__apply h1 i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -646px;
  width: 45px;
  height: 45px;
}

.p-event__apply p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  margin-left: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-event__apply p {
    margin: 10px 0 0 0;
  }
}
.p-event__link {
  margin-right: -2%;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-event__link {
    margin-right: 0;
  }
}
.p-event__link li {
  float: left;
  margin: 0 2% 2% 0;
  width: 23%;
}

@media only screen and (max-width: 639px) {
  .p-event__link li {
    margin: 0 2% 2% 0;
    width: 49%;
  }

  .p-event__link li:nth-child(2n) {
    margin-right: 0;
  }
}
.p-event__link li a {
  display: block;
}

.p-event__tel {
  width: 485px;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 639px) {
  .p-event__tel {
    width: auto;
    margin: 0 auto 10px;
  }
}
.p-event__tel p {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1;
}

@media only screen and (max-width: 639px) {
  .p-event__tel p {
    display: block;
    text-align: center;
  }
}
.p-event__tel p:first-child {
  color: #7E7B6B;
  font-size: 22px;
  font-size: 2.2rem;
}

.p-event__tel p:first-child i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: bold;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -315px;
  width: 31px;
  height: 18px;
}

@media only screen and (max-width: 639px) {
  .p-event__tel p:first-child {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-event__tel p.tel {
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .p-event__tel p.tel {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.p-event__btn {
  display: block;
  position: relative;
  font-weight: bold;
  background: #31459b;
  width: 300px;
  height: 52px;
  line-height: 52px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  border-radius: 3px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-event__btn {
    padding: 0 10px;
    width: auto;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-event__btn i {
  position: absolute;
}

.p-event__btn i.free {
  top: 8px;
  left: 10px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -609px;
  width: 37px;
  height: 37px;
}

.p-event__btn i.arrow {
  top: 18px;
  right: 15px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -246px;
  width: 17px;
  height: 17px;
}

.p-event__table {
  margin-bottom: 40px;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-event-wrap {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .p-event-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 639px) {
  .event-main-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-topics-index {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .p-topics-index {
    margin-bottom: 20px;
  }
}
.p-topics-index li {
  border-bottom: 1px dotted #ccc;
  line-height: 1.8;
  padding: 20px 0;
}

.p-topics-index li p {
  display: inline-block;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-topics-index li p {
    vertical-align: middle;
  }
}
@media only screen and (max-width: 639px) {
  .p-topics-index li p:last-child {
    margin-top: 10px;
    display: block;
  }
}
.p-topics-index li p.cate {
  color: #FFF;
  margin-right: 20px;
  line-height: 1;
  width: 95px;
  text-align: center;
  padding: 3.5px 0;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-topics-index li p.cate {
    margin-right: 10px;
  }
}
.p-topics-index li p.cate:hover {
  color: #FFF;
}

.p-topics-index li p.date {
  margin-right: 20px;
}

.p-topics-index__title {
  font-weight: bold;
}

.p-topics-index__title a {
  text-decoration: underline;
}

.p-topics-index__title a:hover {
  text-decoration: none;
}

.p-topics-index__title img {
  margin-left: 10px;
  display: inline-block;
}

.p-topics__list {
  border-bottom: 1px solid #999;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.p-topics__date {
  margin-bottom: 9px;
}

.p-topics__date li {
  line-height: 1;
  display: inline-block;
}

.p-topics__date li:first-child {
  margin-right: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-topics__date li span {
  margin-right: 5px;
}

.p-topics__title {
  line-height: 1.4;
  text-decoration: underline;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}

.p-topics__title a {
  text-decoration: none;
}

.p-topics__title a:hover {
  text-decoration: underline;
}

.p-topics__title img {
  margin-left: 10px;
  display: inline-block;
}

.p-topics__contact {
  font-weight: bold;
  line-height: 2;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-topics__contact dt {
  display: inline-block;
  margin-right: 5px;
}

.p-topics__contact dd {
  display: inline-block;
  color: #c00;
}

.p-topics__add {
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-topics__link {
  font-weight: bold;
  line-height: 2;
  text-decoration: underline;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-thumbnail > a {
  display: block;
  text-decoration: none;
}

.p-thumbnail__list {
  margin-bottom: 10px;
}

.p-thumbnail__list li {
  display: inline-block;
  margin-right: 2px;
}

.p-thumbnail h1 {
  margin-bottom: 10px;
  text-decoration: underline;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-thumbnail h1 img {
  vertical-align: middle;
  margin-left: 10px;
  width: 29px;
  height: 24px;
}

.p-thumbnail__video {
  margin-bottom: 20px;
  width: 300px;
  height: 170px;
}

@media only screen and (max-width: 639px) {
  .p-thumbnail__video {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-thumbnail__label {
  font-size: 12px;
  font-size: 1.2rem;
}

.p-thumbnail__label span {
  margin-right: 10px;
}

.p-thumbnail__caption p {
  margin-bottom: 10px;
}

.p-thumbnail__text {
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-thumbnail__link {
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-entry-body {
  line-height: 1.3;
  margin-bottom: 40px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-entry-body p {
  line-height: 1.3;
}

.p-entry-body h2 {
  line-height: 1.5;
}

.p-entry-body h3 {
  line-height: 1.3;
}

@media only screen and (max-width: 639px) {
  .p-entry-body {
    margin-bottom: 20px;
  }
}
.p-category {
  margin-bottom: 50px;
}

.p-category li {
  float: left;
  margin: 0 4% 2% 0;
  font-size: 13px;
  font-size: 1.3rem;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    &:last-child{
      margin-right: 0;
    }
  } */
}

@media only screen and (max-width: 639px) {
  .p-category li {
    line-height: 1.4;
    float: none;
    display: block;
    margin: 0 0 2% 0;
    padding: 0 5% 0 0;
  }
}
.p-movie {
  width: 480px;
  height: auto;
  margin: 0 auto 20px;
  position: relative;
  padding-bottom: 35.4375%;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-movie {
    padding-bottom: 56.25%;
    width: 100%;
  }
}
.p-movie > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-topics-category {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-topics-category {
    margin-bottom: 20px;
  }
}
.p-topics-category li {
  float: left;
  margin: 0 2% 0 0;
  font-size: 13px;
  font-size: 1.3rem;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    margin: 0 2% 2% 0;
  } */
}

@media only screen and (max-width: 639px) {
  .p-topics-category li {
    margin: 0 2% 2% 0;
    width: 49%;
  }

  .p-topics-category li:nth-child(even) {
    margin-right: 0;
  }
}
.p-topics-category li a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 25px;
  border-width: 2px;
  border-style: solid;
  font-weight: bold;
}

.p-topics-category li a i {
  position: absolute;
  left: 7px;
  top: 5px;
}

.p-topics-category li a:hover {
  color: #fff;
}

.p-topics-category li a:hover i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -65px;
  width: 13px;
  height: 13px;
}

.gMap {
  margin-bottom: 50px;
  width: 100%;
}

.p-search-map {
  border: 3px solid #22ac38;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*  @media only screen and (min-width:640px) and (max-width:1010px){
      display: table;
      width: 100%;
      margin-bottom: 20px
    } */
}

.p-search-map__left {
  float: left;
  width: 415px;
  padding: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*    @media only screen and (min-width:640px) and (max-width:1010px){
        display: table-cell;
        vertical-align: top;
        float: none;
        padding: 10px;
        width: 46%;
      } */
}

@media only screen and (max-width: 639px) {
  .p-search-map__left {
    float: none;
    display: block;
    padding: 10px;
    width: auto;
  }
}
.p-search-map__right {
  float: right;
  /*    @media only screen and (min-width:640px) and (max-width:1010px){
        display: table-cell;
        vertical-align: top;
      } */
}

@media only screen and (max-width: 639px) {
  .p-search-map__right {
    display: none;
  }
}
.p-search-map__heading {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-search-map__heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.p-search-map__heading h1 {
  margin-bottom: 5px;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 639px) {
  .p-search-map__heading h1 {
    line-height: 1.3;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-search-map__heading > p {
  font-size: 12px;
  font-size: 1.2rem;
  /*      @media only screen and (min-width:640px) and (max-width:1010px){
          line-height: 1.3;
        } */
}

.p-search-map__input {
  background: #f4f4f4;
  border: 1px solid #ccc;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-search-map__input .input {
  padding: 9px 9px 5px;
  border: none;
  background: #F4F4F4;
  width: 90%;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-search-map__input > p {
  position: absolute;
  top: 6px;
  right: 10px;
}

.p-search-image {
  background: url(../images/kyoshitsu/bg_map.png) no-repeat left top;
  position: relative;
  height: 230px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .p-search-image {
    background: none;
    height: auto;
    margin-bottom: 20px;
  }
}
.p-search-image__btn {
  position: absolute;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-search-image__btn a {
  display: block;
}

@media only screen and (max-width: 639px) {
  .p-search-image__btn {
    display: none;
  }
}
.p-search-image .area01 {
  background: url(../images/kyoshitsu/bg_kanto.png) no-repeat left top;
  width: 110px;
  height: 110px;
  line-height: 110px;
  color: #FFF;
  left: 261px;
  bottom: 4px;
}

.p-search-image .area02 {
  background: url(../images/kyoshitsu/bg_area.png) no-repeat left top;
  left: 313px;
  top: 28px;
  width: 59px;
  height: 59px;
  line-height: 59px;
}

.p-search-image .area03 {
  background: url(../images/kyoshitsu/bg_area.png) no-repeat left top;
  left: 118px;
  top: 129px;
  width: 59px;
  height: 59px;
  line-height: 59px;
}

.p-search-image .area04 {
  background: url(../images/kyoshitsu/bg_area.png) no-repeat left top;
  left: 180px;
  top: 129px;
  width: 59px;
  height: 59px;
  line-height: 59px;
}

.p-search-image .area05 {
  background: url(../images/kyoshitsu/bg_hkd.png) no-repeat left top;
  left: 0;
  top: 0;
  width: 118px;
  height: 95px;
  line-height: 95px;
  padding-top: 10px;
}

.p-search-image ul {
  width: 272px;
  position: absolute;
  right: 0;
  top: 50px;
}

@media only screen and (max-width: 639px) {
  .p-search-image ul {
    width: auto;
    position: relative;
    top: 0;
  }
}
.p-search-image ul li {
  float: left;
  margin: 0 2% 2% 0;
  width: 130px;
}

@media only screen and (max-width: 639px) {
  .p-search-image ul li {
    width: 49%;
  }

  .p-search-image ul li:nth-child(even) {
    margin-right: 0;
  }
}
.p-search-image ul li a {
  background: #FFF;
  border: 2px solid #22ac38;
  display: block;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-search-list {
  margin-bottom: 40px;
}

.p-search-list li {
  float: left;
  width: 25%;
  margin-bottom: 10px;
  line-height: 1.5;
  padding-right: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-search-list li {
    width: 50%;
  }
}
.p-search-result {
  margin-bottom: 40px;
}

.p-search-result dt {
  font-weight: bold;
  padding: 10px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  @incliude box-sizing(border-box);
}

.p-search-result dd {
  padding: 10px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  @incliude box-sizing(border-box);
}

.p-search-result dd a {
  display: block;
}

.p-search-result dd:nth-child(even) {
  background: #F4F4F4;
}

.lt-ie9 .p-search-result dd {
  border-bottom: 1px dotted #ccc;
}

.p-class-margin {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-class-margin {
    margin-bottom: 20px;
  }
}
.p-class-link--pc {
  display: block;
}

.p-class-link--pc li {
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-class-link--pc {
    display: none;
  }
}
.p-class-heading {
  border: 5px solid #F4F4F4;
  padding: 20px 25px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .p-class-heading {
    padding: 10px;
  }
}
.p-class-heading h1 {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 27px;
  font-size: 2.7rem;
}

@media only screen and (max-width: 639px) {
  .p-class-heading h1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.p-class-heading h1 span {
  font-size: 34px;
  font-size: 3.4rem;
  margin-left: 10px;
}

@media only screen and (max-width: 639px) {
  .p-class-heading h1 span {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
.p-class-heading__contact {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-class-heading__contact {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.p-class-heading__contact p {
  color: #31459b;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  font-weight: bold;
  padding-left: 35px;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-class-heading__contact p {
    display: block;
    margin: 0 0 20px 0;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.p-class-heading__contact p i {
  position: absolute;
  top: -3px;
  left: 4px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -578px;
  width: 23px;
  height: 31px;
}

.p-class-heading__contact dl {
  display: inline-block;
  margin-right: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-class-heading__contact dl {
    display: block;
    margin: 0 0 10px 0;
  }
}
.p-class-heading__contact dl dt {
  font-weight: bold;
  line-height: 1.7;
}

.p-class-heading__info p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-class-heading__info p {
    display: block;
  }
}
.p-class-heading__text {
  width: 160px;
  margin: 0 13px;
}

@media only screen and (max-width: 639px) {
  .p-class-heading__text {
    width: 100%;
    margin: 20px 0;
  }
}
.p-class-map {
  margin: 0 auto;
  width: 210px;
}

.p-class-eventblock {
  border: 5px solid #F4F4F4;
  padding: 20px 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-class-event-inner {
  height: 500px;
  overflow: hidden;
}

.p-class-event {
  /* height: 500px;
  overflow: hidden; */
}

.p-class-event > li {
  padding: 15px 0;
  border-top: 1px dotted #ccc;
}

.p-class-event > li:first-child {
  border-top: none;
  padding: 0 0 15px 0;
}

.p-class-event > li a {
  text-decoration: none;
}

.p-class-event__image {
  margin-bottom: 15px;
}

.p-class-event__image img {
  width: 330px;
  height: auto;
}

@media only screen and (max-width: 639px) {
  .p-class-event__image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-class-event__image img:hover {
  opacity: 0.7;
}

.p-class-event__heading {
  line-height: 1.5;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-class-event__heading a {
  text-decoration: underline;
}

.p-class-event__heading a:hover {
  text-decoration: none;
}

.p-class-event__date, .p-class-event__date--single {
  text-decoration: none;
  margin: 0 2% 10px 0;
  float: left;
  width: 48%;
}

.p-class-event__date dt, .p-class-event__date--single dt {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-class-event__date dd, .p-class-event__date--single dd {
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-event__date dd ins, .p-class-event__date--single dd ins {
  text-decoration: none;
}

.p-class-event__date dd span, .p-class-event__date--single dd span {
  margin-left: 10px;
  color: #B71C22;
  font-weight: bold;
}

.p-class-event__date--single {
  line-height: 1.6;
  margin: 0;
  float: none;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-event__text p {
  line-height: 1.7;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-event__link {
  margin-top: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-full {
  color: #B71C22;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-list {
  margin-right: -2%;
}

@media only screen and (max-width: 1010px) {
  .p-class-list {
    margin-right: 0;
  }
}
.p-class-list li {
  width: 48%;
  float: left;
  margin: 0 2% 2% 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  	      /* @media only screen and (min-width:640px) and (max-width:1010px) {
  	        width: 49%;
  
  	        &:nth-child(even) {
  	          margin-right: 0;
  	        }
  	      } */
}

@media only screen and (max-width: 639px) {
  .p-class-list li {
    width: 100%;
    float: none;
    margin: 0 0 2% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.p-class-body {
  	    /* dl{
  	      margin-bottom: 10px;
  	      @include font-size(13);
  
  	      dt,dd{
  	        display: inline-block;
  	      }
  
  	      dt{
  	        border-right: 1px dotted #ccc;
  	        padding-right: 5px;
  	      }
  	    } */
}

.p-class-body p {
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-class-msg {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-class-msg dt {
  font-weight: bold;
  line-height: 1.5;
}

.p-class-msg dd {
  line-height: 1.3;
}

.p-class-msg dd.p-class-msg__text {
  line-height: 1.5;
}

.p-class-msg__heading {
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-class-msg__heading {
    margin-top: 10px;
  }
}
.p-class-box, .p-class-box--course, .p-class-box--teacher, .p-class-box--result, .p-class-box--msg {
  border: 5px solid #f4f4f4;
  padding: 15px 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-class-box--course {
  height: 235px;
}

.p-class-box--teacher {
  padding: 10px;
  height: auto;
  margin-bottom: 2%;
}

.p-class-box--result {
  background: #F9F7F3;
  height: auto;
  border: 3px solid #c8b394;
  padding: 20px;
}

.p-class-box--msg {
  background: #f9f1f9;
  height: auto;
  border: 3px solid #c39dc4;
}

.p-class-box__body {
  overflow: hidden;
}

.p-class-box__inner p {
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-box__heading, .p-class-box__heading--result, .p-class-box__heading--msg {
  position: relative;
  line-height: 1;
  color: #333;
  padding: 0 0 15px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-class-box__heading--result {
  padding: 0 0 0 20px;
}

.p-class-box__heading--result i {
  position: absolute;
  top: 1px;
  left: 1px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -147px;
  width: 5px;
  height: 15px;
}

.p-class-box__heading--msg {
  padding: 0 0 0 20px;
}

.p-class-box__heading--msg i {
  position: absolute;
  top: 1px;
  left: 1px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -117px;
  width: 5px;
  height: 15px;
}

.p-class-box__btn {
  padding: 15px 0;
  border-top: 1px dotted #ccc;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-class-box__btn:hover {
  opacity: 0.7;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}

.p-class-box__btn span {
  position: relative;
}

.p-class-box__btn i {
  position: absolute;
  top: -1px;
  left: -25px;
}

.p-class-box__btn i.close {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -229px;
  width: 17px;
  height: 17px;
}

.p-class-box__btn i.open {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -280px;
  width: 17px;
  height: 17px;
}

.p-class-box__line:first-child {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-class-box__line:first-child {
    border: none;
    margin-bottom: 0;
  }
}
.lt-ie9 .p-class-box--msg {
  padding: 20px;
}

.p-class-images {
  position: relative;
}

.p-class-images li p.caption {
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-class-images li img {
  width: 162px;
  height: 162px;
}

.media-class {
  overflow: hidden;
  margin-bottom: 10px;
}

.media-class__image {
  float: left;
  margin-right: 10px;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    float: none;
    text-align: center;
    margin: 0 0 10px 0;
  } */
}

.media-class__body {
  overflow: hidden;
}

.p-class-bubble {
  color: #fff;
  background: #22ac38;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  padding: 5px 20px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-class-bubble {
    padding: 5px 10px;
  }
}
.p-class-bubble:after {
  top: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(171, 205, 3, 0);
  border-top-color: #22ac38;
  border-width: 9px;
  margin-left: -9px;
  /* @media only screen and (min-width:640px) and (max-width:1010px) {
    left: 50px;
  } */
}

/* 難関高校受験対策 2017年入試報告会 */
/*.renew-2016 .nankan-shikokuritsu */
.houkoku .problem-block p {
  margin-bottom: 30px;
  font-size: 1.6rem !important;
  line-height: 2 !important;
}

.p-class-movie {
  display: table;
  width: 100%;
}

.p-class-movie__left {
  display: table-cell;
  padding-right: 10px;
  vertical-align: top;
  width: 535px;
}

@media only screen and (max-width: 639px) {
  .p-class-movie__left {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .p-class-movie__left p:first-child {
    position: relative;
    padding: 0 0 56.25%;
    width: 100%;
  }
}
.p-class-movie__left iframe {
  width: 535px;
  height: 300px;
}

@media only screen and (max-width: 639px) {
  .p-class-movie__left iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.p-class-movie__main__caption {
  margin-top: 10px;
  line-height: 1;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-movie__thumb {
  width: 88px;
  height: 49px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.p-class-movie__caption {
  font-weight: bold;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-class-movie__list {
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .p-class-movie__list {
    display: block;
  }
}
.p-class-movie__list li {
  border-bottom: 1px dotted #ccc;
  padding: 5px 10px 5px 8px;
  position: relative;
}

.p-class-movie__list li:hover {
  cursor: pointer;
  background: #22ac38;
}

.p-class-movie__list li:hover:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(171, 205, 3, 0);
  border-right-color: #22ac38;
  border-width: 5px;
  margin-top: -5px;
}

@media only screen and (max-width: 639px) {
  .p-class-movie__list li:hover:after {
    display: none;
  }
}
.p-class-movie__list li:first-child {
  border-top: 1px dotted #ccc;
}

.p-class-movie__list__inner {
  display: table;
  width: 100%;
}

.p-class-movie__list__inner p {
  display: table-cell;
  vertical-align: middle;
}

.p-class-movie__list__inner p:first-child {
  width: 88px;
  vertical-align: top;
  padding-right: 7px;
}

.p-course__heading, .p-course__heading--mantenrally, .p-course__heading--algo, .p-course__heading--junior, .p-course__heading--es, .p-course__heading--jhs, .p-course__heading--single {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-course__heading i, .p-course__heading--mantenrally i, .p-course__heading--algo i, .p-course__heading--junior i, .p-course__heading--es i, .p-course__heading--jhs i, .p-course__heading--single i {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.p-course__heading--algo {
  color: #f00;
}

.p-course__heading--algo i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -353px;
  width: 20px;
  height: 20px;
}

.p-course__heading--mantenrally {
  color: #edae00;
}

.p-course__heading--mantenrally i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -513px;
  width: 20px;
  height: 20px;
}

.p-course__heading--junior {
  color: #f78120;
}

.p-course__heading--junior i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -513px;
  width: 20px;
  height: 20px;
}

.p-course__heading--es {
  color: #00b26a;
}

.p-course__heading--es i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -373px;
  width: 20px;
  height: 20px;
}

.p-course__heading--jhs {
  color: #008acf;
}

.p-course__heading--jhs i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -493px;
  width: 20px;
  height: 20px;
}

.p-course__heading--single {
  color: #31459b;
}

.p-course__heading--single i {
  background-image: url(../images/common/sprite.png);
  background-position: 0px -473px;
  width: 20px;
  height: 20px;
}

.p-course__heading--sub {
  color: #22ac38;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}

.icon-wrapper {
  margin-bottom: 20px;
}

.icon-wrapper p, .icon-wrapper dl {
  float: left;
  margin-right: 20px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 1010px) {
  .icon-wrapper p, .icon-wrapper dl {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
}
.icon-wrapper p {
  color: #FFF;
  height: 30px;
  line-height: 30px;
  padding: 0 12px;
}

@media only screen and (max-width: 1010px) {
  .icon-wrapper p {
    width: 4em;
  }
}
.icon-wrapper p.jhs {
  background: #00b26a;
}

.icon-wrapper p.hs {
  background: #008acf;
}

.icon-wrapper dt, .icon-wrapper dd {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  vertical-align: top;
}

.icon-wrapper dt {
  background: #31459b;
  color: #fff;
}

.icon-wrapper dd {
  border: 1px solid #31459B;
  background: #FFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-class--nml {
  height: 150px;
  overflow: hidden;
}

.p-class--intro {
  height: 215px;
  overflow: hidden;
}

.p-class--msg {
  overflow: hidden;
  height: 250px;
  margin-bottom: 20px;
}

.p-class-interview {
  background: #FFF;
  border: 3px solid #C39DC4;
  padding: 20px 20px 8px 20px;
  margin-bottom: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-class-interview p {
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-textwrap {
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem;
}

.hidden-map {
  width: 100%;
  height: 400px;
}

@media only screen and (max-width: 639px) {
  .p-class-link--sp {
    margin-bottom: 40px;
  }
}
.p-class-link--sp li {
  border-bottom: none;
  padding: 5px 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-search-again {
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .p-search-again {
    margin-bottom: 40px;
  }
}
.p-search-again > a {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-class-sidelist > dl {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.p-class-sidelist > dl dt {
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-sidelist > dl dd {
  line-height: 1.3;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-msg-box__inner p {
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-class-voice {
  width: 760px;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-class-voice {
    width: 100%;
  }
}
.p-class-voice__box {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
}

.p-class-voice__box:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 639px) {
  .p-class-voice__box {
    width: 49%;
  }

  .p-class-voice__box:nth-child(3n) {
    margin-right: 2%;
  }

  .p-class-voice__box:nth-child(even) {
    margin-right: 0;
  }
}
.p-class-voice__cat {
  background: #22ac38;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-class-voice__image {
  text-align: center;
  margin: 10px 0;
}

.p-class-voice__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.p-class-voice__info {
  margin-bottom: 5px;
  text-align: center;
}

.p-class-voice__info p {
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-class-voice__info p.grade {
  color: #FFF;
  margin-left: 10px;
  padding: 3px 7px;
}

.p-class-voice__title {
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-class-voice__title a {
  text-decoration: none;
}

.p-class-voice__title a:hover {
  text-decoration: underline;
}

.p-sp-mainImage {
  width: 760px;
  height: 350px;
}

@media only screen and (max-width: 639px) {
  .p-sp-mainImage {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-course-btn {
  color: #22ac38;
  height: 30px;
  line-height: 30px;
  border: 2px solid #22ac38;
  background: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-course-btn i {
  left: 5px;
  top: 5px;
  position: absolute;
  width: 17px;
  height: 17px;
  background-image: url(../images/common/ico_default_on.png);
}

.p-course-btn:hover {
  background: #22ac38;
  color: #FFF;
}

.p-course-btn:hover i {
  background-image: url(../images/common/ico_default_off.png);
}

.p-coursetop__list, .p-coursetop__list--long {
  margin: 0 auto 20px;
  width: 200px;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__list, .p-coursetop__list--long {
    width: 135px;
    margin: 0 auto 10px;
  }
}
.p-coursetop__list--long {
  width: 267px;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__list--long {
    width: 178px;
  }
}
.p-coursetop__list > li, .p-coursetop__list--long > li {
  padding: 5px 15px;
  margin-right: 10px;
  font-size: 17px;
  font-size: 1.7rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__list > li, .p-coursetop__list--long > li {
    padding: 3px 10px;
    margin-right: 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-coursetop__list > li.last, .p-coursetop__list--long > li.last {
  margin-right: 0;
}

.p-coursetop__single {
  background: #0589ca;
  color: #FFF;
  font-weight: bold;
  width: 225px;
  margin: 0 auto 20px;
  padding: 7px 0;
  text-align: center;
  line-height: 1;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  font-size: 17px;
  font-size: 1.7rem;
}

.p-coursetop__main {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__main {
    margin-bottom: 25px;
  }
}
.p-coursetop__heading {
  line-height: 1.4;
  text-align: center;
  font-weight: normal;
  font-size: 55px;
  font-size: 5.5rem;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__heading {
    font-size: 30px;
    font-size: 3rem;
  }
}
.p-coursetop__secondary {
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__secondary {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-coursetop__lead, .p-coursetop__lead--single {
  line-height: 1.6;
  text-align: center;
  margin: 0 auto;
  width: 525px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-coursetop__lead--single {
  width: auto;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__lead, .p-coursetop__lead--single {
    width: auto;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-coursetop__image {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__image {
    margin-bottom: 30px;
  }
}
.p-courseDetail-wrap {
  margin-bottom: 55px;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail-wrap {
    margin-bottom: 20px;
  }
}
.p-courseDetail, .p-courseDetail--col2, .p-courseDetail--col3, .p-courseDetail--half {
  float: left;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail, .p-courseDetail--col2, .p-courseDetail--col3, .p-courseDetail--half {
    float: none;
    display: block;
  }
}
.p-courseDetail--col2 {
  margin: 0 30px;
  width: 320px;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail--col2 {
    margin: 0 0 20px 0;
    width: 100%;
  }
}
.p-courseDetail--col3 {
  margin-right: 20px;
  width: 240px;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail--col3 {
    margin: 0 0 20px 0;
    width: 100%;
  }
}
.p-courseDetail--col3.last {
  margin-right: 0;
}

.p-courseDetail--half {
  width: 350px;
  margin-left: 60px;
}

.p-courseDetail--half:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail--half {
    width: 100%;
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 639px) {
  .p-courseDetail > img, .p-courseDetail--col2 > img, .p-courseDetail--col3 > img, .p-courseDetail--half > img {
    display: none;
  }
}
.p-courseDetail__inner {
  background: #f7f7f7;
  padding: 20px 15px;
}

.p-courseDetail__heading {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail__heading {
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-courseDetail__heading span {
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail__heading span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-courseDetail__subject {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-courseDetail__list {
  margin-bottom: 10px;
}

.p-courseDetail__text {
  line-height: 1.7;
  margin-bottom: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-courseDetail__btn, .p-courseDetail__btn--junior, .p-courseDetail__btn--s01, .p-courseDetail__btn--s02, .p-courseDetail__btn--s06, .p-courseDetail__btn--jhschool {
  color: #FFF;
  display: block;
  font-weight: bold;
  position: relative;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  padding-left: 13px;
  width: 210px;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-courseDetail__btn:hover, .p-courseDetail__btn--junior:hover, .p-courseDetail__btn--s01:hover, .p-courseDetail__btn--s02:hover, .p-courseDetail__btn--s06:hover, .p-courseDetail__btn--jhschool:hover {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-courseDetail__btn i, .p-courseDetail__btn--junior i, .p-courseDetail__btn--s01 i, .p-courseDetail__btn--s02 i, .p-courseDetail__btn--s06 i, .p-courseDetail__btn--jhschool i {
  top: 9px;
  left: 20px;
  width: 17px;
  height: 17px;
  position: absolute;
}

.p-courseDetail__btn--junior {
  background-color: #70c2d4;
  border: 2px solid #70c2d4;
}

.p-courseDetail__btn--junior i {
  background-image: url(../images/course/junior/ico_junior.png);
}

.p-courseDetail__btn--junior:hover {
  color: #70c2d4;
  border: 2px solid #70c2d4;
}

.p-courseDetail__btn--junior:hover i {
  background-image: url(../images/course/junior/ico_junior_on.png);
}

.p-courseDetail__btn--s01 {
  background-color: #b47272;
  border: 2px solid #b47272;
}

.p-courseDetail__btn--s01 i {
  background-image: url(../images/course/shogakusei/ico_s01.png);
}

.p-courseDetail__btn--s01:hover {
  color: #b47272;
  border: 2px solid #b47272;
}

.p-courseDetail__btn--s01:hover i {
  background-image: url(../images/course/shogakusei/ico_s01_on.png);
}

.p-courseDetail__btn--s02 {
  background-color: #7780b7;
  border: 2px solid #7780b7;
}

.p-courseDetail__btn--s02 i {
  background-image: url(../images/course/shogakusei/ico_s02.png);
}

.p-courseDetail__btn--s02:hover {
  color: #7780b7;
  border: 2px solid #7780b7;
}

.p-courseDetail__btn--s02:hover i {
  background-image: url(../images/course/shogakusei/ico_s02_on.png);
}

.p-courseDetail__btn--s06 {
  background-color: #bc9153;
  border: 2px solid #bc9153;
}

.p-courseDetail__btn--s06 i {
  background-image: url(../images/course/shogakusei/ico_s06.png);
}

.p-courseDetail__btn--s06:hover {
  color: #bc9153;
  border: 2px solid #bc9153;
}

.p-courseDetail__btn--s06:hover i {
  background-image: url(../images/course/shogakusei/ico_s06_on.png);
}

.p-courseDetail__btn--jhschool {
  background-color: #4d9647;
  border: 2px solid #4d9647;
}

.p-courseDetail__btn--jhschool i {
  background-image: url(../images/course/chugakusei/ico_jhs.png);
}

.p-courseDetail__btn--jhschool:hover {
  color: #4d9647;
  border: 2px solid #4d9647;
}

.p-courseDetail__btn--jhschool:hover i {
  background-image: url(../images/course/chugakusei/ico_jhs_on.png);
}

.p-junior-media {
  margin-bottom: 75px;
}

@media only screen and (max-width: 639px) {
  .p-junior-media {
    margin-bottom: 30px;
  }
}
.p-junior-media .media__image--left {
  margin-right: 0;
}

@media only screen and (max-width: 639px) {
  .p-junior-media .media__image--left {
    margin: 0;
  }
}
.p-junior-media .media__image--left img {
  height: 218px;
}

@media only screen and (max-width: 639px) {
  .p-junior-media .media__image--left img {
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}
.p-junior-media .media__body {
  background: #f7f7f7;
  padding: 20px 15px;
}

.p-courseMedia {
  overflow: hidden;
  margin-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia {
    display: table;
    width: 100%;
    margin-bottom: 20px;
  }

  .p-courseMedia:last-child {
    margin-bottom: 30px;
  }
}
.p-courseMedia .media__image--left {
  display: table-cell;
  width: 96px;
  padding-right: 10px;
  vertical-align: top;
}

.p-courseMedia .media__body {
  display: table-cell;
  vertical-align: top;
}

.p-courseMedia__wrap {
  margin-bottom: 10px;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia__wrap {
    margin-bottom: 5px;
  }
}
.p-courseMedia__wrap__heading {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia__wrap__heading {
    margin: 0 0 5px 0;
  }
}
.p-courseMedia__wrap__heading span {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-courseMedia__inner {
  display: inline-block;
}

.p-courseMedia__inner > p {
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia__inner > p {
    display: block;
    margin: 0 0 5px 0;
  }
}
.p-courseMedia__inner > ul {
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia__inner > ul {
    display: block;
  }
}
.p-courseMedia__inner > ul li {
  display: inline-block;
  margin-right: 5px;
}

.p-courseMedia__text {
  line-height: 1.7;
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia__text {
    margin-bottom: 5px;
  }
}
.p-course__lead {
  line-height: 1.7;
  margin-bottom: 30px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail__media {
    display: table;
    width: 100%;
    margin-bottom: 5px;
  }
}
.p-courseDetail__thumb {
  display: none;
}

@media only screen and (max-width: 639px) {
  .p-courseDetail__thumb {
    display: table-cell;
    width: 120px;
    padding-right: 10px;
    vertical-align: top;
  }
}
@media only screen and (max-width: 639px) {
  .p-courseDetail__body {
    display: table-cell;
    vertical-align: top;
  }
}
.p-single__heading, .p-single__heading--last {
  line-height: 1.25;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .p-single__heading, .p-single__heading--last {
    margin-bottom: 10px;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.p-single__heading--last {
  margin-top: 60px;
}

@media only screen and (max-width: 639px) {
  .p-single__heading--last {
    margin-top: 30px;
  }
}
.p-single__heading span, .p-single__heading--last span {
  color: #22ac38;
  font-weight: bold;
}

.p-single-wrap {
  margin-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .p-single-wrap {
    margin-bottom: 30px;
  }
}
.p-single-info {
  text-align: center;
}

.p-single-info > img {
  margin-bottom: 30px;
}

.p-single-info__heading {
  text-align: left;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 25px;
  padding-left: 30px;
  background: url(../images/course/kobetsu/ico_info.png) no-repeat left center;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 639px) {
  .p-single-info__heading {
    line-height: 1.3;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-single-info__text {
  text-align: left;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-single-info__text {
    line-height: 1.5;
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-single-point__heading {
  display: table;
  margin-bottom: 25px;
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .p-single-point__heading {
    margin-bottom: 15px;
  }
}
.p-single-point__heading > p {
  background: url(../images/course/kobetsu/bg_point.png) no-repeat;
  display: table-cell;
  vertical-align: top;
  font-weight: bold;
  color: #FFF;
  width: 83px;
  height: 70px;
  line-height: 70px;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-single-point__heading > h3 {
  display: table-cell;
  font-weight: normal;
  line-height: 1.2;
  vertical-align: middle;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-single-point__heading > h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-single-point__text {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-single-point__text {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-single-btn {
  width: 140px;
  margin: 0 auto;
  padding-left: 15px;
}

.p-single-hr {
  border-top: 4px dotted #EAEAEA;
  margin: 60px 0 50px;
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .p-single-hr {
    margin: 20px 0 20px;
  }
}
.p-single-trial {
  border-style: solid;
  border-width: 7px;
  -moz-border-image: url(../images/course/kobetsu/bg_trial.png) 7;
  -webkit-border-image: url(../images/course/kobetsu/bg_trial.png) 7;
  border-image: url(../images/course/kobetsu/bg_trial.png) 7 fill;
  padding: 35px 30px;
  margin-bottom: 65px;
}

@media only screen and (max-width: 639px) {
  .p-single-trial {
    padding: 15px;
    margin-bottom: 20px;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.p-single-trial > .media {
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-single-trial > .media {
    margin-bottom: 10px;
  }
}
.p-single-trial__heading {
  margin-bottom: 5px;
  line-height: 1.5;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__heading {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-single-trial__heading span {
  font-weight: normal;
}

.p-single-trial__text01 {
  text-align: center;
  border: 1px solid #22ac38;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 2px;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__text01 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-single-trial__text01 span {
  padding: 7px 0;
  display: inherit;
  background: #22ac38;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__text01 span {
    padding: 4px 0;
  }
}
.p-single-trial__text02 {
  color: #22ac38;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__text02 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-single-trial__text02 span {
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__text02 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-single-trial__text03 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__text03 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.p-single-trial__list > li {
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__list > li {
    line-height: 1.2;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-single-trial__btn {
  width: 290px;
  margin: 0 auto;
}

@media only screen and (max-width: 639px) {
  .p-single-trial__btn {
    width: 100%;
  }
}
.no-borderimage .p-single-trial {
  border: 3px solid #ececec;
}

.p-visavis {
  margin-bottom: 55px;
}

.p-visavis__heading01 {
  margin-bottom: 10px;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-visavis__heading01 {
    line-height: 1.2;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.p-visavis__heading01 span {
  margin: 0 15px;
  display: inline-block;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 639px) {
  .p-visavis__heading01 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-visavis__heading01 img {
  vertical-align: top;
  display: inline-block;
}

.p-visavis__heading02 {
  background: #22ac38;
  color: #FFF;
  margin-bottom: 15px;
  text-align: center;
  padding: 5px 0;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-visavis__heading02 {
    line-height: 1.2;
    padding: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-visavis__text01 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-visavis__text01 {
    line-height: 1.2;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-visavis__text02 {
  line-height: 1.8;
  margin-bottom: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-visavis__text02 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-visavis__btn {
  width: 160px;
}

@media only screen and (max-width: 639px) {
  .p-visavis__btn {
    margin: 0 auto;
  }
}
.p-hs__heading {
  margin-bottom: 35px;
  text-align: center;
  font-weight: normal;
  font-size: 44px;
  font-size: 4.4rem;
}

@media only screen and (max-width: 639px) {
  .p-hs__heading {
    margin-bottom: 20px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.p-hs-media {
  margin-bottom: 70px;
}

@media only screen and (max-width: 639px) {
  .p-hs-media {
    margin-bottom: 30px;
  }
}
.p-hs-media__heading {
  font-weight: normal;
  margin-bottom: 15px;
  line-height: 1.3;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-hs-media__heading {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.p-hs-media__text {
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-hs-media__text {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-hs-media__btn {
  width: 210px;
  height: 40px;
  line-height: 40px;
}

@media only screen and (max-width: 639px) {
  .p-hs-media__btn {
    margin: 0 auto;
  }
}
.p-hs-media__btn i {
  left: 25px;
  top: 10px;
}

.p-course-hs__heading01 {
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 639px) {
  .p-course-hs__heading01 {
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-course-hs__heading02 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-course-hs__heading02 {
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-course-hs__lead {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .p-course-hs__lead {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-course-hs__text {
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-course-hs__text {
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-btn-blank {
  background: url(../images/course/koukousei/ico_blank.png) no-repeat 95% center;
}

.p-btn-blank:hover {
  background-image: url(../images/course/koukousei/ico_blank_on.png);
  background-repeat: no-repeat;
  background-position: 95% center;
}

@media only screen and (max-width: 639px) {
  .p-btn-blank {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-course-content {
  margin-bottom: 60px;
}

.p-course-content > p {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-course-content > p a {
  position: relative;
  padding-left: 25px;
}

.p-course-content > p a i {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -212px;
  width: 17px;
  height: 17px;
}

.p-course-content > ul li {
  float: left;
  margin: 0 30px 20px 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-course-content > ul li.disabled {
  text-decoration: none;
  pointer-events: none;
  opacity: 0.5;
}

.p-faq__lead {
  line-height: 1.7;
  margin-bottom: 45px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-faq__title {
  border-bottom: 1px dotted #999;
  padding-bottom: 15px;
  position: relative;
  padding-left: 40px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-faq__title {
    height: auto;
    line-height: 1.3;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.p-faq__title i {
  position: absolute;
  background: url(../images/faq/ico-heading.png) no-repeat;
  width: 26px;
  height: 26px;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 639px) {
  .p-faq__title i {
    top: -5px;
  }
}
.p-faq__block, .p-faq__block--last {
  border-bottom: 1px dotted #999;
  margin-bottom: 20px;
}

.p-faq__block--last {
  margin-bottom: 55px;
}

.p-faq__heading {
  cursor: pointer;
  margin-bottom: 15px;
  position: relative;
  padding-right: 30px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-faq__heading {
    padding-left: 2.5em;
    text-indent: -2.5em;
    line-height: 1.3;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.p-faq__heading > span {
  color: #31459b;
  margin-right: 10px;
}

.p-faq__body {
  display: none;
  padding-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-faq__body > p {
  line-height: 1.7;
  margin-bottom: 10px;
  padding-left: 2em;
}

.p-faq__body > p.answer {
  padding-left: 2em;
  text-indent: -1.8em;
}

.p-faq__body > p.answer > span {
  color: #c25757;
  font-weight: bold;
  margin-right: 10px;
}

.p-faq__link {
  padding: 10px 0 0 2em;
}

.p-faq__link > dt {
  margin-bottom: 5px;
  line-height: 1.3;
}

.p-poster__image {
  text-align: center;
  border: 1px solid #999;
  padding: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .p-poster__image {
    padding: 25px;
  }
}
@media only screen and (max-width: 639px) {
  .p-poster__image > img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-poster__text {
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 50px;
}

.p-about-link_decoration, .p-about-localnav-item a, .p-about__top-heading02 a {
  text-decoration: none;
  font-weight: normal;
}

.p-about-link_decoration i, .p-about-localnav-item a i, .p-about__top-heading02 a i {
  display: inline-block;
  margin: 0 10px 0 0;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -533px;
  width: 21px;
  height: 21px;
}

.p-about-link_decoration span, .p-about-localnav-item a span, .p-about__top-heading02 a span {
  border-bottom: 1px solid #333;
}

.p-about-link_decoration:hover, .p-about-localnav-item a:hover, .p-about__top-heading02 a:hover {
  text-decoration: none;
}

.p-about-link_decoration:hover span, .p-about-localnav-item a:hover span, .p-about__top-heading02 a:hover span {
  border: 0;
}

@media only screen and (max-width: 639px) {
  .p-about-link_decoration i, .p-about-localnav-item a i, .p-about__top-heading02 a i {
    position: relative;
    top: 3px;
  }
}
@media only screen and (max-width: 639px) {
  .p-about-hidden-small {
    display: none;
  }
}
.p-about-heading01 {
  font-size: 52px;
  text-align: center;
  font-weight: normal;
  line-height: 1.3;
  margin: 60px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-about-heading01 {
    font-size: 23px;
    font-size: 2.3rem;
    margin: 45px 0 0;
  }
}
.p-about-lead, .p-about__style-lead01 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  text-align: center;
  margin: 40px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-about-lead, .p-about__style-lead01 {
    text-align: left;
    padding: 0 10px;
  }
}
.p-about-localnav {
  margin: 110px 0 25px;
  padding: 0;
  display: block;
}

@media only screen and (max-width: 639px) {
  .p-about-localnav {
    margin: 60px 0 25px;
  }
}
.p-about-localnav-ttl {
  background: #eef5cd;
  margin: 0;
  padding: 16.5px 0;
  border-top: 3px solid #22ac38;
  font-size: 22px;
  line-height: 1;
  height: 55px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.p-about-localnav-list {
  border-width: 0 5px 5px;
  border-color: #f2f2f2;
  border-style: solid;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-about-localnav-list:after {
  content: "";
  display: table;
  clear: both;
}

.p-about-localnav-item {
  width: 50%;
  float: left;
  border-bottom: 1px dotted #b2b2b2;
  padding: 14px 0 14px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-about-localnav-item.p-about-last-item {
  border-bottom: 0;
}

.p-about-localnav-item a {
  display: inline-block;
  line-height: 28px;
}

.p-about-localnav-item i {
  position: relative;
  top: 4px;
}

@media only screen and (max-width: 639px) {
  .p-about-localnav-item {
    width: 100%;
    float: none;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .p-about-localnav-item a {
    display: block;
    padding: 7px 0 7px 10px;
  }

  .p-about-localnav-item i {
    margin: 0 4px 0 0;
  }
}
.p-about__top-heading02 {
  font-size: 34px;
  line-height: 1.3;
  margin: 0 0 20px;
}

@media only screen and (max-width: 639px) {
  .p-about__top-heading02 {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.p-about__top-row {
  margin: 100px 0 50px;
}

.p-about__top-row:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 639px) {
  .p-about__top-row {
    margin: 0 0 30px;
  }
}
.p-about__top-section {
  margin: 60px 0 0;
  text-align: center;
}

.p-about__top-section + .p-about__top-section {
  margin: 100px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-about__top-section {
    margin: 45px 0 0;
  }

  .p-about__top-section + .p-about__top-section {
    margin-top: 50px;
  }
}
.p-about__top-section__col2 {
  text-align: center;
  float: left;
}

.p-about__top-section__col2 h2 {
  padding: 22.1px 0 0;
}

.p-about__top-section__col2 + .p-about__top-section__col2 {
  float: right;
}

.p-about__top-section__col2 + .p-about__top-section__col2 h2 {
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .p-about__top-section__col2 {
    float: none !important;
    margin: 45px 0 0;
  }

  .p-about__top-section__col2 h2 {
    margin: 0 0 20px;
  }

  .p-about__top-section__col2 .c-shadow-right {
    display: inline-block;
  }
}
.p-about__top-text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7;
}

@media only screen and (max-width: 639px) {
  .p-about__top-text {
    line-height: 1.5;
    padding: 0 10px;
  }
}
.p-about__top-photo {
  width: 760px;
  margin: 30px auto;
}

.p-about__top-photo:after {
  content: "";
  clear: both;
  display: table;
}

.p-about__top-photo__item {
  float: left;
}

.p-about__top-photo__item img {
  margin: 0 auto 15px;
  max-width: 100%;
}

.p-about__top-photo__item p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-about__top-photo__single {
  margin: 30px auto 0;
  max-width: 100%;
}

.p-about__top-photo__single p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 15px;
}

@media only screen and (max-width: 639px) {
  .p-about__top-photo {
    width: 100%;
    margin: 30px 0 0;
  }

  .p-about__top-photo__item {
    float: none;
  }

  .p-about__top-photo__item + .p-about__top-photo__item {
    margin-top: 30px;
  }
}
.p-about__style-heading02 {
  line-height: 1;
  font-weight: normal;
  text-align: center;
  font-size: 50px;
  font-size: 5rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-heading02 {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.p-about__style-heading03 {
  line-height: 1;
  font-weight: normal;
  text-align: center;
  margin: 0 0 20px;
  font-size: 38px;
  font-size: 3.8rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-heading03 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-about__style-heading04 {
  line-height: 99px;
  font-weight: normal;
  margin: 0 0 30px;
  font-size: 30px;
  font-size: 3rem;
}

.p-about__style-heading04 img {
  margin: 0 0 0 15px;
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .p-about__style-heading04 {
    line-height: 50px;
    text-align: center;
    font-size: 19px;
    font-size: 1.9rem;
  }

  .p-about__style-heading04 img {
    width: 55px;
  }
}
.p-about__style-heading05 {
  line-height: 1;
  font-weight: normal;
  margin: 0 0 20px;
  font-size: 45px;
  font-size: 4.5rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-heading05 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 10px;
  }
}
.p-about__style-section {
  margin: 90px 0 50px;
}

.p-about__style-section .media {
  margin: 32px 0 0;
  overflow: visible;
}

.p-about__style-section .media__image--right {
  margin-top: 8px;
}

.p-about__style-section .media__body {
  overflow: visible;
}

.p-about__style-section_syougaku {
  height: 398px;
  margin: 50px 0 0;
  padding: 0 0 0 245px;
  border-bottom: 1px dotted #b2b2b2;
  background: url("../images/about/style-photo04.jpg") no-repeat left top;
}

.p-about__style-section_chuugaku {
  height: 444px;
  margin: 50px 0 0;
  border-bottom: 1px dotted #b2b2b2;
  background: url("../images/about/style-photo05.jpg") no-repeat right top;
}

@media only screen and (max-width: 639px) {
  .p-about__style-section {
    margin: 60px 0 0;
    text-align: center;
  }

  .p-about__style-section .media {
    text-align: center;
  }

  .p-about__style-section .media__image--right {
    display: inline-block;
  }

  .p-about__style-section_syougaku {
    height: auto;
    padding: 0 0 20px;
    background-size: 77px auto;
    background-position: left bottom;
  }

  .p-about__style-section_syougaku .p-about__style-label {
    margin: 0 0 10px 50%;
  }

  .p-about__style-section_syougaku .p-about__style-combi {
    margin: 0 0 0 50%;
  }

  .p-about__style-section_syougaku .p-about__style-plus {
    margin: 20px 0 20px 50%;
  }

  .p-about__style-section_chuugaku {
    height: auto;
    padding: 0 0 20px;
    background-size: 106px auto;
    background-position: right bottom;
  }

  .p-about__style-section_chuugaku .p-about__style-label {
    margin: 0 50% 10px 0;
  }

  .p-about__style-section_chuugaku .p-about__style-combi {
    margin: 0 50% 0 0;
  }

  .p-about__style-section_chuugaku .p-about__style-plus {
    margin: 20px 0;
  }
}
.p-about__style-text {
  line-height: 1.73;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-text {
    text-align: left;
  }
}
@media only screen and (max-width: 639px) {
  .p-about__style-lead01 {
    text-align: left;
    padding: 0 10px;
  }
}
.p-about__style-lead02 {
  margin: 0 0 15px;
  line-height: 1.47;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-lead02 {
    margin: 0 0 15px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-about__style-lead03 {
  margin: 0 0 27px;
  line-height: 1;
  font-size: 31px;
  font-size: 3.1rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-lead03 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 15px;
  }
}
.p-about__style-lead-photo {
  margin: 70px 0 0;
}

.p-about__style-lead-photo img {
  max-width: 100%;
}

.p-about__style-lead-photo:after {
  bottom: 13px;
  transform: rotate(3.5deg);
}

@media only screen and (max-width: 639px) {
  .p-about__style-lead-photo {
    margin: 35px 0 0;
  }
}
.p-about__style-lead-link {
  margin: 20px 0 0;
  display: inline-block;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-lead-link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-about__style-combi {
  float: left;
  line-height: 1.4;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-combi {
    float: none;
    padding: 0 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-about__style-label {
  display: block;
  float: left;
  width: 188px;
  height: 40px;
  margin: 0 35px 0 0;
  background: #22ac38;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 639px) {
  .p-about__style-label {
    float: none;
    width: 50%;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.p-about__style-plus {
  color: #22ac38;
  line-height: 30px;
  margin: 30px 0 30px 32px;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-about__style-plus img {
  margin: 0 10px 0 0;
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .p-about__style-plus {
    width: 50%;
    text-align: center;
    line-height: 1;
    font-size: 15px;
    font-size: 1.5rem;
  }

  .p-about__style-plus img {
    width: 15px;
    display: inline-block;
    margin: 0 10px 0 0;
  }
}
.p-about__style-media:after {
  content: "";
  display: table;
  clear: both;
}

.p-about__style-media__img {
  margin-right: 65px;
  width: 215px;
  float: left;
}

.p-about__style-media__body {
  width: 480px;
  float: left;
}

@media only screen and (max-width: 639px) {
  .p-about__style-media {
    text-align: center;
  }

  .p-about__style-media__img, .p-about__style-media__body {
    float: none;
    width: auto;
  }

  .p-about__style-media__img {
    display: inline-block;
    margin: 0 0 10px;
  }

  .p-about__style-media__img img {
    max-width: 100%;
  }
}
.p-about__system-heading02 {
  text-align: center;
  margin: 0 0 40px;
  font-size: 44px;
  font-size: 4.4rem;
}

@media only screen and (max-width: 639px) {
  .p-about__system-heading02 {
    margin: 0 0 25px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.p-about__system-heading03 {
  font-weight: normal;
  margin: 0 0 20px;
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .p-about__system-heading03 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-about__system-text {
  line-height: 1.78;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-about__system-text {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.p-about__system-chart {
  text-align: center;
  margin: 65px 0 0;
}

.p-about__system-chart span {
  font-size: 36px;
  font-size: 3.6rem;
}

.p-about__system-chart p {
  font-size: 30px;
  font-size: 3rem;
}

.p-about__system-chart img {
  width: 100%;
  margin: 20px 0 20px;
}

@media only screen and (max-width: 639px) {
  .p-about__system-chart span {
    font-size: 20px;
    font-size: 2rem;
  }

  .p-about__system-chart p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-about__system-section01 {
  margin: 80px 0 0;
  padding: 60px 0 0;
  border-top: 1px solid #e5e5e5;
}

@media only screen and (max-width: 639px) {
  .p-about__system-section01 {
    margin: 50px 0 0;
    padding: 40px 0 0;
  }
}
.p-about__system-section02 + .p-about__system-section02:before {
  content: "";
  display: block;
  width: 100%;
  background: url("../images/about/system-border.png") repeat-x 0 0;
  height: 4px;
  margin: 40px 0;
}

@media only screen and (max-width: 639px) {
  .p-about__system-section02 + .p-about__system-section02:before {
    margin: 30px 0;
  }
}
.p-about__system-section02 .media {
  display: table;
  overflow: visible;
}

.p-about__system-section02 .media__body {
  display: table-cell;
  vertical-align: middle;
  overflow: visible;
}

.p-about__system-section02 .media__image--left {
  margin-right: 30px;
  box-shadow: 0 11px 17px -8px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 639px) {
  .p-about__system-section02 .media {
    display: block;
    text-align: center;
  }

  .p-about__system-section02 .media__body {
    display: block;
  }

  .p-about__system-section02 .media__image--left {
    margin: 0 0 25px;
    display: inline-block;
  }
}
.p-about__kankyo-heading02 {
  text-align: center;
  font-size: 44px;
  font-size: 4.4rem;
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-heading02 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-about__kankyo-section {
  margin: 60px 0 0;
}

.p-about__kankyo-section img {
  margin: 40px auto;
}

.p-about__kankyo-section + .p-about__kankyo-section {
  padding: 60px 0 0;
  border-top: 1px dotted #b2b2b2;
}

.p-about-lead + .p-about__kankyo-section, .p-about__style-lead01 + .p-about__kankyo-section {
  margin: 80px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-section {
    margin: 40px 0 0;
  }

  .p-about__kankyo-section img {
    max-width: 100%;
  }

  .p-about__kankyo-section + .p-about__kankyo-section {
    padding: 40px 0 0;
  }
}
.p-about__kankyo-lead {
  margin: 50px 0 47px;
  text-align: center;
  line-height: 1;
  font-size: 44px;
  font-size: 4.4rem;
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-lead {
    margin: 30px 0 27px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-about__kankyo-text {
  line-height: 1.73;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-about__kankyo-photo:after {
  bottom: 13px;
  transform: rotate(3.5deg);
}

.p-about__kankyo-itemlist {
  margin: 60px -30px 50px;
  border-top: 1px dotted #b2b2b2;
}

.p-about__kankyo-itemlist .media__image--right {
  margin-left: 50px;
}

.p-about__kankyo-itemlist:after {
  content: "";
  clear: both;
  display: table;
}

.flexbox .p-about__kankyo-itemlist {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-itemlist {
    margin: 40px 0px 30px;
  }

  .p-about__kankyo-itemlist .media__image--right {
    margin-left: 0;
  }

  .p-about__kankyo-itemlist .p-about__kankyo-lead {
    margin: 25px 0 0;
  }
}
.p-about__kankyo-item__large {
  box-sizing: border-box;
  float: none;
  overflow: hidden;
  width: 100%;
  padding: 0 30px;
}

.p-about__kankyo-item__large .p-about__kankyo-lead {
  margin: 80px 0 0;
  text-align: left;
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-item__large .p-about__kankyo-lead {
    margin: 40px 0 0;
    text-align: center;
  }
}
.p-about__kankyo-item__large .p-about__kankyo-lead__sub {
  margin: 40px 0;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-item__large .p-about__kankyo-lead__sub {
    margin: 20px 0 40px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 639px) {
  .p-about__kankyo-item__large {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .p-about__kankyo-item__large img {
    max-width: 100%;
  }
}
.p-about__kankyo-item {
  box-sizing: border-box;
  padding: 0 30px;
  width: 33.33333%;
  float: left;
  margin: 75px 0 0;
  border-left: 1px dotted #b2b2b2;
}

.p-about__kankyo-item_noborder {
  border-left: 0;
}

.p-about__kankyo-item_lead {
  margin: 30px 0;
  font-size: 23px;
  font-size: 2.3rem;
}

.p-about__kankyo-item_img {
  box-shadow: 0 11px 17px -8px rgba(0, 0, 0, 0.15);
  transition: all .2s ease;
}

.p-about__kankyo-item_img:hover {
  opacity: .8;
  -ms-filter: alpha(opacity=80);
}

@media only screen and (max-width: 639px) {
  .p-about__kankyo-item {
    float: none;
    width: auto;
    text-align: center;
    border-left: 0;
    margin: 50px 0 0;
    padding: 0;
  }

  .p-about__kankyo-item_img {
    display: inline-block;
  }

  .p-about__kankyo-item_lead {
    margin: 25px 0;
  }
}
.p-about__learning-heading02 {
  font-weight: normal;
  text-align: center;
  font-size: 35px;
  font-size: 3.5rem;
}

.p-about__learning-heading02 strong {
  font-size: 42px;
  font-size: 4.2rem;
}

.p-about__learning-heading02 img {
  max-width: 100%;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-heading02 {
    font-size: 19px;
    font-size: 1.9rem;
  }

  .p-about__learning-heading02 strong {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-about__learning-heading03 {
  margin: 40px 0 13px;
  line-height: 1.3;
  font-weight: normal;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-heading03 {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
.p-about__learning-heading04 {
  margin: 0px 0 23px;
  line-height: 1.47;
  font-weight: normal;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-heading04 {
    margin: 0 0 20px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.p-about__learning-heading05 {
  margin: 0 0 25px;
  text-align: center;
  font-weight: normal;
  font-size: 40px;
  font-size: 4rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-heading05 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-about__learning-heading06 {
  margin: 0 20px 15px 0;
  font-weight: normal;
  display: inline;
  display: inline-block;
  font-size: 25px;
  font-size: 2.5rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-heading06 {
    margin: 0 0 20px;
    text-align: center;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-about__learning-section01 {
  margin: 80px 0 0;
}

.p-about__learning-section01 .media__image--left {
  margin-right: 30px;
}

.p-about__learning-section01 section + small {
  margin: 36px 0 0;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-section01 {
    margin: 40px 0 0;
  }

  .p-about__learning-section01 .media {
    text-align: center;
  }

  .p-about__learning-section01 .media__image--left {
    margin-right: 0;
    display: inline-block;
  }

  .p-about__learning-section01 .media__body,
  .p-about__learning-section01 .media__body p {
    text-align: left;
  }

  .p-about__learning-section01 section + small {
    margin: 20px 0 0;
  }
}
.p-about__learning-section02 {
  margin: 50px 0 0;
}

.p-about__learning-section02 section {
  margin: 0 0 45px;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-section02 {
    margin: 35px 0;
  }

  .p-about__learning-section02 section {
    margin: 0 0 25px;
  }
}
.p-about__learning-media__overflow {
  padding: 0 0 55px;
}

.p-about__learning-section__media .media__image--left {
  margin-top: 7px;
}

.p-about__learning-section__media small {
  display: block;
  margin: 10px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-about__learning-section__media + .p-about__learning-section__media {
  margin: 43px 0 0;
}

.p-about__learning-labels {
  text-align: center;
  margin: 0 0 20px;
}

.p-about__learning-labels .label {
  line-height: 1;
  margin: 0 5px;
  padding: 6.5px 17px;
  font-size: 17px;
  font-size: 1.7rem;
}

.p-about__learning-labels .label + .p-about__learning-labels .label {
  margin: 0 0 0 10px;
}

.p-about__learning-text {
  line-height: 1.73;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-about__learning-text small {
  display: block;
  margin: 5px 0 0;
}

.p-about__learning-text__clear {
  margin: 40px 0 0;
  clear: both;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-text__clear {
    margin: 20px 0 0;
  }
}
.p-about__learning-link {
  display: inline-block;
  margin: 30px 0 0;
  padding: 0 0 2px;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-link {
    margin: 25px 0 0;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-about__learning-lead {
  text-align: center;
  margin: 22px 0 35px;
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-lead {
    font-size: 19px;
    font-size: 1.9rem;
    margin: 15px 0 25px;
  }
}
.p-about__learning-lead__small {
  margin: 0 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-lead__small {
    text-align: center;
    margin: 0 0 5px;
  }
}
.p-about__learning-img {
  text-align: center;
  margin: 0 0 55px;
}

.p-about__learning-img .c-shadow-right {
  display: inline-block;
}

.p-about__learning-img a {
  transition: all .2s ease;
}

.p-about__learning-img a:hover {
  opacity: .8;
  -ms-filter: alpha(opacity=80);
}

.p-about__learning-img img {
  max-width: 100%;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-img {
    margin: 0 0 30px;
  }
}
.p-about__learning-point {
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #22ac38;
  width: 100%;
  line-height: 1;
  margin: 25px 0 0;
  padding: 11px 0;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-about__learning-point__list {
  border-width: 0 1px 1px;
  border-color: #d8d8d8;
  border-style: solid;
  box-sizing: border-box;
  padding: 18px;
}

.p-about__learning-point__list li {
  padding: 0 0 0 30px;
  line-height: 1.63;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-about__learning-point__list li:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "";
  display: inline-block;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -333px;
  width: 22px;
  height: 20px;
}

.p-about__learning-point__list li + li {
  margin: 18px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-point__list {
    padding: 15px;
  }

  .p-about__learning-point__list br {
    display: none;
  }

  .p-about__learning-point__list li + li {
    margin: 15px 0 0;
  }
}
.p-about__learning-target {
  vertical-align: text-bottom;
  display: inline;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 639px) {
  .p-about__learning-target {
    vertical-align: initial;
    margin: 0 0 10px;
  }
}
.p-about__safety-heading02 {
  font-weight: normal;
  margin: 0 0 20px;
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .p-about__safety-heading02 {
    text-align: center;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-about__safety-section .media__body {
  overflow: visible;
}

.p-about__safety-section + .p-about__safety-section {
  margin: 30px 0 0;
}

.p-about__safety-img {
  margin: 60px 0 80px;
}

.p-about__safety-img img {
  max-width: 100%;
}

@media only screen and (max-width: 639px) {
  .p-about__safety-img {
    margin: 30px 0 50px;
  }
}
.p-about__safety-img:after {
  bottom: 13px;
  transform: rotate(3.5deg);
}

.p-about__safety-text {
  line-height: 1.73;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-about__safety-text + .p-about__safety-text {
  margin: 30px 0 0;
}

.p-about__safety-media {
  padding: 0 0 50px;
}

.p-about__safety-media img {
  max-width: 100%;
}

.p-about__safety-media + .p-about__safety-media:before {
  margin: 0 0 50px;
  content: "";
  display: block;
  background: url("../images/about/border.png") repeat-x 0 0;
  width: 100%;
  height: 4px;
}

.p-about__safety-media .media__body {
  overflow: visible;
}

@media only screen and (max-width: 639px) {
  .p-about__safety-media {
    padding: 0 0 35px;
    text-align: center;
  }

  .p-about__safety-media + .p-about__safety-media:before {
    margin: 0 0 35px;
  }

  .p-about__safety-media .c-shadow-right {
    display: inline-block;
  }

  .p-about__safety-media .media__body {
    text-align: left;
  }
}
.p-about__communication-heading02, .p-about__communication-heading02__lines {
  font-weight: normal;
  margin: 0 0 20px;
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .p-about__communication-heading02, .p-about__communication-heading02__lines {
    text-align: center;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-about__communication-heading02__lines {
  line-height: 1.22;
}

.p-about__communication-section01 .media {
  padding: 0 0 10px;
}

.p-about__communication-section01 .media__body {
  overflow: visible;
}

.p-about__communication-section01 + .p-about__communication-section01 {
  margin: 70px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-about__communication-section01 + .p-about__communication-section01 {
    margin: 30px 0 0;
  }

  .p-about__communication-section01 .media {
    text-align: center;
  }

  .p-about__communication-section01 .c-shadow-right {
    display: inline-block;
  }

  .p-about__communication-section01 .media__body {
    text-align: left;
  }
}
.p-about__communication-section02 {
  padding: 80px 0 0;
}

.p-about__communication-section02 + .p-about__communication-section02 {
  padding: 40px 0 0;
}

.p-about__communication-section02 .media {
  display: table;
  overflow: visible;
}

.p-about__communication-section02 .media__body {
  display: table-cell;
  vertical-align: middle;
}

.p-about__communication-section02:before {
  content: "";
  width: 100%;
  height: 4px;
  background: url("../images/about/border.png") repeat-x 0 0;
  margin: 0 0 40px;
  display: block;
}

@media only screen and (max-width: 639px) {
  .p-about__communication-section02 {
    padding: 50px 0 0;
  }

  .p-about__communication-section02 + .p-about__communication-section02 {
    padding: 30px 0 0;
  }

  .p-about__communication-section02 .media {
    display: block;
    text-align: center;
  }

  .p-about__communication-section02 .media__body {
    display: initial;
  }

  .p-about__communication-section02 .media__image--left {
    display: inline-block;
  }
}
.p-about__communication-section03 {
  padding: 80px 0 50px;
}

.p-about__communication-section03 + .p-about__communication-section03 {
  padding: 40px 0 50px;
}

.p-about__communication-section03 .media {
  display: table;
  overflow: visible;
}

.p-about__communication-section03 .media__body {
  display: table-cell;
  vertical-align: middle;
}

.p-about__communication-section03:before {
  content: "";
  width: 100%;
  height: 4px;
  background: url("../images/about/border.png") repeat-x 0 0;
  margin: 0 0 40px;
  display: block;
}

@media only screen and (max-width: 639px) {
  .p-about__communication-section03 {
    padding: 50px 0 30px;
  }

  .p-about__communication-section03 + .p-about__communication-section03 {
    padding: 30px 0 30px;
  }

  .p-about__communication-section03 .media {
    display: block;
    text-align: center;
  }

  .p-about__communication-section03 .media__body {
    display: initial;
  }

  .p-about__communication-section03 .media__image--left {
    display: inline-block;
  }
}
.p-about__communication-section__lines .media,
.p-about__communication-section__lines .media__body {
  overflow: hidden;
}

.p-about__communication-section__lines .media__image--left {
  margin-top: 4px;
}

.p-about__communication-section__lines .p-about__communication-heading02, .p-about__communication-section__lines .p-about__communication-heading02__lines {
  line-height: 1.22;
}

.p-about__communication-img {
  margin: 50px 0 76px;
}

.p-about__communication-img img {
  max-width: 100%;
}

.p-about__communication-img:after {
  bottom: 13px;
  transform: rotate(3.5deg);
}

@media only screen and (max-width: 639px) {
  .p-about__communication-img {
    margin: 30px 0 50px;
  }
}
.p-about__communication-text {
  line-height: 1.73;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-about__communication-img__left, .p-about__communication-img__right {
  float: left;
  margin: 0 0 30px;
}

.p-about__communication-img__left img, .p-about__communication-img__right img {
  max-width: 100%;
}

.p-about__communication-img__left {
  width: 39.58%;
}

.p-about__communication-img__right {
  width: 60.42%;
}

.cssgradients .p-about__system-marker__primary {
  background: linear-gradient(transparent 70%, #22ac38 70%);
}

.cssgradients .p-about__system-marker__secondary {
  background: linear-gradient(transparent 70%, #98a2cd 70%);
}

.cssgradients .p-about__system-chart span {
  line-height: 1;
  display: inline-block;
  margin: 0 0 18px;
  padding: 3px 12px;
}

.no-cssgradients .p-about__system-marker__primary:after {
  background: #22ac38;
}

.no-cssgradients .p-about__system-marker__secondary:after {
  background: #98a2cd;
}

.no-cssgradients .p-about__system-chart span {
  display: inline-block;
  line-height: 1;
  padding: 0 12px;
}

.no-cssgradients .p-about__system-chart span:after {
  display: block;
  content: "";
  width: 100%;
  height: 15px;
  top: -10px;
  z-index: -1;
  position: relative;
}

.p-nyujuku-heading01 {
  font-size: 24px;
  font-size: 2.4rem;
}

.p-nyujuku-heading01 i {
  top: 4px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -393px;
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku-heading01 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.p-nyujuku-link {
  line-height: 1.38;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-nyujuku-link + .p-nyujuku-link i {
  margin: 0 6px 0 20px;
}

.p-nyujuku-link i {
  display: inline-block;
  margin: 0 6px 0 0;
  position: relative;
  top: 2px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -104px;
  width: 13px;
  height: 13px;
}

.p-nyujuku-btn {
  line-height: 32px;
  height: auto;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  padding: 0 23px;
}

.p-nyujuku-btn i {
  position: relative;
  top: 2px;
  left: auto;
  display: inline-block;
  margin: 0 8px 0 0;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku-btn {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 15px;
    height: auto;
    line-height: 28px;
  }

  .p-nyujuku-btn i {
    top: 3px;
  }
}
.p-nyujuku-text, .p-nyujuku__taiken-text__price {
  line-height: 1.7;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-nyujuku-item__col2 {
  box-sizing: border-box;
  float: left;
  width: 370px;
  padding: 26px 47px;
  text-align: center;
  border: 5px solid #f4f4f4;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-nyujuku-item__col2 + .p-nyujuku-item__col2 {
  margin: 0 0 0 20px;
}

.p-nyujuku-item__col2 .btn--contact, .p-nyujuku-item__col2 .btn--contact--event {
  display: block;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku-item__col2 {
    width: auto;
    float: none;
    padding: 15px;
    margin: 0 10px 0;
  }

  .p-nyujuku-item__col2 + .p-nyujuku-item__col2 {
    margin: 10px 10px 0;
  }
}
.p-nyujuku-localnav {
  display: table;
  font-weight: bold;
  box-sizing: border-box;
  margin: 50px 0;
  padding: 0;
  width: 100%;
  min-height: 40px;
  border: 2px solid #22ac38;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-nyujuku-localnav-ttl {
  display: table-cell;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0;
  width: 170px;
  background: #22ac38;
  color: #fff;
}

.p-nyujuku-localnav-list {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-nyujuku-localnav-list li {
  display: inline-block;
  padding: 0 20px;
  line-height: 36px;
}

.p-nyujuku-localnav-list li i {
  display: inline-block;
  position: relative;
  margin: 0 7px 0 0;
  top: 3px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -212px;
  width: 17px;
  height: 17px;
}

.p-nyujuku-localnav-list li.p-nyujuku-disabled a {
  opacity: .5;
  -ms-filter: alpha(opacity=50);
  text-decoration: none;
  pointer-events: none;
}

.p-nyujuku-localnav-list li.p-nyujuku-disabled a i {
  display: none;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku-localnav {
    display: block;
  }

  .p-nyujuku-localnav-ttl {
    display: block;
    width: 100%;
    line-height: 36px;
  }

  .p-nyujuku-localnav-list {
    display: block;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .p-nyujuku-localnav-list li {
    display: block;
    padding: 0;
  }

  .p-nyujuku-localnav-list li + li {
    border-top: 1px dotted #b2b2b2;
  }

  .p-nyujuku-localnav-list a {
    display: block;
    padding: 4px 10px;
  }
}
.p-nyujuku__top-heading02 {
  margin: 50px 0 17px;
  text-align: left;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__top-heading02 {
    margin: 30px 0 15px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-nyujuku__top-section {
  text-align: center;
}

.p-nyujuku__top-section + .p-nyujuku__top-section {
  border-top: 1px dotted #ccc;
  margin: 50px 0 0;
}

.p-nyujuku__top-section .media__body {
  text-align: left;
}

.p-nyujuku__top-section .media .btn--contact, .p-nyujuku__top-section .media .btn--contact--event {
  margin: 20px 0 0;
}

.p-nyujuku__top-section .clearfix + .btn--contact, .p-nyujuku__top-section .clearfix + .btn--contact--event {
  margin: 30px 0 25px;
}

.p-nyujuku__top-section small {
  display: block;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__top-section + .p-nyujuku__top-section {
    margin: 30px 0 0;
  }

  .p-nyujuku__top-section .media__body {
    text-align: center;
  }
}
.p-nyujuku__top-items {
  margin: 25px 0 0;
}

.p-nyujuku__top-item__col3 {
  box-sizing: border-box;
  float: left;
  width: 250px;
  margin: 25px 0 0;
  text-align: center;
}

.p-nyujuku__top-item__col3 p {
  text-align: inherit;
}

.p-nyujuku__top-item__col3 strong {
  display: block;
  text-align: center;
  margin: 18px 0 0;
}

.p-nyujuku__top-item__col3 + .p-nyujuku__top-item__col3 {
  margin: 25px 0 0 5px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__top-item__col3 {
    float: none;
    margin: 20px 0 0;
    width: auto;
  }

  .p-nyujuku__top-item__col3 + .p-nyujuku__top-item__col3 {
    margin: 20px 0 0;
  }
}
.p-nyujuku__taiken-heading02 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 50px 0 30px;
  padding: 9px 13px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-heading02 {
    margin: 30px 0 20px;
    padding: 9px;
  }
}
.p-nyujuku__taiken-heading03 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 0 0 5px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-heading03 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 15px 0 7px;
  }
}
.p-nyujuku__taiken-heading04 {
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 10px;
}

.p-nyujuku__taiken-heading04 span {
  color: #fff;
  background: #22ac38;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 7px 0 0;
  padding: 3.5px 5px;
  vertical-align: text-top;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-heading04 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .p-nyujuku__taiken-heading04 span {
    vertical-align: initial;
  }
}
.p-nyujuku__taiken-lead {
  margin: 50px 0 17px;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}

.p-nyujuku__taiken-lead span {
  color: #d90000;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-lead {
    margin: 30px 0 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-nyujuku__taiken-leadbox .p-nyujuku-link {
  display: inline-block;
}

.p-nyujuku__taiken-leadbox .p-nyujuku-link__wrapper {
  margin: 15px 0 21px;
}

.p-nyujuku__taiken-leadbox .media img {
  max-width: 100%;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-leadbox {
    text-align: center;
  }

  .p-nyujuku__taiken-leadbox .p-nyujuku-link {
    display: block;
    line-height: 2;
  }

  .p-nyujuku__taiken-leadbox .p-nyujuku-link i {
    margin: 0 6px 0 0;
  }
}
.p-nyujuku__taiken-section section.media {
  margin: 30px 0 0;
}

.p-nyujuku__taiken-section .media img {
  max-width: 100%;
}

.p-nyujuku__taiken-section .media__image--left + .media__body {
  overflow: visible;
}

.p-nyujuku__taiken-section .p-nyujuku-text + .p-nyujuku-text, .p-nyujuku__taiken-section .p-nyujuku__taiken-text__price + .p-nyujuku-text, .p-nyujuku__taiken-section .p-nyujuku-text + .p-nyujuku__taiken-text__price, .p-nyujuku__taiken-section .p-nyujuku__taiken-text__price + .p-nyujuku__taiken-text__price {
  margin-top: 10px;
}

.p-nyujuku__taiken-section__step + .p-nyujuku__taiken-section__step {
  margin: 40px 0 0;
}

.p-nyujuku__taiken-section__step .p-nyujuku-item__col2 {
  text-align: left;
  line-height: 1.3;
}

.p-nyujuku__taiken-box {
  margin: 15px 0 0;
  padding: 20px;
}

.p-nyujuku__taiken-box .media {
  width: 50%;
  padding: 0 25px 0 0;
  float: left;
  box-sizing: border-box;
}

.p-nyujuku__taiken-box .media + .media {
  padding: 0 0 0 5px;
}

.p-nyujuku__taiken-box .media__image--left {
  margin-right: 10px;
}

.p-nyujuku__taiken-box-ttl {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 15px;
}

.p-nyujuku__taiken-box-lead {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.7;
  font-weight: bold;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-box {
    padding: 15px;
  }

  .p-nyujuku__taiken-box .media {
    width: auto;
    float: none;
    padding: 0;
    text-align: center;
  }

  .p-nyujuku__taiken-box .media + .media {
    margin: 15px 0 0;
  }

  .p-nyujuku__taiken-box .media__image--left {
    margin-right: 0;
  }
}
.p-nyujuku__taiken-items {
  margin: 15px 0 0;
}

.p-nyujuku__taiken-text__price {
  color: #d90000;
  margin: 0 0 25px;
}

.p-nyujuku__taiken-text__price span {
  font-size: 80%;
  color: #333;
  display: block;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__taiken-text__price {
    margin: 0 0 15px;
  }
}
.p-nyujuku__taiken-btnarea {
  margin: 30px 0 0;
  text-align: center;
}

.p-nyujuku__gakushin-heading02 {
  font-size: 18px;
  font-size: 1.8rem;
  box-sizing: border-box;
  padding: 0 0 0 13px;
  border-left: 5px solid #22ac38;
  line-height: .9;
  margin: 30px 0 10px;
}

.p-nyujuku__gakushin-heading03 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 50px 0 30px;
  padding: 9px 13px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-heading03 {
    margin: 30px 0 20px;
    padding: 9px;
  }
}
.p-nyujuku__gakushin-heading04 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 5px;
}

.p-nyujuku__gakushin-lead {
  margin: 50px 0 17px;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}

.p-nyujuku__gakushin-lead .label {
  padding: 3px 5px;
  position: relative;
  top: -3px;
}

.p-nyujuku__gakushin-lead .label + .label {
  margin: 0 0 0 6px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-lead {
    margin: 30px 0 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }

  .p-nyujuku__gakushin-lead .label {
    position: static;
  }
}
.p-nyujuku__gakushin-leadbox .p-nyujuku-link {
  display: inline-block;
}

.p-nyujuku__gakushin-leadbox .p-nyujuku-link__wrapper {
  margin: 15px 0 21px;
}

.p-nyujuku__gakushin-leadbox .media img {
  max-width: 100%;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-leadbox {
    text-align: center;
  }

  .p-nyujuku__gakushin-leadbox .p-nyujuku-link {
    display: block;
    line-height: 2;
  }

  .p-nyujuku__gakushin-leadbox .p-nyujuku-link i {
    margin: 0 6px 0 0;
  }
}
.p-nyujuku__gakushin-table {
  width: 100%;
}

.p-nyujuku__gakushin-table th, .p-nyujuku__gakushin-table td {
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  padding: 9px 13px;
  box-sizing: border-box;
  line-height: 1.7;
}

.p-nyujuku__gakushin-table th {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #f4f4f4;
}

.p-nyujuku__gakushin-table td {
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-nyujuku__gakushin-table th, .p-nyujuku__gakushin-table .p-nyujuku__gakushin-cell__school {
  text-align: center;
  width: 13.3%;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-table {
    display: block;
    border-bottom: 1px solid #e5e5e5;
  }

  .p-nyujuku__gakushin-table th, .p-nyujuku__gakushin-table td, .p-nyujuku__gakushin-table .p-nyujuku__gakushin-cell__school {
    display: block;
    width: 100%;
    border-width: 1px 1px 0;
  }

  .p-nyujuku__gakushin-table .p-nyujuku__gakushin-cell__school {
    font-weight: bold;
  }
}
.p-nyujuku__gakushin-btnarea {
  margin: 30px 0 0;
  text-align: center;
}

.p-nyujuku__gakushin-btnarea a + a {
  margin: 0 0 0 30px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-btnarea a {
    display: block;
  }

  .p-nyujuku__gakushin-btnarea a + a {
    margin: 10px 0 0;
  }
}
.p-nyujuku__gakushin-point {
  background: #eff8ea;
  display: table;
  width: 100%;
  padding: 17px 0;
  box-sizing: border-box;
}

.p-nyujuku__gakushin-point + .p-nyujuku__gakushin-point {
  margin: 20px 0 0;
}

.p-nyujuku__gakushin-point-num {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
}

.p-nyujuku__gakushin-point-num .label {
  background: #22ac38;
}

.p-nyujuku__gakushin-point-text {
  line-height: 1.38;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-nyujuku__gakushin-point-text span {
  color: #d90000;
}

.p-nyujuku__gakushin-point .media__image__left {
  margin-right: 30px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-point {
    display: block;
  }

  .p-nyujuku__gakushin-point-num {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .p-nyujuku__gakushin-point-text {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0 15px;
  }
}
.p-nyujuku__gakushin-flow + .p-nyujuku__gakushin-flow:before {
  content: "";
  display: block;
  background: url("../images/nyujuku/gakushin-arrow.png") no-repeat 50% 50%;
  margin: 25px 0 20px;
  height: 31px;
}

.p-nyujuku__gakushin-flow-start {
  width: 200px;
  height: 133px;
  line-height: 133px;
  text-align: center;
  background: #22ac38;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
}

.p-nyujuku__gakushin-flow + .p-nyujuku__gakushin-btnarea {
  margin-top: 55px;
}

.p-nyujuku__gakushin-flow .media__body {
  overflow: visible;
}

.p-nyujuku__gakushin-flow .media__image--left a {
  transition: all .2s ease;
}

.p-nyujuku__gakushin-flow .media__image--left a:hover {
  opacity: .8;
  -ms-filter: alpha(opacity=80);
}

@media only screen and (max-width: 639px) {
  .p-nyujuku__gakushin-flow-start {
    margin: 0 auto;
    height: 100px;
    line-height: 100px;
  }
}
.p-nyujuku-row {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .p-nyujuku-row {
    margin-bottom: 0;
  }

  .p-nyujuku-row .col2 {
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 639px) {
  .p-nyujuku-row img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-tokuten-btn {
  margin-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-btn {
    margin-bottom: 30px;
  }
}
.p-tokuten-btn a {
  position: relative;
  width: 300px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-btn a {
    width: 80%;
  }
}
.p-tokuten-btn a:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -2px;
  margin-right: 10px;
  background-image: url(../images/common/ico_contact_off.svg);
}

.p-tokuten-block {
  border: 1px solid #22ac38;
  background: #EEF5CC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-tokuten-block__child01 {
  background: #EEF5CC;
  padding: 25px 0;
  text-align: center;
  border-bottom: 3px dotted #C2D27C;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child01 {
    padding: 20px 0;
  }
}
.p-tokuten-block__child01 p {
  color: #698604;
  line-height: 1.2;
  font-size: 24px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child01 p {
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-tokuten-block__child01 p span {
  font-weight: bold;
}

.p-tokuten-block__child02 {
  background: #EEF5CC;
  padding: 25px 0;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child02 {
    padding: 20px 0;
  }
}
.p-tokuten-block__child02:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 245, 204, 0);
  border-top-color: #EEF5CC;
  border-width: 15px;
  margin-left: -15px;
}

.p-tokuten-block__child02 h2 {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child02 h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.p-tokuten-block__child03 {
  background: #FFF;
  padding: 30px 20px 30px;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child03 {
    padding: 25px 10px 15px;
  }
}
@media only screen and (max-width: 639px) {
  .p-tokuten-block__child03 img {
    width: 37px;
    height: 19px;
  }
}
.p-tokuten-block__child04 {
  background: #EEF5CC;
  padding: 20px;
}

.p-tokuten-block__child04 p {
  text-align: center;
  font-size: 19px;
  font-size: 1.9rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child04 p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.p-tokuten-block__child04 p span {
  color: #900;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__child04 p span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-tokuten-block__lead {
  line-height: 1.1;
  text-align: center;
  margin-bottom: 10px;
  font-size: 19px;
  font-size: 1.9rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.p-tokuten-block__price {
  text-align: center;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  font-size: 3.2rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__price {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.p-tokuten-block__price span {
  font-size: 60px;
  font-size: 6rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__price span {
    font-size: 50px;
    font-size: 5rem;
  }
}
.p-tokuten-block__badge {
  background: #22ac38;
  width: 80px;
  height: 80px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding-top: 26px;
  vertical-align: middle;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__badge {
    width: 60px;
    height: 60px;
    padding-top: 20px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-tokuten-block__inner {
  background: #EEF5CC;
  text-align: center;
  padding: 20px 0;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__inner {
    padding: 10px;
  }
}
.p-tokuten-block__inner p {
  font-weight: bold;
  line-height: 1.3;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__inner p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-tokuten-block__inner p span {
  display: block;
  margin-top: 10px;
  color: #666666;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-tokuten-block__inner p span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.u-text-bg {
  font-size: 32px;
  font-size: 3.2rem;
}

@media only screen and (max-width: 639px) {
  .u-text-bg {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.u-text-lg {
  font-size: 36px;
  font-size: 3.6rem;
}

@media only screen and (max-width: 639px) {
  .u-text-lg {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.p-singleTop {
  margin: 0 auto 90px;
  width: 760px;
}

@media only screen and (max-width: 639px) {
  .p-singleTop {
    width: 100%;
    margin: 0 auto 45px;
  }
}
.p-singleTop__heading {
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
  font-weight: normal;
  font-size: 58px;
  font-size: 5.8rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__heading {
    margin-bottom: 15px;
    font-size: 30px;
    font-size: 3rem;
  }
}
.p-singleTop__supplement {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  margin: 20px 0 30px;
}

.p-singleTop__secondary {
  line-height: 1.25;
  margin-bottom: 25px;
  text-align: center;
  font-size: 40px;
  font-size: 4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__secondary {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-singleTop__badge, .p-singleTop__badge--s01, .p-singleTop__badge--s06, .p-singleTop__badge--s03, .p-singleTop__badge--s05, .p-singleTop__badge--c01, .p-singleTop__badge--c03, .p-singleTop__badge--es01 {
  background: #6d6eaf;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  height: 70px;
  width: 70px;
  line-height: 1.3;
  padding-top: 17px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 15px;
  font-size: 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-singleTop__badge--s01 {
  background: #8C4D63;
}

.p-singleTop__badge--s06 {
  background: #e19527;
}

.p-singleTop__badge--s03 {
  background: #63aeaa;
}

.p-singleTop__badge--s05 {
  background: #70c2d4;
}

.p-singleTop__badge--c01 {
  background: #4d9647;
}

.p-singleTop__badge--c03 {
  background: #6baed0;
}

.p-singleTop__badge--es01 {
  background: #57a59f;
}

.p-singleTop__course, .p-singleTop__course--subject {
  margin-top: 5px;
  line-height: 1.9;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__course, .p-singleTop__course--subject {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.p-singleTop__course > dt, .p-singleTop__course--subject > dt {
  display: inline-block;
  font-weight: bold;
}

.p-singleTop__course > dd, .p-singleTop__course--subject > dd {
  display: inline-block;
}

.p-singleTop__course > dd span, .p-singleTop__course--subject > dd span {
  display: inline-block;
  width: 7em;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__course > dd span, .p-singleTop__course--subject > dd span {
    display: block;
  }
}
.p-singleTop__course > dd span.subject-detail, .p-singleTop__course--subject > dd span.subject-detail {
  display: block;
  width: auto;
  margin-left: 7em;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__course > dd span.subject-detail, .p-singleTop__course--subject > dd span.subject-detail {
    margin-left: 0;
  }
}
.p-singleTop__course--subject dt {
  display: block;
}

.p-singleTop__course--subject dd {
  margin-left: 45px;
  margin-bottom: 5px;
  display: block;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__course--subject dd {
    margin-left: 0;
  }
}
.p-singleTop__course--subject dd.p-subject-title {
  margin-left: 0;
}

.p-singleTop__cmnHeading {
  line-height: 1.1;
  margin-bottom: 45px;
  /*text-align: center;*/
  font-weight: normal;
  font-size: 54px;
  font-size: 5.4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__cmnHeading {
    margin-bottom: 20px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.p-singleTop__alert {
  line-height: 1.7;
  margin-bottom: 90px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__alert {
    margin-bottom: 50px;
  }
}
.p-singleTop__themeHeading {
  margin-bottom: 55px;
  font-size: 40px;
  font-size: 4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__themeHeading {
    text-align: center;
    margin-bottom: 10px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.p-singleTop__themeHeading span {
  display: inline-block;
  font-weight: normal;
  margin-left: 30px;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__themeHeading span {
    margin: 10px 0 20px 0;
    display: block;
  }
}
.p-singleTop__list {
  line-height: 1.8;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-singleTop__wrap01 {
  margin: 0 auto;
  width: 530px;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__wrap01 {
    width: auto;
    margin: 0;
  }
}
.p-singleTop__wrap02 {
  margin: 0 auto;
  width: 615px;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__wrap02 {
    width: auto;
    margin: 0;
  }
}
.p-singleTop__wrap03 {
  margin: 0 auto;
  width: 430px;
}

@media only screen and (max-width: 639px) {
  .p-singleTop__wrap03 {
    width: auto;
    margin: 0;
  }
}
.p-singleTheme {
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-singleTheme {
    width: 100%;
  }
}
.p-singleTheme__image {
  float: left;
  margin-right: 20px;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .p-singleTheme__image {
    float: none;
    display: inline-block;
    width: 70px;
  }
}
.p-singleTheme__body {
  overflow: hidden;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .p-singleTheme__body {
    width: 65%;
    display: inline-block;
  }
}
.p-singleFeat {
  margin-bottom: 25px;
}

.p-singleFeat__num {
  text-align: center;
  width: 48px;
  line-height: 48px;
  height: 48px;
  margin: 0 auto 20px;
  border: 1px solid #333;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  font-size: 40px;
  font-size: 4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleFeat__num {
    width: 28px;
    line-height: 28px;
    height: 28px;
    margin: 0 auto 5px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.p-singleFeat__heading {
  line-height: 1.3;
  text-align: center;
  font-weight: normal;
  margin-bottom: 25px;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-singleFeat__heading {
    margin-bottom: 20px;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.p-singleFeat__text {
  line-height: 1.7;
  margin-bottom: 25px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-singleFeat__secondary {
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-singleFeat__panel {
    margin-bottom: 20px;
  }
}
.p-singleFeat__panel > p:first-child {
  margin-bottom: 20px;
}

.p-singleCourse {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-singleCourse {
    margin-bottom: 10px;
  }
}
.p-singleCourse h4 {
  line-height: 1.3;
  margin-bottom: 15px;
  font-size: 17px;
  font-size: 1.7rem;
}

.p-singleCourse h4 span {
  background: #E6E6E6;
  display: inline-block;
  margin-left: 10px;
  padding: 5px 9px;
  text-align: center;
  line-height: 1;
  vertical-align: baseline;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-singleCourse p {
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-sigleMedia {
  display: table;
  width: 100%;
  margin-bottom: 50px;
}

.p-sigleMedia__image {
  width: 300px;
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__image {
    display: block;
    width: auto;
    text-align: center;
  }
}
.p-sigleMedia__image_01 {
  width: 180px;
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__image_01 {
    display: block;
    width: auto;
    text-align: center;
  }
}
.p-sigleMedia__caption {
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__caption {
    margin: 10px 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-sigleMedia__body {
  display: table-cell;
  vertical-align: top;
  padding-right: 25px;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__body {
    display: block;
    padding-right: 0;
    margin-bottom: 10px;
  }
}
.p-sigleMedia__heading {
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 34px;
  font-size: 3.4rem;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__heading {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.p-sigleMedia__text, .p-sigleMedia__text--round {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__text--round {
    margin-bottom: 15px;
    display: table-header-group;
  }
}
.p-sigleMedia__around {
  overflow: hidden;
  margin-bottom: 50px;
}

.p-sigleMedia__imageRound {
  float: right;
  margin: 0 0 20px 15px;
}

@media only screen and (max-width: 639px) {
  .p-sigleMedia__imageRound {
    float: none;
    display: table-footer-group;
    text-align: center;
    margin: 0 0 10px 0;
  }
}
.p-singeSchool {
  margin-bottom: 50px;
}

.p-singeSchool__heading {
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 34px;
  font-size: 3.4rem;
}

.p-singeSchool__heading img {
  margin: 10px 0;
}

@media only screen and (max-width: 639px) {
  .p-singeSchool__heading {
    /* text-align: center; */
    font-size: 24px;
    font-size: 2.4rem;
  }

  .p-singeSchool__heading img {
    margin: 10px auto 0;
  }
}
.p-singeSchool__text {
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-singeSchool__link {
  font-size: 26px;
  font-size: 2.6rem;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2;
}

@media only screen and (max-width: 639px) {
  .p-singeSchool__link {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-singeSchool__link i {
  display: inline-block;
  margin: 0 10px 0 0;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -533px;
  width: 21px;
  height: 21px;
}

.p-singleGrade {
  margin-bottom: 50px;
}

.p-singleGrade__heading {
  color: #FFF;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 20px;
  padding: 5px 15px;
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .p-singleGrade__heading {
    margin-bottom: 10px;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.p-singleGrade__text {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-singleBox {
  background: #F9FBF1;
  border: 3px solid #22ac38;
  padding: 3px;
  margin-bottom: 80px;
}

.p-singleBox__inner {
  border: 1px solid #22ac38;
  padding: 30px 0;
}

@media only screen and (max-width: 639px) {
  .p-singleBox__inner {
    padding: 30px 10px;
  }
}
.p-singleBox h3 {
  text-align: center;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 35px;
  font-size: 3.5rem;
}

.p-singleBox p {
  text-align: center;
  line-height: 1.4;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-singleBox__btn {
  background: #FFF;
  border: 2px solid #22ac38;
  color: #22ac38;
  display: inline-block;
  margin-top: 20px;
  text-align: center;
  padding: 10px 30px;
  font-weight: bold;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.8rem;
  @iclude box-sizing(border-box);
}

.p-singleBox__btn i {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: text-bottom;
  margin-right: 5px;
  background-image: url(../images/common/ico_default_on.png);
}

.p-singleBox__btn:hover {
  background: #22ac38;
  color: #FFF;
}

.p-singleBox__btn:hover i {
  background-image: url(../images/common/ico_default_off.png);
}

.highlight {
  padding: 3px;
  font-weight: normal;
  background: #D9F82A;
}

.p-courseMedia__wrap > .p-course__kobetsu-heading06 {
  font-weight: normal;
  font-size: 25px;
  font-size: 2.5rem;
}

@media only screen and (max-width: 639px) {
  .p-courseMedia__wrap > .p-course__kobetsu-heading06 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-course__kobetsu-text {
  margin-bottom: 30px;
}

.p-course__kobetsu-image--right {
  margin: 0 0 65px 15px;
}

@media only screen and (max-width: 639px) {
  .p-course__kobetsu-image--right {
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-width: 639px) {
  .p-course__kobetsu-labels .label {
    margin: 0 3px;
    padding: 6.5px 10px;
  }
}
.p-course__kobetsu-caption {
  margin-top: -5px;
}

.p-curriculum {
  margin: 50px 0 60px;
}

.p-curriculum__text {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

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

.p-curriculum__img img {
  margin: 0 auto;
}

@media only screen and (max-width: 639px) {
  .p-curriculum__img img {
    width: 100%;
    height: auto;
  }
}
.p-singleDetail {
  margin: 50px 0;
}

.p-singleDetail__heading {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 25px;
  font-size: 2.5rem;
}

.p-singleDetail__text {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-singleDetail__label {
  margin-right: 8px;
  padding: 2px 10px;
  vertical-align: middle;
}

.p-singleDetail__label:first-child {
  margin-left: 10px;
}

.p-singleDetail__label--title {
  margin-right: 8px;
  vertical-align: middle;
}

@media only screen and (max-width: 639px) {
  .p-singleDetail__label--title {
    display: block;
    margin-bottom: 5px;
  }
}
.l-row.p-jisseki__dlList {
  margin: 20px 80px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .l-row.p-jisseki__dlList {
    margin: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.l-row.p-jisseki__dlList .col2 {
  width: 46%;
  margin: 0 4% 2% 0;
}

@media only screen and (max-width: 639px) {
  .l-row.p-jisseki__dlList .col2 {
    width: 100%;
    margin: 0 2% 0 0;
  }
}
.l-row.p-jisseki__dlList dl {
  line-height: 2;
  border-top: 1px dotted #c7c9c1;
}

.l-row.p-jisseki__dlList dl dt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  float: left;
  width: 77%;
  padding-left: 8px;
  border-bottom: 1px dotted #c7c9c1;
}

.l-row.p-jisseki__dlList dl dd {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 23%;
  text-align: right;
  padding-right: 8px;
  border-bottom: 1px dotted #c7c9c1;
}

.p-jisseki__num {
  margin: 20px 0;
  font-size: 24px !important;
  font-size: 2.4em !important;
}

@media only screen and (max-width: 639px) {
  .p-jisseki__num {
    font-size: 2rem !important;
  }
}
@media only screen and (max-width: 639px) {
  .p-dlList--right {
    border: none !important;
  }
}
.l-row .p-singleSchool__title {
  margin: 30px 0 20px;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 639px) {
  .l-row .p-singleSchool__title {
    margin: 20px 0;
  }
}
.l-row .p-singleSchool__image {
  float: left;
  text-align: right;
  width: 220px;
  margin: 10px 25px 10px 0;
}

@media only screen and (max-width: 639px) {
  .l-row .p-singleSchool__image {
    margin: 10px 10px 10px 0;
    width: 140px;
  }

  .l-row .p-singleSchool__image img {
    width: 120px;
    height: auto;
  }
}
.l-row .p-singleSchool__content {
  float: none;
  width: auto;
  overflow: hidden;
}

.l-row .p-singleSchool__dlList {
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 639px) {
  .l-row .p-singleSchool__dlList {
    margin: 0 20px;
  }
}
.l-row .p-singleSchool__dlList dt {
  margin-top: 10px;
  clear: both;
  float: left;
  width: 17%;
  font-weight: bold;
}

@media only screen and (max-width: 639px) {
  .l-row .p-singleSchool__dlList dt {
    float: none;
    width: auto;
    margin-top: 30px;
  }
}
.l-row .p-singleSchool__dlList dd {
  margin-top: 10px;
  float: left;
  width: 83%;
}

@media only screen and (max-width: 639px) {
  .l-row .p-singleSchool__dlList dd {
    float: none;
    width: auto;
  }
}
.l-row .p-singleSchool__ulList li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 639px) {
  .l-row .p-singleSchool__ulList li {
    display: block;
  }
}
.p-singleNankan p {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-singleNankan .p-singleSchool__dlList {
  margin: 0 20px;
}

.p-singleNankan .p-singleSchool__dlList dt {
  width: 18.5%;
}

.p-singleNankan .p-singleSchool__dlList dd {
  width: 81.5%;
}

@media only screen and (max-width: 639px) {
  .p-singleNankan .p-singleSchool__dlList dt, .p-singleNankan .p-singleSchool__dlList dd {
    width: 100%;
  }
}
.p-clickableMap {
  margin-bottom: 90px;
  text-align: center;
}

.p-teachers--photoL {
  margin-bottom: 80px;
  background: url(../images/course/s03/line_s03_01.jpg) repeat-x top left;
}

.p-teachers--photoL li {
  padding: 40px 30px;
  background: url(../images/course/s03/line_s03_01.jpg) repeat-x bottom left;
}

.p-teachers--photoL__image {
  float: left;
  margin-right: 30px;
}

@media only screen and (max-width: 639px) {
  .p-teachers--photoL__image {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}
.p-teachers--photoL__content {
  overflow: hidden;
}

.p-teachers--photoL__name {
  margin-bottom: 5px;
  line-height: 1.5;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}

.p-teachers--photoL__pos {
  margin-bottom: 20px;
  font-size: 17px;
  font-size: 1.7rem;
}

.p-teachers--photoL__txt {
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-juniorTop__supplement01 {
  margin: 30px 0 25px;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}

.p-juniorTop__supplement02 {
  margin-bottom: 55px;
  line-height: 1.6;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-juniorCourse {
  overflow: hidden;
  width: 640px;
  height: 213px;
  margin: 0 auto 75px;
  padding-bottom: 8px;
  background: #f7f7f7 url(../images/course/s05/shadow_s05_01.jpg) no-repeat center bottom;
}

@media only screen and (max-width: 639px) {
  .p-juniorCourse {
    width: auto;
    height: auto;
  }
}
.p-juniorCourse__image {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 639px) {
  .p-juniorCourse__image {
    float: none;
    margin-right: 0;
  }
}
.p-juniorCourse__contents {
  overflow: hidden;
  margin: 20px 20px 15px;
}

.p-juniorCourse__heading {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

.p-juniorCourse__subject {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-juniorCourse__class {
  width: auto;
  margin: 0 0 10px;
}

.p-juniorCourse__class .label {
  padding: 3px 10px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-juniorCourse__lead {
  margin-bottom: 10px;
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

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

.p-juniorCourse__btn a {
  display: inline-block;
  padding: 10px;
  background: #70C2D4;
  border: 2px solid #70C2D4;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-juniorCourse__btn i {
  display: inline-block;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  background: url(../images/course/s05/btn_s05_01.jpg);
  vertical-align: -3px;
}

.p-juniorCourse__btn:hover a {
  background: #f7f7f7;
  border: 2px solid #70C2D4;
  color: #70C2D4;
}

.p-juniorCourse__btn:hover i {
  background: url(../images/course/s05/btn_s05_01_on.jpg);
}

.p-nobinobiCourse {
  margin: 0 0 70px;
}

.p-nobinobiCourse__image {
  float: left;
  margin-right: 20px;
}

.p-nobinobiCourse__contents {
  overflow: hidden;
}

.p-nobinobiCourse__heading {
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .p-nobinobiCourse__heading {
    margin-bottom: 10px;
    display: block;
  }
}
.p-nobinobiCourse__subject {
  display: inline-block;
  margin: 0 10px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-nobinobiCourse__subject {
    margin: 0 0 10px;
    display: block;
  }
}
.p-nobinobiCourse__class {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .p-nobinobiCourse__class {
    display: block;
  }
}
.p-nobinobiCourse__class .label {
  margin-right: 5px;
  padding: 3px 7px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-nobinobiCourse__lead {
  margin: 20px 0 0;
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-nobinobiCourse .p-singleBox__btn {
  padding: 5px 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-nobinobiCourse .p-singleBox__btn i {
  vertical-align: -4px;
}

.p-activeEvent__heading {
  border-bottom: 1px solid #999;
}

.p-activeEvent__heading span {
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 5px solid #22ac38;
  font-size: 18px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .p-activeEvent__heading span {
    line-height: 1.3;
  }
}
.p-activeEvent__lead {
  margin: 40px 0 30px;
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-activeEventBox {
  border-top: 1px solid #999;
  margin: 40px 0 0;
  padding-top: 40px;
}

.p-activeEventBox--first {
  border: none;
  margin: 0;
  padding: 0;
}

.p-activeEventBox__image {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 639px) {
  .p-activeEventBox__image {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.p-activeEventBox__contents {
  overflow: hidden;
}

.p-activeEventBox__date {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-activeEventBox__class {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
}

.p-activeEventBox__class .label {
  margin-right: 10px;
  padding: 3px 7px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-activeEventBox__title {
  margin: 13px 0;
  line-height: 1.3;
  font-size: 20px;
  font-size: 2rem;
}

.p-activeEventBox__state .label {
  padding: 3px 5px;
  background: #d90000;
  line-height: 1;
}

.p-voiceSmallTxt {
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-voiceSmallTxt {
    margin-top: 5px;
    display: block;
    line-height: 1.3;
  }
}
.hr-teachers {
  background: url(../images/course/c03/line_c03_01.jpg) repeat-x bottom left;
  border: none;
  height: 4px;
  margin-bottom: 0;
}

.p-teachers--photoR {
  padding: 30px;
  background: url(../images/course/c03/line_c03_01.jpg) repeat-x bottom left;
}

@media only screen and (max-width: 639px) {
  .p-teachers--photoR {
    padding: 15px 10px;
  }
}
.p-teachers--photoR.last {
  margin-bottom: 90px;
}

@media only screen and (max-width: 639px) {
  .p-teachers--photoR.last {
    margin-bottom: 50px;
  }
}
.p-teachers--photoR__heading {
  margin-bottom: 30px;
  text-align: center;
  font-weight: normal;
  font-size: 46px;
  font-size: 4.6rem;
}

@media only screen and (max-width: 639px) {
  .p-teachers--photoR__heading {
    font-size: 30px;
    font-size: 3rem;
  }
}
.p-teachers--photoR__contents {
  width: 440px;
  margin-right: 10px;
  float: left;
}

@media only screen and (max-width: 639px) {
  .p-teachers--photoR__contents {
    width: auto;
    margin-right: 0;
    float: none;
  }
}
.p-teachers--photoR__image {
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-teachers--photoR__teachersList {
    text-align: center;
    margin-top: 15px;
  }
}
.p-teachers--photoR__teachersList li {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-teachers--photoR__teachersList li:first-child {
  margin-right: 10px;
}

.p-teachers--photoR__teachersList li p:first-child {
  margin-bottom: 10px;
}

.p-teachers--photoR__subtitle {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-teachers--photoR__text {
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-shoronbun__alert {
  margin-bottom: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-shoronbun__heading {
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
}

.p-shoronbun__example {
  margin: 0;
}

.p-shoronbun__example .col3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  margin: 0;
  padding: 0 4%;
  border-right: 1px dotted #b2b2b2;
}

@media only screen and (max-width: 639px) {
  .p-shoronbun__example .col3 {
    padding: 30px 0;
    width: auto;
    border: none;
    border-bottom: 1px dotted #b2b2b2;
  }
}
.p-shoronbun__example .col3.first {
  padding-left: 0;
}

.p-shoronbun__example .col3.last {
  padding-right: 0;
  border: none;
}

.p-shoronbun__example__title {
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-shoronbun__example__list {
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-nyushi2013__heading {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

.p-leading {
  margin-top: 55px;
}

.p-leading:first-child {
  margin-top: 0;
}

.p-leading__heading {
  margin-bottom: 35px;
  font-weight: normal;
  font-size: 28px;
  font-size: 2.8rem;
}

.p-leading__inner {
  margin-bottom: 40px;
}

.p-leading__contents {
  float: left;
  width: 63%;
}

@media only screen and (max-width: 639px) {
  .p-leading__contents {
    float: none;
    width: auto;
  }
}
.p-leading__image {
  float: right;
  width: 26%;
}

@media only screen and (max-width: 639px) {
  .p-leading__image {
    margin-top: 15px;
    float: none;
    width: auto;
    text-align: center;
  }
}
.p-leading__title {
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-leading__txt {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-original {
  margin-bottom: 50px;
}

.p-original__heading {
  margin-bottom: 25px;
  font-weight: normal;
  font-size: 28px;
  font-size: 2.8rem;
}

.p-original__inner {
  width: 46%;
}

@media only screen and (max-width: 639px) {
  .p-original__inner {
    margin-top: 20px;
    width: auto;
  }
}
.p-original__inner.left {
  float: left;
}

@media only screen and (max-width: 639px) {
  .p-original__inner.left {
    float: none;
  }
}
.p-original__inner.left .p-original__title {
  color: #56AACF;
}

.p-original__inner.right {
  float: right;
}

@media only screen and (max-width: 639px) {
  .p-original__inner.right {
    float: none;
  }
}
.p-original__inner.right .p-original__title {
  color: #C36E53;
}

.p-original__imageset {
  margin-bottom: 20px;
}

.p-original__image {
  float: left;
  margin-right: 15px;
}

.p-original__title {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

.p-original__teacher {
  float: left;
  width: 235px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-original__teacher {
    float:none;
    width: 100%;
  }
}
.p-original__teacher p {
  margin-top: 20px;
  line-height: 1.7;
}

.p-original__teacher p:first-child {
  margin-top: 0;
}

.p-original__txt {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-juniorExpert {
  position: relative;
  height: 135px;
  margin-bottom: 30px;
}
/* .p-juniorExpert img{
  display:none;
} */

@media only screen and (max-width: 639px) {
  .p-juniorExpert {
    height: 100%;
  }
}
.p-juniorExpert__heading {
  margin-right: 30%;
  margin-bottom: 25px;
  font-weight: normal;
  font-size: 28px;
  font-size: 2.8rem;
}

@media only screen and (max-width: 639px) {
  .p-juniorExpert__heading {
    margin-right: 0;
  }
}
.p-juniorExpert__image {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 639px) {
  .p-juniorExpert__image {
    position: relative;
    margin-top:30px;;
    margin-bottom: 15px;
    text-align: center;
  }
}
.p-juniorExpert__txt {
  margin-right: 30%;
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-juniorExpert__txt {
    margin-right: 0;
  }
}
.p-planning__image {
  margin-bottom: 40px;
}

.p-juniorTraining {
  background: #eaf6f9;
  margin-bottom: 40px;
  padding: 25px 35px;
}

@media only screen and (max-width: 639px) {
  .p-juniorTraining {
    padding: 25px;
  }
}
.p-juniorTraining__contents {
  width: 280px;
  margin-right: 40px;
  float: left;
}

@media only screen and (max-width: 639px) {
  .p-juniorTraining__contents {
    width: auto;
    margin-right: 0;
    float: none;
  }
}
.p-juniorTraining__images {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-juniorTraining__images li {
  width: 173px;
  float: left;
}

@media only screen and (max-width: 639px) {
  .p-juniorTraining__images li {
    width: auto;
    float: none;
  }
}
.p-juniorTraining__images li p:first-child {
  margin: 51px 0 15px;
}

@media only screen and (max-width: 639px) {
  .p-juniorTraining__images li p:first-child {
    margin-top: 25px;
  }
}
.p-juniorTraining__images li:first-child {
  margin-right: 24px;
}

@media only screen and (max-width: 639px) {
  .p-juniorTraining__images li:first-child {
    margin-right: 0;
  }
}
.p-juniorTraining__images li:first-child p:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 639px) {
  .p-juniorTraining__images li:first-child p:first-child {
    margin-top: 25px;
  }
}
.p-juniorTraining__heading {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 28px;
  font-size: 2.8rem;
}

.p-juniorTraining__lead {
  margin-bottom: 30px;
  color: #31459B;
  font-size: 24px;
  font-size: 2.4rem;
}

.p-juniorTraining__txt {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-singleMedia--double {
  width: 300px;
}

@media only screen and (max-width: 639px) {
  .p-singleMedia--double {
    margin: 0 auto;
  }
}
.p-singleMedia--double__inner {
  width: 147px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-singleMedia--double__inner {
    width: auto;
  }
}
.p-singleMedia--double__inner.left {
  float: left;
}

.p-singleMedia--double__inner.right {
  float: right;
}

@media only screen and (max-width: 639px) {
  .p-singleMedia--double__inner.right {
    float: none;
  }
}
.p-singleMedia--double__inner p:first-child {
  margin-bottom: 10px;
}

.p-juniorQA__heading {
  font-weight: normal;
  font-size: 34px;
  font-size: 3.4rem;
}

.p-juniorQA__list {
  line-height: 1.7;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-juniorQA__list span {
  display: block;
  margin-left: 30px;
}

.p-juniorQA__list i {
  float: left;
  font-style: normal;
  display: block;
  margin-right: 10px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

.p-juniorQA__list dt {
  margin: 40px 0 20px;
}

.p-juniorQA__list dt i {
  color: #31459B;
}

.p-juniorQA__list dd i {
  color: #C25757;
}

.p-sitemap-link01 > li, .p-sitemap-link02 > dt, .p-sitemap-link02 > dd {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-sitemap-link01 {
  margin-bottom: 20px;
  padding: 0 20px 0 10px;
}

.p-sitemap-link01 > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.p-sitemap-link02 {
  padding: 0 20px 0 10px;
}

.p-sitemap-link02 > dt {
  font-weight: bold;
}

.p-sitemap-link02 > dd {
  padding-left: 1.5em;
}

.p-sitemap-link01 .c-link i, .p-sitemap-link02 .c-link i {
  position: absolute;
  left: 0;
  top: 4px;
  background-image: url(../images/common/sprite.png);
  background-position: 0px -78px;
  width: 13px;
  height: 13px;
}

.p-oher-row {
  margin-bottom: 70px;
}

@media only screen and (max-width: 639px) {
  .p-oher-row {
    margin-bottom: 50px;
  }
}
.p-oher-row02 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .p-oher-row02 {
    margin-bottom: 30px;
  }
}
.p-other-header {
  margin-bottom: 30px;
}

.p-other-header > h2 {
  margin-bottom: 10px;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 639px) {
  .p-other-header > h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.p-other-header > p {
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .p-other-header > p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-other-gutter {
  margin-bottom: 50px;
}

@media only screen and (max-width: 639px) {
  .p-other-gutter {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .p-other-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.p-other-point {
  margin-bottom: 25px;
}

.p-other-point dt {
  background: #4bbbe0;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin-bottom: 15px;
  padding: 0 20px;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font-size: 15px;
  font-size: 1.5rem;
}

@media only screen and (max-width: 639px) {
  .p-other-point dt {
    margin-bottom: 10px;
  }
}
.p-other-point dd {
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-other-point dd span {
  display: inline-block;
  padding-left: 2em;
  text-indent: -1em;
}

.p-other-pointHeading {
  color: #101010;
  margin-bottom: 25px;
  line-height: 1.3;
  font-size: 22px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 639px) {
  .p-other-pointHeading {
    margin: 15px 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.other-media {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .other-media {
    display: block;
    margin-bottom: 20px;
  }
}
.other-media__image {
  display: table-cell;
  width: 160px;
  padding-right: 20px;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .other-media__image {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0 auto 10px;
  }
}
.other-media__body {
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .other-media__body {
    display: block;
  }
}
.other-media__heading {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.other-media__heading span {
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .other-media__heading {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .other-media__heading span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.other-media__text {
  line-height: 1.7;
  font-size: 13px;
  font-size: 1.3rem;
}

@media only screen and (max-width: 639px) {
  .other-media__text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.p-service-header {
  display: table;
  margin-bottom: 10px;
}

@media only screen and (max-width: 639px) {
  .p-service-header {
    display: block;
  }
}
.p-service-header > h2 {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 639px) {
  .p-service-header > h2 {
    display: block;
    padding: 0;
    margin-bottom: 10px;
  }
}
.p-service-header > h2.block {
  display: block;
  margin: 0 0 10px 0;
}

.p-service-list, .p-service-list--line {
  display: block;
}

.p-service-list > li, .p-service-list--line > li {
  color: #FFF;
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 4px 5px;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-service-list > li:last-child, .p-service-list--line > li:last-child {
  margin-right: 0;
}

.p-service-list--line {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 639px) {
  .p-service-list--line {
    display: block;
  }
}
.p-service-list--line > li {
  margin: 0 10px 0 0;
}

.icon-target01 {
  background: #F99;
}

.icon-target02 {
  background: #00b26a;
}

.icon-target03 {
  background: #008acf;
}

.icon-target04 {
  background: #2d008f;
}

.icon-target05 {
  background: #669900;
}

.icon-target06 {
  background: #a29391;
}

.gnavi-is-close {
  display: none;
}

.gnavi-is-open {
  display: block;
}

.gnavi-has-shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

.sp-is-show {
  display: none;
}

@media only screen and (max-width: 639px) {
  .sp-is-show {
    display: block;
  }
}
.sp-is-hidden {
  display: block;
}

@media only screen and (max-width: 639px) {
  .sp-is-hidden {
    display: none;
  }
}
.pc-is-hidden {
  display: none;
}

@media only screen and (max-width: 1010px) {
  .pc-is-hidden {
    display: block;
  }
}
.box-is-open {
  height: auto;
}

.footer-is-hidden {
  display: none;
}

.footer-is-open {
  display: block;
}

.body-is-hidden i {
  position: absolute;
  background: url(../images/faq/btn-open.png) no-repeat;
  width: 22px;
  height: 22px;
  right: 0;
  top: 50%;
  margin-top: -11px;
}

.body-is-open i {
  position: absolute;
  background: url(../images/faq/btn-close.png) no-repeat;
  width: 22px;
  height: 22px;
  right: 0;
  top: 50%;
  margin-top: -11px;
}

.fb-box {
  display: block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .fb-box {
    display: none !important;
  }
}
.fb-box-sp {
  display: none !important;
}

@media only screen and (max-width: 639px) {
  .fb-box-sp {
    width: 300px;
    display: block !important;
    margin: 0 auto 20px;
  }
}
.flR {
  float: right;
}

.flL {
  float: left;
}

.taC,
.btn,
.btn--default,
.btn--contact,
.btn--contact--event,
.btn--gray,
.btn--top,
.btn--class,
.btn--inquiry,
.p-course-btn {
  text-align: center;
}

.taR {
  text-align: right;
}

.taL {
  text-align: left;
}

.fwB {
  font-weight: bold;
}

.dpb {
  display: block;
}

.inB {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

b {
  background: #ffff00;
  padding: 5px;
  font-weight: normal;
}

.u-fluid-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.sbr {
  display: block;
}

@media only screen and (max-width: 639px) {
  .sbr {
    display: inline;
  }
}
.u-img-hover:hover {
  opacity: 0.7;
}

.cate-ema {
  background: #FFF;
  border: 1px solid #DA0000;
  color: #DA0000 !important;
}

.u-text-msize {
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

.u-lh-normal {
  line-height: 1.3;
}

.u-text-lead {
  line-height: 1.4;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.u-text-ssize {
  font-size: 14px;
  font-size: 1.4rem;
}

.search_tab {
  width: 100%;
}

.search_tab ul {
  width: 100%;
  display: table;
}

.search_tab ul > li {
  display: table-cell;
  width: 48%;
  vertical-align: bottom;
  border-bottom: 1px solid #22ac38;
}

.search_tab ul > li.rgt {
  margin-left: 5px;
}

.search_tab ul > li > div {
  border-top: 1px solid #22ac38;
  border-left: 1px solid #22ac38;
  border-right: 1px solid #22ac38;
  border-radius: 10px 10px 0px 0px;
  box-sizing: border-box;
  width: 99%;
  display: table;
  padding-left: 25px;
  background-image: url("../images/common/icons/ico_default_on.png");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.search_tab ul > li.tab_sel > div {
  padding-top: 30px;
  background-color: #22ac38;
  color: #ffffff;
  background-image: url("../images/common/icons/ico_close_w.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 5px 0 5px 25px;
}

.search_tab ul > li.nosel > div {
  background-color: #ffffff;
  color: #000000;
  background-image: url("../images/common/icons/ico_close.png");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.search_tab ul > li.tab_nosel > div {
  background-color: #E8E8E8;
  background-image: url("../images/common/icons/ico_default_on.png");
  background-repeat: no-repeat;
  background-position: 5px center;
}

.search_tab ul > li > div > p {
  font-size: 1em;
  font-weight: bold;
  margin: 6px;
}

.search_tab ul > li > div > p.tab_title {
  font-size: 1.6em;
}

.search_tab ul > li.tab_nosel > div > p.tab_title {
  font-size: 1.4em;
}

.btn--googlesearch {
  display: none;
}

@media only screen and (max-width: 639px) {
  .btn--googlesearch {
    margin-top: 15px;
    display: block;
  }

  .search_tab ul > li {
    width: 100%;
    display: block;
    border-bottom: none;
  }

  .search_tab ul > li > div {
    width: 100%;
  }

  .search_tab ul > li:nth-child(2) {
    border-bottom: 1px solid #22ac38;
  }

  .search_tab ul > li:nth-child(3) {
    display: none;
  }

  .search_tab ul > li.tab_nosel > div {
    padding: 5px 0 5px 25px;
  }

  .search_tab ul > li > div {
    border-radius: 0;
  }
}
@media only screen and (max-width: 639px) {
  p.t_comment {
    display: none;
  }
}
.tab_over {
  cursor: pointer;
  background-color: #22ac38 !important;
  background-image: url("../images/common/icons/ico_default_off.png") !important;
  color: #ffffff;
  -webkit-transition: color 300ms,background 500ms,border-color 700ms;
  transition: color 300ms, background 500ms, border-color 700ms;
}

.map-area {
  margin-bottom: 20px;
  padding: 20px;
  border-bottom: 1px solid #22ac38;
  border-left: 1px solid #22ac38;
  border-right: 1px solid #22ac38;
}

.map-area .area-count {
  margin-left: 15px;
  font-size: 0.8em;
}

.blockH1Icons01 {
  width: 100%;
}

.blockH1Icons01 h1 {
  margin-bottom: 0;
}

.blockH1Icons01 .info-icons {
  width: 100%;
  margin-top: 10px;
}

.info-icons > ul {
  display: table;
  float: right;
  width: 100%;
  margin-bottom: 5px;
}

.info-icons > ul > li {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 2px;
  text-align: left;
  letter-spacing: 0.1em;
}

.info-icons-right .title {
  font-size: 1.3em;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  font-weight: bold;
}

.info-icons > ul > li.rLine {
  /*  border-right: 2px solid #D7D7D7;
    margin-right: 10px;*/
}

.info-icons li > div {
  font-size: 1.2em;
  width: 100%;
  /*  font-weight: bold;*/
}

.info-icons li > div > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
}

.blockH1Icons01 .info-icons-right {
  width: 65%;
  float: right;
  text-align: right;
}

.info-icons-right > ul {
  display: table;
  float: right;
  width: 100%;
  text-align: right;
}

.info-icons-right > ul > li {
  display: table-cell;
  /*  width:47%;*/
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 2px;
  text-align: left;
}

.info-icons-right > ul > li.rLine {
  /*  border-right: 2px solid #D7D7D7;
    margin-right: 10px;*/
}

.info-icons-right li > div {
  font-size: 1.2em;
  width: 100%;
  /*  font-weight: bold;*/
}

.info-icons-right li > div > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

@media only screen and (max-width: 639px) {
  .info-icons {
    /*  display:none;*/
    font-size: 80%;
  }

  .info-icons > ul {
    margin-bottom: 0;
    display: table;
  }

  .info-icons > ul > li {
    display: table-cell;
    width: 47%;
    float: right;
    margin: 0 0 5px 0;
  }

  .info-icons-right .title {
    float: left;
    font-size: 1.8em;
    line-height: 1.3em;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 4px;
    margin-bottom: 5px;
  }

  .info-icons > ul > li.rLine {
    border-right: none;
    float: right;
  }

  .blockH1Icons01 .info-icons-right {
    width: 100%;
    font-size: 0.8em;
  }

  .info-icons-right > ul {
    text-align: left;
  }
}
/*clearfixはまとめて定義 */
.info-icons > ul:after,
.blockH1Icons01:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* WinIE4-6用*/
* .info-icons > ul,
* .blockH1Icons01 {
  display: inline-block;
  height: 1%;
}

.info-icons > ul,
.blockH1Icons01 {
  zoom: 1;
}

/*--*/
.gMap div#map {
  height: 400px;
  border: 3px solid #22ac38;
}

.popup-map-area {
  margin: 0 auto;
  width: 99%;
}

.popup-map-area .gMap {
  margin-bottom: 0px;
  width: 100%;
  float: left;
}

.popup-map-area .info-icons {
  margin: 3px;
  width: 100%;
  height: 80px;
}

.popup-map-area .info-icons > ul {
  display: table;
  width: 100%;
}

.popup-map-area .info-icons > ul > li {
  display: table-cell;
  width: 47%;
  float: left;
  margin: 0px;
  padding: 2px;
}

.popup-map-area .info-icons > ul > li.rLine {
  border-right: 2px solid #D7D7D7;
  margin-right: 20px;
}

.popup-map-area .info-icons li > div {
  display: table-cell;
  font-size: 1.5em;
  font-weight: bold;
}

.popup-map-area .info-icons li > div > img {
  display: initial;
  vertical-align: middle;
  margin-right: 10px;
}

/* 御三家対策講座 */
.p-coursetop__list {
  text-align: center;
}

.p-coursetop__lead {
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .p-coursetop__lead {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-gosankeTop__col2 {
  float: left;
  width: 365px;
}

.p-gosankeTop__col2 + .p-gosankeTop__col2 {
  margin-left: 30px;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTop__col2 {
    float: none;
    width: auto;
  }

  .p-gosankeTop__col2 + .p-gosankeTop__col2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.p-gosankeTop__cmnHeading {
  margin: 80px 0 40px;
  font-size: 58px;
  font-size: 5.8rem;
  font-weight: normal;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTop__cmnHeading {
    font-size: 30px;
    font-size: 3rem;
    margin: 55px 0 15px;
  }
}
.p-gosankeTop__cmnHeading--point {
  margin-bottom: 70px;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTop__cmnHeading--point {
    margin-bottom: 15px;
  }
}
.p-gosankeTop__heading {
  margin: 0 0 40px;
  line-height: 1.25;
  font-size: 40px;
  font-size: 4rem;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTop__heading {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px;
  }
}
.p-gosankeBox {
  font-size: 15px;
  font-size: 1.5rem;
}

.p-gosankeBox p {
  line-height: 1.867;
}

@media only screen and (max-width: 639px) {
  .p-gosankeBox {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .p-gosankeBox p {
    line-height: 1.7;
  }
}
.p-gosankeBox__image {
  float: right;
  margin-left: 40px;
}

@media only screen and (max-width: 639px) {
  .p-gosankeBox__image {
    float: none;
    margin: 0 0 15px;
  }
}
.p-gosankeTaikendan .p-gosankeBox__image {
  float: left;
  margin-right: 30px;
  margin-left: 0;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTaikendan .p-gosankeBox__image {
    float: none;
    margin: 0;
  }
}
.p-gosankeBox__body {
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .p-gosankeBox__body {
    overflow: visible;
  }
}
.p-gosankeDetail__wrap {
  margin: 20px 0;
  padding: 20px 40px;
  background: #f7f7f7;
  font-size: 0;
  text-align: center;
}

.p-gosankeDetail__title {
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

.p-gosankeDetail__list {
  font-size: 0;
  display: inline-block;
}

.p-gosankeDetail__list li {
  display: inline-block;
  margin-left: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}

.ie6 .p-gosankeDetail__list li,
.ie7 .p-gosankeDetail__list li {
  display: inline;
  zoom: 1;
}

.p-gosankeDetail__list li:first-child {
  margin-left: 30px;
}

.p-gosankeDetail__list a {
  display: block;
  color: #fff;
  text-decoration: none;
  background: #22ac38;
  text-align: center;
  line-height: 32px;
  width: 166px;
  height: 32px;
  border-radius: 5px;
  border: 2px solid #22ac38;
  -moz-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.p-gosankeDetail__list a:hover {
  color: #22ac38;
  background: #fff;
  border: 2px solid #22ac38;
}

.p-gosankeDetail__list span {
  background: url(../../../images/course/s09/marker_s09_01.png) no-repeat;
  padding-left: 26px;
}

.p-gosankeDetail__list a:hover span {
  background: url(../../../images/course/s09/marker_s09_01_on.png) no-repeat;
  padding-left: 26px;
}

@media only screen and (max-width: 639px) {
  .p-gosankeDetail__wrap {
    padding: 30px 0;
  }

  .p-gosankeBox__body {
    overflow: visible;
  }

  .p-gosankeDetail__list {
    display: block;
  }

  .p-gosankeDetail__list li {
    display: block;
    margin: 20px 0 0;
  }

  .p-gosankeDetail__list li:first-child {
    margin: 20px 0 0;
  }

  .p-gosankeDetail__list a {
    width: 170px;
    line-height: 35px;
    margin: 0 auto;
  }

  .p-gosankeDetail__title {
    display: block;
  }
}
.p-gosankeFeat__heading {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  line-height: 48px;
}

.p-gosankeFeat__heading img {
  display: inline;
  padding-right: 12px;
}

.p-gosankeFeat__subHeading {
  margin: 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-gosankeFeat__body {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 60px;
}

.p-gosankeFeat__body p {
  line-height: 1.867;
}

@media only screen and (max-width: 639px) {
  .p-gosankeFeat__heading {
    font-size: 20px;
    font-size: 2rem;
    line-height: 38px;
    text-indent: -46px;
    margin-left: 46px;
  }

  .p-gosankeFeat__heading img {
    width: 38px;
    height: 38px;
    padding-right: 8px;
  }

  .p-gosankeFeat__subHeading {
    margin: 10px 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
  }

  .p-gosankeFeat__body {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 30px;
  }

  .p-gosankeFeat__body p {
    line-height: 1.7;
  }
}
.p-gosankeTaikendan__link a {
  font-size: 22px;
  font-size: 2.2rem;
  color: #31459b;
  font-weight: bold;
  line-height: 1.636;
}

.p-gosankeTaikendan__person {
  font-weight: bold;
}

.p-gosankeTaikendan .label {
  margin-top: 8px;
  padding: 5px 10px;
  line-height: 1;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTaikendan__link a {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .p-gosankeTaikendan .label {
    margin-top: 8px;
    padding: 5px 10px;
    line-height: 1;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-gosankeNyushi__body {
  font-size: 15px;
  font-size: 1.5rem;
}

.p-gosankeNyushi__body p {
  line-height: 1.867;
}

.p-gosankeNyushi__cmnHeading {
  margin: 40px 0 20px;
  padding-left: 18px;
  line-height: 50px;
  background: #22ac38;
  font-size: 24px;
  font-size: 2.4rem;
  color: #FFF;
  font-weight: normal;
}

.p-gosankeNyushi__heading {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .p-gosankeNyushi__body {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .p-gosankeNyushi__body p {
    line-height: 1.7;
  }

  .p-gosankeNyushi__cmnHeading {
    margin: 20px 0 10px;
    padding-left: 10px;
    line-height: 40px;
    background: #22ac38;
    font-size: 16px;
    font-size: 1.6rem;
    color: #FFF;
    font-weight: normal;
  }

  .p-gosankeNyushi__heading {
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-gosankeTop__table {
  margin-top: 15px;
  width: 100%;
  border-top: 1px dotted #ccc;
  border-left: 1px dotted #ccc;
}

.p-gosankeTop__table th,
.p-gosankeTop__table td {
  width: 50%;
  padding: 10px 30px;
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
}

.p-gosankeTop__table th {
  background: #f6f6f6;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTop__table {
    margin-top: 15px;
    width: 100%;
    border-top: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
  }

  .p-gosankeTop__table th,
  .p-gosankeTop__table td {
    width: 50%;
    padding: 10px 30px;
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-weight: normal;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
  }

  .p-gosankeTop__table th {
    background: #f6f6f6;
  }
}
.p-gosankeTop__teacher {
  margin-bottom: 80px;
}

@media only screen and (max-width: 639px) {
  .p-gosankeTop__teacher {
    margin-bottom: 40px;
  }
}
.p-gosankeSingleDetail__title {
  margin-top: 50px;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .p-gosankeSingleDetail__title {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-gosankeSingleDetail__table {
  table-layout: fixed;
  line-height: 1.2;
}

.p-gosankeSingleDetail__table th,
.p-gosankeSingleDetail__table td {
  font-size: 16px;
  font-size: 1.6rem;
}

.p-gosankeSingleDetail__table th {
  width: 115px;
}

.p-gosankeSingleDetail__table td {
  width: auto;
}

.p-gosankeSingleDetail__notice {
  margin-top: 16px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .p-gosankeSingleDetail__table {
    table-layout: fixed;
  }

  .p-gosankeSingleDetail__table th,
  .p-gosankeSingleDetail__table td {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .p-gosankeSingleDetail__table th {
    width: 80px;
  }

  .p-gosankeSingleDetail__table th,
  .p-gosankeSingleDetail__table td {
    padding: 10px 20px;
  }

  .p-gosankeSingleDetail__notice {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.p-gosankeSingle__heading {
  margin: 70px 0 40px;
  font-size: 58px;
  font-size: 5.8rem;
  font-weight: normal;
  text-align: center;
}

.p-gosankeSingle__body {
  font-size: 15px;
  font-size: 1.5rem;
}

.p-gosankeSingle__body p {
  line-height: 1.867;
}

.p-gosankeSingle__image {
  float: right;
  margin-left: 25px;
}

.p-gosankeSingle__past .p-gosankeSingle__image {
  float: left;
  margin-right: 25px;
  margin-left: 0;
}

.p-gosankeSingle__body {
  overflow: hidden;
}

.p-gosankeSingle__coach {
  font-weight: bold;
}

.p-gosankeSingle__coachText {
  margin-top: 40px;
}

@media only screen and (max-width: 639px) {
  .p-gosankeSingle__heading {
    margin: 55px 0 15px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: normal;
    text-align: center;
  }

  .p-gosankeSingle__body {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .p-gosankeSingle__body p {
    line-height: 1.7;
  }

  .p-gosankeSingle__image {
    float: none;
    margin: 0;
  }

  .p-gosankeSingle__past .p-gosankeSingle__image {
    float: none;
    margin: 0;
  }
}
.p-gosankeSingle__subject {
  padding: 30px 0;
  border-top: 3px dotted #eaeaea;
}

.p-gosankeSingle__subject.last {
  padding: 30px 0 0;
}

.p-gosankeSingle__subjectTitle {
  margin-bottom: 30px;
  text-align: center;
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: normal;
}

.p-gosankeSingle__subjectBody {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.867;
}

.p-gosankeSingle__past {
  padding: 40px;
  border: 1px solid #ccc;
}

.p-gosankeSingle__pastTitle {
  margin-bottom: 40px;
  padding-left: 20px;
  font-size: 40px;
  line-height: 1.25;
  font-size: 4rem;
  font-weight: normal;
  border-left: 10px solid #22ac38;
}

@media only screen and (max-width: 639px) {
  .p-gosankeSingle__subjectTitle {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 15px;
  }

  .p-gosankeSingle__subjectBody {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
  }
}
.p-gosankeSingle__past .p-gosankeSingle__box {
  margin-bottom: 40px;
}

.p-gosankeSingle__past .p-gosankeTop__table {
  margin-top: 0;
}

.p-gosankeSingle__past .p-gosankeTop__col2 {
  width: 329px;
}

.p-gosankeSingle__past .p-gosankeTop__col2 + .p-gosankeTop__col2 {
  margin-left: 20px;
}

.p-gosankeSingle__past .p-gosankeTop__col2 th,
.p-gosankeSingle__past .p-gosankeTop__col2 td {
  padding: 10px 20px;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-gosankeSingle__past .p-gosankeTop__col2 th {
  width: 41%;
  text-align: center;
}

.p-gosankeSingle__past .p-gosankeTop__col2 td {
  width: 59%;
}

.p-gosankeSingle__pastNotice {
  margin-top: 28px;
  line-height: 1.867;
  font-size: 15px;
  font-size: 1.5rem;
  text-indent: -1em;
  margin-left: 1em;
}

@media only screen and (max-width: 639px) {
  .p-gosankeSingle__past {
    padding: 10px;
  }

  .p-gosankeSingle__pastTitle {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
  }

  .p-gosankeSingle__past .p-gosankeTop__col2 {
    width: auto;
  }

  .p-gosankeSingle__past .p-gosankeTop__col2 + .p-gosankeTop__col2 {
    margin: 0;
    /*margin-top: 10px;*/
    margin-top: -1px;
  }

  .p-gosankeSingle__past .p-gosankeTop__col2 th,
  .p-gosankeSingle__past .p-gosankeTop__col2 td {
    font-size: 13px;
    font-size: 1.3rem;
  }

  .p-gosankeSingle__pastNotice {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.p-gosankeSingle__keikoh {
  line-height: 1.867;
  font-size: 15px;
  font-size: 1.0rem;
}

.p-gosankeSingle__contact {
  margin: 40px 0;
}

.p-gosankeSingle__contact {
  padding: 20px 30px 13px 30px;
  border: 5px solid #f4f4f4;
}

.p-gosankeSingle__contactCmnHeading {
  padding: 13px 30px 13px 0;
  font-size: 24px;
  font-size: 2.4rem;
  color: #31459b;
  font-weight: bold;
  float: left;
  border-right: 1px dotted #B2B2B2;
}

.p-gosankeSingle__contactHeading {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.p-gosankeSingle__contactTel {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #22ac38;
  display: inline-block;
}

.p-gosankeSingle__contactTel span {
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: 2px;
}

.p-gosankeSingle__contactTerm {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
}

.p-gosankeSingle__contactBody {
  margin-left: 200px;
  font-size: 0;
}

@media only screen and (max-width: 639px) {
  .p-gosankeSingle__contact {
    padding: 20px 15px;
    text-align: center;
  }

  .p-gosankeSingle__contactCmnHeading {
    float: none;
    border: none;
    border-bottom: 1px dotted #B2B2B2;
    padding: 0 0 20px;
    margin-bottom: 20px;
  }

  .p-gosankeSingle__contactBody {
    margin: 0;
  }

  .p-gosankeSingle__contactHeading {
    margin-bottom: 15px;
  }

  .p-gosankeSingle__contactTel {
    display: block;
    margin-bottom: 15px;
  }

  .p-gosankeSingle__contactTerm {
    display: block;
  }
}
.p-gosankeTaikendan + .p-gosankeTaikendan {
  margin-top: 30px;
}

/***********************************
* 2016 renew  *
***********************************/
body {
  font-family: 'Noto Sans Japanese', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Helvetica, "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 1200px;
  position: relative;
}

@-moz-document url-prefix() {
  body {
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Helvetica, "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", sans-serif;
  }
}
@media only screen and (max-width: 639px) {
  body {
    min-width: initial;
  }
}
.renew-2016 {
  padding-top: 0;
  width: auto;
  min-width: 320px;
  position: relative;
}

@media only screen and (min-width: 640px) {
  .renew-2016 a[href^="tel:"] {
    cursor: default;
  }
}
.renew-2016 .tpl-inner-wrap {
  width: 1200px;
  margin: auto;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .tpl-inner-wrap {
    width: auto;
    padding: 0 15px 30px;
  }

  .renew-2016 .breadcrumb + .tpl-inner-wrap,
  .renew-2016 .breadcrumb + .content > .tpl-inner-wrap {
    padding: 0 0 30px;
  }
}
.renew-2016 .content {
  width: 760px;
  padding: 90px 0 60px;
  float: none;
  margin: auto;
}

.renew-2016 .content.content-renew-2016 {
  width: 1200px;
  overflow: hidden;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .content {
    width: auto !important;
    padding: 20px 15px 60px;
  }
  .renew-2016 .content.renew-2019 {
    padding-top: 0;
 
  }
}
.wrapper.renew-2016 .tpl-main-column {
  width: 890px;
  float: left;
  margin-top: 0;
}

@media only screen and (max-width: 639px) {
  .wrapper.renew-2016 .tpl-main-column {
    width: auto;
    float: none;
  }
}
.wrapper.renew-2016 .tpl-sub-column {
  width: 280px;
  float: right;
  margin-top: 0;
}

@media only screen and (max-width: 639px) {
  .wrapper.renew-2016 .tpl-sub-column {
    width: auto;
    float: none;
  }

  .renew-2016 .tpl-sub-column > * {
    position: static !important;
  }
}
/* --- 汎用クラス --- */
.renew-2016 .only-pc {
  display: block !important;
}

.renew-2016 .only-pc-i {
  display: inline-block !important;
}

.renew-2016 .only-sp {
  display: none !important;
}

.renew-2016 .only-wd-sp {
  display: none !important;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .only-pc {
    display: none !important;
  }

  .renew-2016 .only-pc-i {
    display: none !important;
  }

  .renew-2016 .only-sp {
    display: block !important;
  }

  .renew-2016 .only-wd-sp {
    display: none !important;
  }
}
@media only screen and (max-width: 374px) {
  .renew-2016 .only-wd-sp {
    display: block !important;
  }
}
.renew-2016 .key-color {
  color: #22ac38;
}

.renew-2016 .key-bg-color {
  background-color: #22ac38;
}

.renew-2016 .tpl-page-ttl {
  font-size: 5.8rem;
  font-weight: 300;
  padding: 0 0 30px;
  line-height: 1.25;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .tpl-page-ttl {
    font-size: 2.8rem;
    padding: 0 0 15px;
  }
}
.renew-2016 .tpl-page-ttl small {
  font-size: 4rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .tpl-page-ttl small {
    font-size: 2rem;
  }
}
.renew-2016 .tpl-text {
  font-size: 1.4rem;
  line-height: 1.5;
}

.renew-2016 .tpl-text-link {
  position: relative;
  text-decoration: underline;
  padding-left: 20px;
}

.renew-2016 .tpl-text-link--blue {
  color: #2266ac;
}

.renew-2016 .tpl-text-link:hover {
  text-decoration: none;
}

.renew-2016 .tpl-text-link::before,
.renew-2016 .tpl-text-link::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.renew-2016 .tpl-text-link::before {
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* --- ボタン --- */
.tpl-btn {
  position: relative;
  transition: 0.3s;
}

@media only screen and (min-width: 640px) {
  .tpl-btn:hover {
    top: 2px;
  }
}
.tpl-btn a {
  display: block;
  border-radius: 5px;
  position: relative;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.3s;
}

.tpl-btn.red a {
  background-color: #c00;
  border: 1px solid #c00;
}

@media only screen and (min-width: 640px) {
  .tpl-btn.red a:hover {
    color: #c00;
    background-color: #fff;
  }
}
@media only screen and (max-width: 639px) {
  .tpl-btn.red a:hover {
    color: #fff;
  }
}
.tpl-btn.green a {
  background-color: #22ac38;
  border: 1px solid #22ac38;
}

@media only screen and (min-width: 640px) {
  .tpl-btn.green a:hover {
    color: #22ac38;
    background-color: #fff;
  }
}
@media only screen and (max-width: 639px) {
  .tpl-btn.green a:hover {
    color: #fff;
  }
}
.tpl-btn.white a {
  color: inherit;
  background-color: #fff;
  border: 1px solid #fff;
}

.tpl-btn.large.red a {
  box-shadow: 0 5px #570505;
}

@media only screen and (max-width: 639px) {
  .tpl-btn.large.red a {
    box-shadow: 0 3px #570505;
  }
}
.tpl-btn.large.red a:hover {
  box-shadow: 0 3px #570505;
}

.tpl-btn.large.green a {
  box-shadow: 0 5px #286C0B;
}

.tpl-btn.small.red a {
  box-shadow: 0 3px #570505;
}

.tpl-btn.small.green a {
  box-shadow: 0 3px #286C0B;
}

@media only screen and (min-width: 640px) {
  .tpl-btn.small.green a:hover {
    box-shadow: 0 1px #286C0B;
  }
}
.tpl-btn.large.white a {
  box-shadow: 0 5px #BBBBBB;
}

.tpl-btn.large.white a:hover {
  box-shadow: 0 3px #BBBBBB;
}

.tpl-btn.small.white a {
  box-shadow: 0 3px #BBBBBB;
}

.tpl-btn.small.white a:hover {
  box-shadow: 0 1px #BBBBBB;
}

.tpl-btn a::before,
.tpl-btn a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.tpl-btn a::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tpl-btn.large a::before {
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  right: 23px;
  transition: 0.3s;
}

@media only screen and (max-width: 639px) {
  .tpl-btn.large a::before {
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 10px;
  }
}
.tpl-btn.small a::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 12px;
  transition: 0.3s;
}

@media only screen and (min-width: 640px) {
  .tpl-btn.large.red:hover a::before {
    border-top: 3px solid #c00;
    border-right: 3px solid #c00;
  }

  .tpl-btn.small.red:hover a::before {
    border-top: 2px solid #c00;
    border-right: 2px solid #c00;
  }

  .tpl-btn.large.green:hover a::before {
    border-top: 3px solid #22ac38;
    border-right: 3px solid #22ac38;
  }

  .tpl-btn.small.green:hover a::before {
    border-top: 2px solid #22ac38;
    border-right: 2px solid #22ac38;
  }
}
.tpl-btn.no-arrow a::before,
.tpl-btn.no-arrow a::after {
  display: none;
}

/* --- テーブル --- */
.tpl-table {
  font-size: 1.4em;
  border-top: 1px solid #D6D6D6;
}

.tpl-table * {
  line-height: 1.5;
}

.tpl-table tr {
  border-bottom: 1px solid #D6D6D6;
}

.tpl-table tr > * {
  padding: 15px 20px;
  box-sizing: border-box;
}

.tpl-table tr th {
  background-color: #EEEEEE;
  width: 130px;
  text-align: left;
  padding-left: 20px;
}

/* --- 学年ラベル --- */
.renew-2016 .label {
  font-size: 1.5rem;
  font-weight: normal;
  padding: 3px 5px;
  line-height: 1;
}

/* --- 学年ラベル回り込み --- */
.c03-labelFloat {
  float: left;
  margin-top: 4px;
}

.c03-labelFloat_txt {
  display: block;
  padding-left: 45px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .label {
    font-size: 11px;
  }

  /* --- 学年ラベル回り込み --- */
  .c03-labelFloat {
    float: none;
    margin-top: 0;
  }

  .c03-labelFloat_txt {
    display: inline;
    padding-left: 0;
  }
}
/* --- NEWアイコン --- */
.ico-new {
  display: inline-block;
  background-color: #B70B0B;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  padding: 1px 10px;
  margin-left: 10px;
}

@media only screen and (max-width: 639px) {
  .ico-new {
    font-size: 10px;
    padding: 1px 5px;
    margin-left: 5px;
  }
}
/* --- PCヘッダー --- */
.tpl-header {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
}

.tpl-header * {
  box-sizing: border-box;
}

.tpl-header .header__inner.only-pc {
  display: table !important;
  width: 100%;
}

.tpl-header .header__inner > * {
  display: table-cell;
  vertical-align: top;
}

.tpl-header .header__logo {
  width: 165px;
  padding: 18px 0 10px;
  border-right: 1px solid #DCDCDC;
  text-align: center;
}

.tpl-header.general .header__logo {
  padding: 27px 0 10px;
}

@media only screen and (max-width: 639px) {
  .tpl-header.general .header__logo {
    padding: 0;
  }
}
.tpl-header .header__logo a {
  text-decoration: none;
  display: block;
  text-align: center;
}

.tpl-header .header__logo img {
  height: 90px;
  margin-bottom: 8px;
}

.tpl-header .header__logo .link-text {
  font-size: 10px;
  position: relative;
  padding-left: 12px;
  display: inline-block;
}

.tpl-header .header__logo .link-text::before,
.tpl-header .header__logo .link-text::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.tpl-header .header__logo .link-text::before {
  left: 0;
  width: 5px;
  height: 5px;
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tpl-header .header__right__top {
  display: table;
  width: 100%;
  height: 100px;
}

.tpl-header .header__right__top > * {
  display: table-cell;
  vertical-align: middle;
}

.tpl-header .header__lead {
  font-size: 13px;
  font-weight: normal;
  width: 45%;
  text-align: left;
  padding: 0 0 0 30px;
  line-height: 1.5;
}

@media only screen and (max-width: 1260px) {
  .tpl-header .header__lead {
    font-size: 12px;
  }
}
.tpl-header #z-logo {
    padding-top: 24px;
    padding-right: 22px;
}
.tpl-header #z-logo img {
    width: 110px;
    height: auto;
}

.tpl-header .header__lead span {
  vertical-align: middle;
}

.tpl-header .header__lead .label {
  font-size: 12px;
  padding: 2px 5px;
}

.tpl-header .header__lead .text {
  font-size: 22px;
  padding-left: 20px;
  line-height: 1;
  display: inline-block;
}

.tpl-header.daigaku .header__lead .text {
  font-size: 18px;
}

@media only screen and (max-width: 639px) {
  .tpl-header .header__lead .text {
    font-size: 14px !important;
    padding-left: 10px;
    font-weight: bold;
  }
}
.tpl-header .header__inquiry {
  width: 55%;
  padding: 0 24px 0 0;
}

.tpl-header .header__inquiry > * {
  float: right;
}

.tpl-header .header__inquiry .mod-heading__link {
  float: none;
  text-align: right;
}

.tpl-header .header__inquiry .info {
  margin-top: 5px;
}

.tpl-header .header__inquiry .info .tel {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 5px;
}

.tpl-header .header__inquiry .info .tel a {
  text-decoration: none;
  background: url(/images/top/icon-freedial.png) no-repeat left center;
  background-size: 30px auto;
  padding-left: 35px;
}

.tpl-header .header__inquiry .btn-wrap {
  margin-left: 20px;
}

.tpl-header .header__inquiry .btn-wrap li {
  float: left;
  margin-left: 5px;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn a {
  height: 40px;
  padding: 10px 20px;
  text-align: left;
  background-color: #CC0000;
  border: 1px solid #CC0000;
  border-radius: 5px;
  box-shadow: 0 4px #8D0F0F;
  font-size: 16px;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn a:hover {
  color: #CC0000;
  background-color: #fff;
  box-shadow: 0 2px #8D0F0F;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn a:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 10px;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn a:hover:before {
  border-top: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn-experience a {
  padding: 12px 28px 10px 20px;
  background-color: #2D92CB;
  border: 1px solid #2D92CB;
  box-shadow: 0 4px #08689E;
  font-size: 14px;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn-experience a:hover {
  color: #2D92CB;
  background-color: white;
  box-shadow: 0 2px #2D92CB;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn-experience a:hover:before {
  border-top: 2px solid #2D92CB;
  border-right: 2px solid #2D92CB;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn-experience.top-a a {
  padding-left: 10px;
}

.tpl-header .header__inquiry .btn-wrap .tpl-base-btn-experience a .icon-radio {
  font-style: normal;
  background: url("/images/common/icon-radio.png") no-repeat;
  width: 37px;
  height: 37px;
  color: #333;
  text-align: center;
  line-height: 37px;
  display: inline-block;
  font-size: 12px;
  float: left;
  margin: -11px 10px 0 0;
}

.tpl-header .header__right__bottom {
  display: table;
  width: 100%;
  height: 50px;
  border-top: 1px solid #E5E5E5;
}

.tpl-header .header__right__bottom > * {
  display: table-cell;
  vertical-align: middle;
}

.tpl-header .header__right__bottom .header__gnav {
  padding-left: 30px;
  display: block;
}

.tpl-header .header__right__bottom .header__gnav > ul > li {
  float: left;
  margin-right: 30px;
  position: relative;
}

@media only screen and (max-width: 1270px) {
  .tpl-header .header__right__bottom .header__gnav > ul > li {
    margin-right: 20px;
  }
}
.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li {
  margin-right: 15px;
}

.tpl-header.koukou .header__right__bottom .header__gnav > ul > li {
  margin-right: 15px;
}

.tpl-header .header__right__bottom .header__gnav > ul > li:last-child {
  margin-right: 0;
}

.tpl-header .header__right__bottom .header__gnav > ul > li > a,
.tpl-header .header__right__bottom .header__gnav > ul > li > span {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 50px;
  box-sizing: border-box;
  height: 50px;
  position: relative;
}
@media only screen and (max-width: 1260px) {
  .tpl-header .header__right__bottom .header__gnav > ul > li > a, .tpl-header .header__right__bottom .header__gnav > ul > li > span {
    font-size: 13px;
  }
  .mf_finder_searchBox.my-placeholder.mf_finder_searchBox_useSelects{
    width: 180px;
  }
}
.tpl-header.koukou .header__right__bottom .header__gnav > ul > li > a,
.tpl-header.koukou .header__right__bottom .header__gnav > ul > li > span {
  color: #2266AC;
}

.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li > a,
.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li > span {
  color: #9e4663;
}

.tpl-header.general .header__right__bottom .header__gnav > ul > li > a:hover,
.tpl-header.general .header__right__bottom .header__gnav > ul > li > span:hover {
  border-bottom: 5px solid #22AC38;
}

.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li > a:hover,
.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li > span:hover {
  border-bottom: 5px solid #9E4663;
}

.tpl-header.koukou .header__right__bottom .header__gnav > ul > li > a:hover,
.tpl-header.koukou .header__right__bottom .header__gnav > ul > li > span:hover {
  border-bottom: 5px solid #2266AC;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child > span {
  padding-right: 15px;
  cursor: pointer;
  position: relative;
}

.tpl-header.general .header__right__bottom .header__gnav > ul > li.has-child > span {
  background: url(/images/common/header-has-child-icon-general.gif) no-repeat right 20px;
}

.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li.has-child > span {
  background: url(/images/common/header-has-child-icon-chugaku.gif) no-repeat right 20px;
}

.tpl-header.koukou .header__right__bottom .header__gnav > ul > li.has-child > span {
  background: url(/images/common/header-has-child-icon-koukou.gif) no-repeat right 20px;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child .gnav-child {
  position: absolute;
  top: 50px;
  z-index: 9999;
  display: none;
  padding-top: 6px;
}

.tpl-header.general .header__right__bottom .header__gnav > ul > li.has-child .gnav-child {
  width: 180px;
  left: -62px;
  top: 55px;
}

.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li.has-child .gnav-child {
  width: 262px;
}

.tpl-header.koukou .header__right__bottom .header__gnav > ul > li.has-child .gnav-child {
  width: 220px;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child .gnav-child:before {
  content: "";
  display: block;
  width: 18px;
  height: 6px;
  background: url(/images/common/gnav-pull-arrow.png) no-repeat;
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -9px;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child .gnav-child-inner {
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li:not(:last-child) {
  border-bottom: 1px solid #E5E5E5;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 20px 15px;
  text-decoration: none;
}

.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li a:hover {
  color: #9e4663;
}

.tpl-header.koukou .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li a:hover {
  color: #2266AC;
}

.tpl-header .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li a .tpl-text-link {
  text-decoration: none;
}

.tpl-header.chugaku .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li a .tpl-text-link:before {
  border-top: 2px solid #9E4663;
  border-right: 2px solid #9E4663;
}

.tpl-header.koukou .header__right__bottom .header__gnav > ul > li.has-child .gnav-child ul li a .tpl-text-link:before {
  border-top: 2px solid #2266AC;
  border-right: 2px solid #2266AC;
}

.tpl-header .header__right__bottom .header__search {
  padding-right: 24px;
}

.tpl-header .header__right__bottom .header__search .pc-form {
  float: right;
}

.tpl-header .header__right__bottom .header__search .pc-form .search {
  border-radius: 5px;
  margin-right: 0;
  height: auto;
  padding: 0;
  float: none;
  width: 160px;
}

.tpl-header .header__right__bottom .header__search .pc-form .search input[type="text"] {
  font-size: 11px;
}

/* --- SPのメニュー --- */
@media only screen and (max-width: 639px) {
  .tpl-header {
    overflow: visible;
    position: relative;
    z-index: 9999;
    height: auto;
  }

  .tpl-header .header__inner.only-pc {
    display: none !important;
  }

  .tpl-header .header__inner .header__top {
    height: 71px;
    border-bottom: 1px solid #D1D1D1;
    display: block;
  }

  .tpl-header .header__logo {
    border-right: none;
    width: auto;
    padding: 0;
  }

  .tpl-header .header__logo a {
    padding: 20px 0 0 20px;
  }

  .tpl-header .header__logo img {
    width: 210px;
    height: auto;
    margin: 0;
  }

  .tpl-header .header__lead {
    padding: 10px 15px;
    width: auto;
    font-size: 13px;
    display: block;
  }

  .tpl-header .header__lead .label {
    font-size: 1rem;
    font-weight: normal;
  }

  .tpl-header .sp-menu-btn {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #EEEEEE;
    top: 0;
    right: 0;
  }

  .tpl-header.chugaku .sp-menu-btn {
    background: #C86C71;
  }

  .tpl-header.koukou .sp-menu-btn {
    background: #7AB2D3;
  }

  .tpl-header .sp-menu-btn > div {
    position: relative;
    height: 100%;
  }

  .tpl-header .sp-menu-btn .bar {
    position: absolute;
    left: 20px;
    width: 30px;
    height: 3px;
    background-color: #000;
    transition: 0.3s;
  }

  .tpl-header.chugaku .sp-menu-btn .bar,
  .tpl-header.koukou .sp-menu-btn .bar {
    background-color: #fff;
  }

  .tpl-header .sp-menu-btn .bar:nth-of-type(1) {
    top: 20px;
  }

  .tpl-header .sp-menu-btn .bar:nth-of-type(2) {
    top: 29px;
  }

  .tpl-header .sp-menu-btn .bar:nth-of-type(3) {
    top: 38px;
  }

  .tpl-header .sp-menu-btn.active .bar:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
    top: 10px;
  }

  .tpl-header .sp-menu-btn.active .bar:nth-of-type(2) {
    opacity: 0;
  }

  .tpl-header .sp-menu-btn.active .bar:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
    top: 50px;
  }

  .tpl-header .sp-menu-btn .txt {
    position: absolute;
    width: 100%;
    bottom: 11px;
    text-align: center;
  }

  .tpl-header.chugaku .sp-menu-btn .txt,
  .tpl-header.koukou .sp-menu-btn .txt {
    color: #fff;
  }

  .tpl-header .header__inner .sp-menu-body {
    position: absolute;
    top: 71px;
    width: 100%;
    background-color: #fff;
    display: none;
    /* border-bottom: 1px solid #D1D1D1; */
  }

  .tpl-header .sp-menu-body .header__search {
    padding: 15px;
    border-bottom: 1px solid #D1D1D1;
    background-color: #EEEEEE;
  }

  .tpl-header.chugaku .sp-menu-body .header__search {
    background-color: #C86C71;
    border-bottom: 1px solid #fff;
  }

  .tpl-header.koukou .sp-menu-body .header__search {
    background-color: #7AB2D3;
    border-bottom: 1px solid #fff;
  }

  .tpl-header .sp-menu-body .header__search .pc-form {
    display: block;
    float: none;
  }

  .tpl-header .sp-menu-body .header__search .search {
    display: block;
    width: auto;
    margin-right: 0;
    padding: 0;
  }

  .tpl-header .sp-menu-body .header__search .search input[type="text"] {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    background-color: #fff;
  }

  .tpl-header.chugaku .sp-menu-body .header__search .search input[type="text"] {
    background-color: #EAEAEA;
  }

  .tpl-header .sp-menu-body .header__search .search .search__btn {
    top: 10px;
    right: 15px;
    width: 18px;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link {
    border-bottom: 1px solid #D1D1D1;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link,
  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link {
    border-bottom: 1px solid #fff;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link a,
  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dt {
    display: block;
    padding: 22px 15px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    background-color: #EEEEEE;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link a,
  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dt {
    background-color: #C86C71;
    color: #fff;
  }

  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link a,
  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dt {
    background-color: #7AB2D3;
    color: #fff;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link a::before,
  .tpl-header .sp-menu-body .header__gnav .menu-link a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link a::before {
    right: 15px;
    width: 7px;
    height: 7px;
    border-top: 3px solid #22ac38;
    border-right: 3px solid #22ac38;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link a::before {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }

  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link a::before {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dt:before,
  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dt:after {
    content: '';
    height: 3px;
    width: 15px;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dt:before,
  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dt:after {
    background: #fff;
  }

  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dt:before,
  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dt:after {
    background: #fff;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dt:after {
    height: 15px;
    width: 3px;
    top: 50%;
    margin-top: -6px;
    right: 18px;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dt.active:after {
    display: none;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dd {
    display: none;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dd {
    background-color: #C86C71;
  }

  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dd {
    background-color: #7AB2D3;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dd ul {
    padding: 0 15px 15px;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dd ul li {
    margin-bottom: 1px;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link.acc dd ul li a {
    text-decoration: none;
    font-size: 19px;
    color: #fff;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dd ul li a,
  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dd ul li a {
    color: inherit;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dd ul li a {
    background-color: #FBD4D6;
  }

  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dd ul li a {
    background-color: #D5EDFB;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link.acc dd ul li a::before {
    border-top: 3px solid #9E4663;
    border-right: 3px solid #9E4663;
  }

  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link.acc dd ul li a:before {
    border-top: 3px solid #006EB9;
    border-right: 3px solid #006EB9;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-link a:hover {
    color: inherit;
  }

  .tpl-header.chugaku .sp-menu-body .header__gnav .menu-link a:hover,
  .tpl-header.koukou .sp-menu-body .header__gnav .menu-link a:hover {
    color: #fff;
  }
  .tpl-header .sp-menu-body .header__gnav .shiryo.menu-link.shiryo02 a {
    font-size: 14px;
    padding: 18px 15px;
    text-decoration: none;
    background: #fff;
    color: #333;
  }
  .tpl-header .sp-menu-body .header__gnav{
    margin-bottom: 20px;
  }

  .tpl-header .sp-menu-body .header__gnav .shiryo.menu-link a {
    font-size: 22px;
    padding: 22px 15px;
    text-decoration: none;
    background: #CC0000;
    color: #fff;
  }

  .tpl-header .sp-menu-body .header__gnav .shiryo.menu-link a::before {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
    .tpl-header .sp-menu-body .header__gnav .shiryo.menu-link.shiryo02 a::before {
border-top: 3px solid #22ac38;
    border-right: 3px solid #22ac38;
  }
  .tpl-header .sp-menu-body .header__gnav .menu-tel {
    padding: 25px 0;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-tel img {
    width: 282px;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-top a {
    display: block;
    background-color: #22ac38;
    color: #fff;
    padding: 20px 15px;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-top a::before {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    left: auto;
    right: 15px;
    width: 8px;
    height: 8px;
  }

  .tpl-header .sp-menu-body .header__gnav .menu-top a img {
    width: 135px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
 .tpl-header .sp-menu-body .header-min--cats{
    text-align: right;
    margin-bottom: 30px;
    padding-right: 20px;
    font-size: 1.2em;
 }
  
}
/* --- パンくず --- */
.renew-2016 .breadcrumb {
  font-size: 12px;
  padding: 10px 30px;
  background: #fff;
  margin-bottom: 0;
  border-radius: 0;
  position: absolute;
  top: 157px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .breadcrumb {
    display: none;
  }
}
.renew-2016 .breadcrumb li {
  display: inline;
  font-weight: normal;
  margin-right: 0;
}

.renew-2016 .breadcrumb li:not(:first-child) {
  padding-left: 15px;
}

.renew-2016 .breadcrumb li:not(:first-child):before {
  content: ">";
  display: inline;
  padding-right: 15px;
  margin-right: 0;
}

/* --- セクション --- */
.tpl-section {
  padding-bottom: 60px;
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 60px;
}

@media only screen and (max-width: 639px) {
  .tpl-section {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.tpl-section:last-child {
  margin-bottom: 0;
}

/* --- セクション見出し --- */
.tpl-section-ttl {
  font-size: 2.8rem;
  margin-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  .tpl-section-ttl {
    font-size: 23px;
    margin-bottom: 20px;
  }
}
/* --- 汎用ボックス --- */
.renew-2016 .tpl-box {
  border: 5px solid #EEEEEE;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .tpl-box {
    border: 3px solid #EEEEEE;
    border-radius: 5px;
  }
}
/* --- お問い合わせ --- */
.renew-2016 .section-inquiry {
  margin-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry {
    margin-bottom: 15px;
  }
}
.renew-2016 .section-inquiry .tpl-box {
  overflow: hidden;
  padding: 30px 30px 30px 50px;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box {
    height: auto;
    padding: 0;
  }
}
.renew-2016 .section-inquiry .tpl-box .column-l {
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .column-l {
    padding: 10px 15px 15px;
    border-bottom: 1px solid #DDDDDD;
    display: block;
  }
}
.renew-2016 .section-inquiry .tpl-box .ttl {
  font-size: 2.2em;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .ttl {
    position: static;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .btn-wrap {
    position: static;
  }
}
.renew-2016 .section-inquiry .tpl-box .btn-wrap li {
  margin-left: 10px;
}

.renew-2016 .section-inquiry .tpl-box .btn-wrap li:first-child {
  float: left;
}

.renew-2016 .section-inquiry .tpl-box .btn-wrap li:last-child {
  float: right;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .btn-wrap li {
    margin-left: 0;
    width: 49%;
  }
}
.renew-2016 .section-inquiry .tpl-box .btn-wrap .tpl-btn {
  font-size: 1.95em;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .btn-wrap .tpl-btn {
    font-size: 14px;
  }
}
.renew-2016 .section-inquiry .tpl-box .btn-wrap .tpl-btn a {
  width: 208px;
  height: 76px;
  padding-left: 30px;
  line-height: 72px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .btn-wrap .tpl-btn a {
    width: 100%;
    height: 40px;
    line-height: 36px;
    padding-left: 15px;
  }
}
.renew-2016 .section-inquiry .tpl-box .btn-wrap .tpl-btn .small {
  font-size: 0.65em;
}

.renew-2016 .section-inquiry .tpl-box .column-r {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .column-r {
    padding: 12px 18px;
    position: relative;
    display: block;
  }

  .renew-2016 .section-inquiry .tpl-box .column-r::before,
  .renew-2016 .section-inquiry .tpl-box .column-r::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }

  .renew-2016 .section-inquiry .tpl-box .column-r::before {
    right: 12px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #22ac38;
    border-right: 2px solid #22ac38;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .renew-2016 .section-inquiry .tpl-box .sp-lead {
    text-align: center;
    line-height: 1.5;
  }
}
.renew-2016 .section-inquiry .tpl-box .tel-wrap {
  overflow: hidden;
  width: 660px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .tel-wrap {
    position: static;
    width: auto;
    text-align: center;
  }
}
.renew-2016 .section-inquiry .tpl-box .tel-wrap .tel {
  font-size: 4.2em;
  font-weight: bold;
  background: url(/kyoshitsu/images/common/icon_tel.png) no-repeat left center;
  padding-left: 42px;
  width: 340px;
  float: left;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .tel-wrap .tel {
    margin: 5px 0;
    font-size: 33px;
    float: none;
    width: auto;
    display: inline-block;
    padding-left: 26px;
    background-size: 22px auto;
  }
}
@media only screen and (max-width: 374px) {
  .renew-2016 .section-inquiry .tpl-box .tel-wrap .tel {
    font-size: 28px;
  }
}
.renew-2016 .section-inquiry .tpl-box .tel-wrap .tel a {
  color: #000;
  text-decoration: none;
}

.renew-2016 .section-inquiry .tpl-box .tel-wrap .notes {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 5px 0 0;
}

.renew-2016 .section-inquiry .tpl-box .tel-wrap .notes > span {
  display: block;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-inquiry .tpl-box .tel-wrap .notes {
    font-size: 10px;
    text-align: center;
    padding: 5px 0;
  }
}
/* --- プライバシーマークなど --- */
.aside-security {
  overflow: hidden;
  padding-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .aside-security {
    padding-bottom: 14px;
  }

  .aside-security .p-top-aside {
    display: block;
  }
}
.aside-security li {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 639px) {
  .aside-security li {
    height: 40px;
  }

  .aside-security li img {
    width: auto;
    height: 100%;
  }
}
/* --- フッター --- */
.tpl-footer .global-footer {
  width: auto;
  border-top: none;
  position: relative;
  background-color: #f4f4f4;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer {
    padding: 0;
  }
}
.tpl-footer .global-footer .tpl-inner-wrap {
  width: 1200px;
  margin: auto;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer .tpl-inner-wrap {
    width: auto;
    padding: 0 15px;
  }
}
.tpl-footer .global-footer__top {
  background-color: #f4f4f4;
  padding: 40px 0 0;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__top {
    width: auto;
    padding: 20px 0 0;
    background-color: #EAEAEA;
    border-top: none;
  }
}
.tpl-footer .global-footer__top .link-list {
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__top .link-list {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    border-bottom: none;
  }
}
.tpl-footer .global-footer__top ul {
  float: left;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__top ul {
    width: 50%;
    box-sizing: border-box;
  }

  .tpl-footer .global-footer__top ul:first-child {
    border-right: 1px solid #C1C1C1;
    padding-right: 18px;
  }

  .tpl-footer .global-footer__top ul:last-child {
    padding-left: 18px;
  }
}
.tpl-footer .global-footer__top ul li {
  float: left;
  margin-right: 25px;
  font-size: 12px;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__top ul li {
    float: none;
    margin-bottom: 15px;
    margin-right: 0;
    line-height: 1.3;
  }

  .tpl-footer .global-footer__top ul li:last-child {
    margin-bottom: 5px;
  }
}
.tpl-footer .global-footer__top ul li a {
  color: #333;
  font-weight: normal;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__top ul li a {
    color: inherit;
    font-size: 10px;
  }
}
.tpl-footer .global-footer__bottom {
  background-color: #f4f4f4;
  padding: 0 0 20px;
  border-top: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__bottom {
    padding: 20px;
  }
}
.tpl-footer .global-footer__bottom p {
  float: none;
  font-size: 12px;
  color: #333;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .global-footer__bottom p {
    font-size: 9px;
  }
}
.tpl-footer .sp-footer-logo {
  display: none;
}

@media only screen and (max-width: 639px) {
  .tpl-footer .sp-footer-logo {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #D2D2D2;
    margin: 0 auto 12px;
  }

  .tpl-footer .sp-footer-logo img {
    width: 213px;
  }
}


#tpl-footer-blue {
    width: 100%;
    clear: both;
    background-color: #043086;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 750px) {
    #tpl-footer-blue {
        height: auto;
        padding: 10.66667vw 0;
    }
}

#tpl-footer-blue .tpl-inner-wrap {
    width: 1040px;
    height: 174px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /* flex */
    display: -webkit-flex;
    /*--- safari（PC）用 ---*/
    display: -ms-flexbox;
    /*--- IE10 ---*/
    display: flex;
    -webkit-flex-direction: row;
    /*--- safari（PC）用 ---*/
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    /*--- safari（PC）用 ---*/
    -ms-flex-wrap: nowrap;
    /*--- IE10 ---*/
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    /*--- safari（PC）用 ---*/
    -ms-justify-content: end;
    /*--- IE10 ---*/
    justify-content: flex-end;
    -webkit-align-items: center;
    /*--- safari（PC）用 ---*/
    -ms-align-items: center;
    /*--- IE10 ---*/
    align-items: center;
}

@media screen and (max-width: 750px) {
    #tpl-footer-blue .tpl-inner-wrap {
        width: 100%;
        height: auto;
        -webkit-flex-direction: column;
        /*--- safari（PC）用 ---*/
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        /*--- safari（PC）用 ---*/
        -ms-flex-wrap: wrap;
        /*--- IE10 ---*/
        flex-wrap: wrap;
        -webkit-justify-content: center;
        /*--- safari（PC）用 ---*/
        -ms-justify-content: center;
        /*--- IE10 ---*/
        justify-content: center;
    }
}
#tpl-footer-blue .tpl-inner-wrap img.only-pc{
    display: block;
}
#tpl-footer-blue .tpl-inner-wrap img.only-sp{
    display: none;
}
@media screen and (max-width: 750px) {
    #tpl-footer-blue .tpl-inner-wrap img {
        width: 42.66667vw;
    }
    #tpl-footer-blue .tpl-inner-wrap img.only-pc{
        display: none;
    }
    #tpl-footer-blue .tpl-inner-wrap img.only-sp{
        display: block;
    }
}
/* --- ローカルナビゲーション --- */
.renew-2016 .tpl-local-nav {
  background-color: #EEEEEE;
  width: 280px;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .tpl-local-nav {
    padding-top: 0 !important;
    margin-top: 20px;
    width: 100%;
  }
}
.renew-2016 .tpl-local-nav h2 {
  background-color: #22ac38;
  color: #fff;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 15px 0;
  text-align: center;
}

.renew-2016 .tpl-local-nav ul {
  background-color: #fff;
  font-size: 1.4rem;
}

.renew-2016 .tpl-local-nav ul li {
  border: 1px solid #DDDDDD;
  border-top: none;
}

.renew-2016 .tpl-local-nav ul li a {
  display: block;
  text-decoration: none;
  padding: 20px 30px 20px 25px;
  position: relative;
  line-height: 1.5;
}

.renew-2016 .tpl-local-nav ul li:last-child a {
  border-bottom: none;
}

.renew-2016 .tpl-local-nav ul li.active a {
  color: #22ac38;
  background-color: #EEEEEE;
  font-weight: 500;
}

.renew-2016 .tpl-local-nav ul li a span {
  position: relative;
}

.renew-2016 .tpl-local-nav ul li a::before,
.renew-2016 .tpl-local-nav ul li a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.renew-2016 .tpl-local-nav ul li a::before {
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* --- ライトボックス --- */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
  background-color: #fff;
  background-image: none;
}

#cboxCurrent {
  display: none !important;
}

@media only screen and (min-width: 640px) {
  #cboxTitle {
    display: none !important;
  }
}
#cboxPrevious,
#cboxNext {
  position: absolute;
  width: 19px;
  height: 33px;
  top: 50%;
  margin-top: -17px;
}

#cboxPrevious,
#cboxPrevious:hover {
  background: url(/kyoshitsu/images/common/intro-slide-prev.png) no-repeat;
  left: 0;
}

#cboxNext,
#cboxNext:hover {
  background: url(/kyoshitsu/images/common/intro-slide-next.png) no-repeat;
  left: auto;
  right: 0;
}

#cboxLoadedContent {
  margin-bottom: 0;
}

#cboxContent {
  position: relative;
}

#cboxOverlay {
  background: none;
  background-color: rgba(0, 0, 0, 0.5);
}

#cboxLoadingGraphic {
  display: none !important;
}

#cboxClose {
  text-indent: 0;
  font-size: 14px;
  font-weight: bold;
  width: auto;
  height: auto;
  background: none;
  right: 30px;
  bottom: 25px;
  padding-left: 20px;
}

#cboxClose:before,
#cboxClose:after {
  content: '';
  height: 1px;
  width: 15px;
  display: block;
  background: #22ac38;
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#cboxClose:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ページトップへボタン */
.btn--top {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 43px;
  height: 43px;
  display: none;
  background-color: #083c9e;
  text-indent: -9999px;
  border-radius: 2px;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .btn--top {
    width: 30px;
    height: 30px;
    bottom: 245px;
    right: 10px;
  }
}
@media only screen and (max-width: 374px) {
  .btn--top {
    bottom: 245px;
  }
}
.btn--top:hover {
  opacity: 0.7;
  background-color: #083c9e;
}

.btn--top.fixed {
  position: fixed;
  top: auto;
  bottom: 20px;
  right: 20px;
}

@media only screen and (max-width: 639px) {
  .btn--top.fixed {
    bottom: 10px;
    right: 10px;
  }
}
.btn--top::before,
.btn--top::after {
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media only screen and (max-width: 639px) {
  .btn--top::before,
  .btn--top::after {
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 13px;
  }
}
/* コンバージョン要素を非表示 */
iframe[name="google_conversion_frame"] {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

/* 教室を探す：共通 */
@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .content {
    padding: 25px 15px 50px;
  }

  .renew-2016.kyoshitsu.index.sc_area_list .content {
    padding: 20px 15px 0;
  }
}
.renew-2016.kyoshitsu.index .content-renew-2016 > .content-renew-2016 {
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .content-renew-2016 > .content-renew-2016 {
    padding: 0 0 80px;
  }
}
.renew-2016.kyoshitsu.index h1.c-heading01 {
  font-size: 46px;
  padding-left: 0;
  padding-bottom: 0;
  border: none;
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index h1.c-heading01 {
    font-size: 27px;
    margin-bottom: 25px;
  }
}
.renew-2016.kyoshitsu.index h1.c-heading01 i {
  display: none;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search_tab {
    margin-bottom: 25px;
  }
}
.renew-2016.kyoshitsu.index .search_tab ul > li {
  width: 50%;
  border: none;
  box-sizing: border-box;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search_tab ul > li {
    width: 100%;
  }
}
.renew-2016.kyoshitsu.index .search_tab ul > li:first-child {
  padding-right: 15px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search_tab ul > li:first-child {
    padding-right: 0;
  }
}
.renew-2016.kyoshitsu.index .search_tab ul > li:last-child {
  padding-left: 15px;
  display: none;
}

.renew-2016.kyoshitsu.index .search_tab ul > li > div {
  border-radius: 10px 10px 0 0;
  width: 100%;
  padding: 20px 0;
  background-image: none !important;
  text-align: center;
  border: none;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search_tab ul > li > div {
    border-radius: 0;
    padding: 20px 0;
  }
}
.renew-2016.kyoshitsu.index .search_tab ul > li > div > p.tab_title {
  font-size: 2rem;
  font-weight: normal;
  text-align: center;
  margin: 0;
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search_tab ul > li > div > p.tab_title {
    font-size: 20px;
  }
}
.renew-2016.kyoshitsu.index .search_tab ul > li > div > p.tab_title::before,
.renew-2016.kyoshitsu.index .search_tab ul > li > div > p.tab_title::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.renew-2016.kyoshitsu.index .search_tab ul > li > div > p.tab_title::before {
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.renew-2016.kyoshitsu.index .search_tab ul > li.tab_sel > div > p.tab_title::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search_tab ul > li.tab_sel > div > p.tab_title::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
.renew-2016.kyoshitsu.index .search_tab ul > li.tab_nosel > div > p.tab_title::before {
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
  transition: 0.3s;
}

.renew-2016.kyoshitsu.index .search_tab ul > li.tab_nosel:hover > div > p.tab_title::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.renew-2016.kyoshitsu.index .map-area {
  border: none;
  border-top: 1px solid #D6D6D6;
  margin-bottom: 0;
  padding: 100px 0 50px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area {
    padding: 0;
    border-top: none;
  }
}
.renew-2016.kyoshitsu.index.area .map-area {
  padding: 100px 50px 70px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.area .map-area {
    padding: 0;
  }
}
.renew-2016.kyoshitsu.index .map-area {
  padding: 40px 0 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area {
    padding: 0;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area {
  padding: 40px 0 50px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area {
    padding: 0;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .top-info .p-topics-index__title {
  margin: 0 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .top-info .p-topics-index__title {
    margin: 10px 0;
  }
}
.renew-2016.kyoshitsu.index .map-area .p-search-image {
  height: 353px;
  margin-bottom: 0;
  background: url(../images/kyoshitsu/bg_map.png) no-repeat 50px top;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area .p-search-image {
    height: auto;
    background: none;
  }
}
.renew-2016.kyoshitsu.index .map-area .p-search-image .area01 {
  width: 170px;
  height: 170px;
  line-height: 170px;
  left: 450px;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image .area02,
.renew-2016.kyoshitsu.index .map-area .p-search-image .area03,
.renew-2016.kyoshitsu.index .map-area .p-search-image .area04 {
  width: 88px;
  height: 88px;
  line-height: 88px;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image .area02 {
  left: 538px;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image .area03 {
  left: 234px;
  top: 200px;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image .area04 {
  left: 331px;
  top: 200px;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image .area05 {
  padding-top: 0;
  width: 170px;
  height: 139px;
  line-height: 160px;
  left: 107px;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image__btn {
  font-size: 2rem;
}

.renew-2016.kyoshitsu.index .map-area .p-search-image ul {
  width: 410px;
  top: 77px;
  right: 50px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area .p-search-image ul {
    width: auto;
    position: static;
  }
}
.renew-2016.kyoshitsu.index .map-area .p-search-image ul li {
  width: 195px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area .p-search-image ul li {
    margin: 0 0 4%;
    width: 50%;
    box-sizing: border-box;
  }

  .renew-2016.kyoshitsu.index .map-area .p-search-image ul li:nth-child(odd) {
    padding-right: 2%;
  }

  .renew-2016.kyoshitsu.index .map-area .p-search-image ul li:nth-child(even) {
    padding-left: 2%;
  }
}
.renew-2016.kyoshitsu.index .map-area .p-search-image ul li a {
  border: 3px solid #22ac38;
  font-size: 2rem;
  margin: 0 2% 2.6% 0;
  padding: 16px 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area .p-search-image ul li a {
    margin: 0;
  }
}
.renew-2016.kyoshitsu.index .p-search-map__input {
  background: #fff;
}

.renew-2016.kyoshitsu.index .p-search-map__input .input {
  padding: 15px 25px;
  background: #fff;
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .p-search-map__input .input {
    font-size: 16px;
    padding: 12px;
  }
}
.renew-2016.kyoshitsu.index .p-search-map__input .p-search-map__btn {
  width: 140px;
  height: 100%;
  background-color: #22ac38;
  top: 0;
  right: 0;
  margin: 0 !important;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .p-search-map__input .p-search-map__btn {
    width: 50px;
  }
}
.renew-2016.kyoshitsu.index .p-search-map__input .p-search-map__btn a {
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  display: block;
  text-align: center;
  line-height: 57px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .p-search-map__input .p-search-map__btn a {
    line-height: 50px;
  }
}
.renew-2016.kyoshitsu.index .p-search-map__input .p-search-map__btn a span {
  padding-left: 25px;
  background: url(/images/top/search-submit-icon.png) no-repeat left center;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .p-search-map__input .p-search-map__btn a span {
    padding-left: 0;
    text-indent: -9999px;
    display: inline-block;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 {
  overflow: hidden;
  margin-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 {
    margin-bottom: 10px;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 .c-heading05 {
  font-size: 2.4rem;
  margin-top: 0 !important;
  float: left;
  width: 30%;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 .c-heading05 {
    float: none;
    width: auto;
    font-size: 20px;
    margin-bottom: 20px;
  }

  .renew-2016.kyoshitsu.index .blockH1Icons01 .c-heading05 span.result {
    font-size: inherit;
    margin: 0;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 .info-icons {
  margin-top: 0;
  display: inline-block;
  float: right;
  width: 70%;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 .info-icons {
    float: none;
    width: auto;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 li {
  margin-right: 40px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 li {
    margin-right: 30px;
    width: auto;
    float: left;
  }

  .renew-2016.kyoshitsu.index .blockH1Icons01 .info-icons li:nth-child(even) {
    margin-right: 0;
  }

  .renew-2016.kyoshitsu.index .blockH1Icons01 .info-icons-right li:nth-child(odd) {
    margin-right: 0;
  }

  .renew-2016.kyoshitsu.index .blockH1Icons01 .info-icons-right li:first-child {
    margin-right: 15px;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 li:last-child {
  margin: 0;
}

.renew-2016.kyoshitsu.index .blockH1Icons01 li > div {
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 li > div {
    font-size: 13px;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 li:first-child div {
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 li:first-child div {
    font-size: 13px;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 li > div > span {
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 li > div > span {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
  }
}
.renew-2016.kyoshitsu.index .blockH1Icons01 li > div > span:after {
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 25px !important;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .blockH1Icons01 li > div > span:after {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 20px !important;
  }
}
.renew-2016.kyoshitsu.index .search-form {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search-form {
    margin-bottom: 20px;
  }
}
.renew-2016.kyoshitsu.index .gMap {
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .gMap {
    margin-bottom: 20px;
  }
}
.renew-2016.kyoshitsu.index .gMap #map {
  border: none;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .gMap #map {
    height: 345px;
  }
}
.renew-2016.kyoshitsu.index .search-heading p {
  font-size: 1.6rem;
  padding: 20px 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .search-heading p {
    font-size: 13px;
  }
}
.renew-2016.kyoshitsu.index .gps-search {
  display: none;
}

.renew-2016.kyoshitsu.index .search-heading p {
  padding: 20px 10px;
}

.renew-2016.kyoshitsu.index .map-area .search-list .detail p {
  font-size: 1.6rem;
  font-weight: normal;
  padding: 20px 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area .search-list .detail p {
    padding: 10px 5px;
  }
}
.renew-2016.kyoshitsu.index .map-area .search-list .detail span {
  width: 25px !important;
  height: 25px !important;
}

.renew-2016.kyoshitsu.index .map-area .search-list .detail span:after {
  font-size: 14px !important;
  line-height: 25px !important;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index .map-area .search-list .detail span {
    width: 20px !important;
    height: 20px !important;
  }

  .renew-2016.kyoshitsu.index .map-area .search-list .detail span:after {
    font-size: 13px !important;
    line-height: 20px !important;
  }
}
.renew-2016.kyoshitsu.index .mid-conv {
  display: none;
}

.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading04--green {
  font-size: 3.4rem;
  background: none;
  padding: 0;
  margin-bottom: 40px;
  color: #22ac38;
  font-weight: normal;
  line-height: 1.3;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading04--green {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading04--green .area-count {
  font-size: 2.4rem;
  margin-left: 20px;
  color: #000;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading04--green .area-count {
    font-size: 20px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 {
    margin-bottom: 30px !important;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 th,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 td {
  font-size: 1.6rem;
  padding: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 th,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 td {
    font-size: 13px;
    padding: 10px;
  }

  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 th {
    width: 15%;
  }

  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-table01 td ul li {
    margin: 10px 40px 10px 0;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .info-icons-right .title {
  margin-right: 35px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .info-icons-right .title {
    margin-right: 0;
    display: block;
    float: none;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .info-icons-right li {
  margin: 0 40px 0 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .info-icons-right li {
    margin: 0 10px 0 0;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .info-icons-right li > div {
  font-size: 1.8rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .info-icons-right li > div {
    font-size: 13px;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_seminar01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_navio01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_visavis01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_others01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shu01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ko01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ei01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_others02,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_you01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shou01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_chu01,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_kou01 {
  width: 25px !important;
  height: 25px !important;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_seminar01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_navio01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_visavis01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_others01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shu01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ko01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ei01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_others02,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_you01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shou01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_chu01,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_kou01 {
    width: 20px !important;
    height: 20px !important;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_seminar01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_navio01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_visavis01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_others01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shu01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ko01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ei01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_you01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shou01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_chu01:after,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_kou01:after {
  line-height: 25px !important;
  font-size: 1.4rem !important;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_seminar01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_navio01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_visavis01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_others01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shu01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ko01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_ei01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_you01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_shou01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_chu01:after,
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .ico_kou01:after {
    line-height: 20px !important;
    font-size: 13px !important;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading02 {
  font-size: 3rem;
  font-weight: normal;
  padding: 0 0 10px 0;
  border-bottom: none;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading02 {
    font-size: 18px;
    padding: 0;
    margin-top: 15px;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading02 i {
  display: none;
  /*  background: url(/images/common/ico_3_line.gif);
    width: 14px;
    top: 15px;
    left: 0px;*/
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .c-heading02 i {
    top: 7px;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .search-heading p {
  font-size: 1.6rem;
  padding: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .search-heading p {
    font-size: 1.4rem;
    padding: 20px 10px;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area .search-list .detail p {
  font-size: 1.6rem;
  padding: 20px;
  font-weight: normal;
}

@media only screen and (max-width: 639px) {
  .renew-2016.kyoshitsu.index.sc_area_list .map-area .search-list .detail p {
    padding: 10px 5px;
  }
}
.renew-2016.kyoshitsu.index.sc_area_list .map-area p:last-child {
  margin: 70px 0;
}

.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-link {
  background-color: #EEEEEE;
  padding: 5px 15px 5px 30px;
  border-radius: 20px;
  font-size: 1.5rem;
  text-decoration: none;
  position: relative;
}

.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-link::before,
.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-link::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-link::before {
  left: 13px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.renew-2016.kyoshitsu.index.sc_area_list .map-area .c-link i {
  display: none;
}

/* コンポーネント */
/*ボタン*/
.tpl-base-btn {
  display: inline-block;
  position: relative;
  transition: background-color 0.3s;
}

.tpl-base-btn a {
  display: block;
  color: #fff;
  background-color: #22ac38;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
  padding: 17px 35px 17px 26px;
  transition: background-color 0.3s;
  position: relative;
  box-sizing: border-box;
  border: 1px solid transparent;
}

.tpl-base-btn a:hover {
  color: #fff;
}

@media only screen and (min-width: 640px) {
  .tpl-base-btn a:hover {
    box-shadow: 0 1px #286C0B;
  }
}
.tpl-base-btn a::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 23px;
  transition: 0.3s;
}

@media only screen and (min-width: 640px) {
  .tpl-base-btn a:hover::before {
    border-top: 2px solid #22ac38;
    border-right: 2px solid #22ac38;
  }
}
.tpl-base-btn a::before,
.tpl-base-btn a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.tpl-base-btn a::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (min-width: 640px) {
  .tpl-base-btn:hover {
    top: 2px;
  }

  .tpl-base-btn a:hover {
    color: #22ac38;
    background-color: #fff;
  }
}
@media only screen and (max-width: 639px) {
  .tpl-base-btn {
    width: 100%;
  }

  .tpl-base-btn a {
    width: 100%;
    font-size: 15px;
  }
}
/* 無料文言つきボタン （無料）の前にbrを入れて2行にすること */
.tpl-base-btn.tpl-base-btn-free a {
  background-image: url(/common/images/siryo_point.png);
  background-position: right 57px top 49%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 639px) {
  .tpl-btn.tpl-base-btn-free a {
    background-image: url(/common/images/siryo_point-sp.png);
    background-size: 48px 27px;
    background-position: right 20% top 49%;
    background-repeat: no-repeat;
  }
}
/* メインビジュアル（2カラム） */
.tpl-main-column > .intro:first-child {
  display: table;
  width: 100%;
  height: 320px;
}

@media only screen and (max-width: 639px) {
  .tpl-main-column > .intro:first-child {
    height: auto;
  }
}
.tpl-main-column > .intro:first-child .intro-inner {
  display: table-cell;
  vertical-align: middle;
  padding-right: 530px;
}

@media only screen and (max-width: 639px) {
  .tpl-main-column > .intro:first-child .intro-inner {
    padding-right: 0;
  }
}
.juken-top .junior .intro {
  background: url("/junior/top/img/intro_img.jpg") no-repeat top right;
}

.juken-top .chugaku-juken .intro {
  background: url("/chugaku-juken/top/img/intro_img.jpg") no-repeat top right;
}

.juken-top .koukou-juken .intro {
  background: url("/koukou-juken/top/img/intro_img.jpg") no-repeat top right;
}

.juken-top .daigaku-juken .intro {
  background: url("/daigaku-juken/top/img/intro_img.jpg") no-repeat top right;
}

.tpl-main-column > .intro:first-child .ttl-intro {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
  margin-left: -3px;
}

.tpl-main-column > .intro:first-child .txt-intro {
  line-height: 1.75;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 20px;
}

@media only screen and (max-width: 639px) {
  .tpl-main-column > .intro:first-child {
    background: none !important;
    margin: 0 -15px;
    display: block;
    width: auto;
  }

  .tpl-main-column > .intro:first-child:before {
    content: '';
    display: block;
    width: 100%;
    height: 160px;
  }

  .juken-top .chugaku-juken .intro:before {
    background: url("/chugaku-juken/top/img/intro_img_sp.jpg") no-repeat center top;
    background-size: cover;
  }

  .juken-top .koukou-juken .intro:before {
    background: url("/koukou-juken/top/img/intro_img_sp.jpg") no-repeat center top;
    background-size: cover;
  }

  .juken-top .daigaku-juken .intro:before {
    background: url("/daigaku-juken/top/img/intro_img_sp.jpg") no-repeat center top;
    background-size: cover;
  }

  .tpl-main-column > .intro:first-child .intro-inner {
    display: block;
  }

  .tpl-main-column > .intro:first-child .ttl-intro {
    font-size: 2rem;
    padding: 20px 15px 0;
    margin-left: 0;
  }

  .tpl-main-column > .intro:first-child .txt-intro {
    /* line-height: 2; */
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 10px;
    padding: 0 15px;
  }
}
/*FAQ*/
.tpl-altn-list > li {
  background: #eee;
  display: block;
  font-size: 1.6rem;
  text-decoration: none;
  position: relative;
}

.tpl-altn-list > li:nth-child(even) {
  background: #fff;
}

.tpl-altn-list li:before {
  content: 'Q';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -8px;
  color: #006eb9;
}

.tpl-altn-list > li a {
  text-decoration: none;
  display: block;
  padding: 25px 40px 25px 50px;
  line-height: 1.5;
}

.tpl-altn-list > li a:hover {
  color: #006eb9;
}

.tpl-altn-list > li a:after,
.tpl-altn-list > li a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.tpl-altn-list > li a::before {
  width: 10px;
  height: 10px;
  border-top: 2px solid #006eb9;
  border-right: 2px solid #006eb9;
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/***********************************
* 受験対策トップ共通  *
***********************************/
@media only screen and (max-width: 639px) {
  .juken-top img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016.juken-top > .content {
    padding: 0 15px 60px;
  }
}
.renew-2016.juken-top .main-container {
  position: relative;
  font-size: 1.6rem;
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016.juken-top .main-container {
    margin-top: 0;
  }
}
.juken-top .main-container p {
  line-height: 1.8;
  font-size: 1.6rem;
}

.renew-2016.juken-top .tpl-main-column,
.renew-2016.juken-top .tpl-sub-column {
  margin-top: 0;
}

.juken-top .inner-left {
  float: left;
}

.juken-top .inner-right {
  float: right;
}

.juken-top .bold {
  font-weight: 700;
}

.juken-top .koukou-juken a.link-blue {
  color: #2c7aad;
}

.juken-top .chugaku-juken a.link-blue {
  color: #C86C71;
}

.juken-top .mT-l {
  margin-top: 75px !important;
}

.juken-top .main-container .koukou-juken a:hover {
  color: #2266ac;
}

.juken-top .main-container .chugaku-juken a:hover {
  color: #C86C71;
}

@media only screen and (max-width: 639px) {
  .juken-top .only-pc {
    display: none;
  }

  .juken-top .only-sp {
    display: block !important;
  }

  .juken-top .main-container p {
    line-height: 1.8;
    font-size: 1.6rem;
  }

  .renew-2016.juken-top .tpl-main-column {
    width: 100%;
    float: none;
  }

  .juken-top .tpl-main-column .tpl-inner-wrap {
    box-sizing: border-box;
  }

  .juken-top .tpl-sub-column .sidebar {
    width: 100%;
  }

  .juken-top .mT-l {
    margin-top: 50px !important;
  }
}
/* column
-----------------------------------*/
/*  3カラム  */
.juken-top .tpl-col-3 {
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.juken-top .tpl-col-3 .col-box {
  width: 275px;
  box-sizing: border-box;
  margin-right: 30px;
}

.juken-top .tpl-col-3 .col-box:nth-child(3n) {
  margin-right: 0;
}

.juken-top .tpl-col-3 .col-box:nth-child(n + 4) {
  margin-top: 30px;
}

@media only screen and (max-width: 639px) {
  .juken-top .tpl-col-3 .col-box {
    width: 47.8%;
    margin-right: 0;
  }

  .juken-top .tpl-col-3 .col-box:nth-child(even) {
    margin-left: 4%;
  }

  .juken-top .tpl-col-3 .col-box:nth-child(n + 3) {
    margin-top: 4%;
  }
}
/*  2カラム  */
.juken-top .tpl-col-2 .col-box {
  width: 420px;
  float: left;
}

.juken-top .tpl-col-2 .col-box:nth-child(2n) {
  margin-left: 50px;
}

.juken-top .tpl-col-2 .col-box:nth-child(n+3) {
  margin-top: 30px;
}

.juken-top .tpl-col-2 .col-box figure img {
  width: 200px;
}

@media only screen and (max-width: 639px) {
  .juken-top .tpl-col-2 .col-box {
    width: 100%;
    float: none;
  }

  .juken-top .tpl-col-2 .col-box:nth-child(2n) {
    margin-left: 0;
  }

  .juken-top .tpl-col-2 .col-box:nth-child(n+1) {
    margin-top: 15px;
  }

  .juken-top .tpl-col-2 .col-box figure img {
    width: 100%;
  }
}
/* ttl
-----------------------------------*/
.juken-top .tpl-section-ttl {
  font-weight: normal;
  margin-bottom: 25px;
}

.juken-top .tpl-section-ttl.bd-blue {
  padding-bottom: 15px;
}

.juken-top .koukou-juken .tpl-section-ttl.bd-blue {
  border-bottom: solid 3px #2266AC;
}

.juken-top .chugaku-juken .tpl-section-ttl.bd-blue {
  border-bottom: solid 3px #9E4663;
}

@media only screen and (max-width: 639px) {
  .juken-top .tpl-section-ttl {
    font-size: 2rem;
    margin-bottom: 10px;
  }

  .juken-top .tpl-section-ttl.bd-blue {
    padding-bottom: 10px;
  }
}
/*btn
-----------------------------------*/
.juken-top .tpl-base-btn {
  text-align: center;
}

.juken-top .tpl-base-btn a {
  line-height: 1;
  font-weight: normal;
}

@media only screen and (max-width: 639px) {
  .juken-top .tpl-base-btn a {
    padding: 10px 23px;
    font-size: 13px;
  }
}
/*red*/
.juken-top .btn-red a {
  border: solid 1px #cc0000;
  background: #cc0000;
  box-shadow: 0 3px #8d0f0f;
  position: relative;
}

@media only screen and (min-width: 640px) {
  .juken-top .btn-red a:hover {
    color: #cc0000;
  }

  .juken-top .btn-red a:hover::before {
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
  }
}
/*blue*/
.juken-top .btn-blue a {
  position: relative;
}

.juken-top .koukou-juken .btn-blue a {
  background-color: #2266ac;
}

.juken-top.s06 .btn-blue a {
  background-color: #2266ac;
}

@media only screen and (min-width: 640px) {
  .juken-top .koukou-juken .btn-blue a:hover {
    box-shadow: none;
    border: 1px solid #517f9b;
  }

  .juken-top.s06 .btn-blue a:hover {
    box-shadow: none;
    border: 1px solid #2266ac;
  }
}
.juken-top .chugaku-juken .btn-blue a {
  background: #C86C71;
  border: solid 1px #C86C71;
  box-shadow: 0 3px #9E4663;
}

.juken-top.s06 .btn-blue a {
  background: #2266ac;
  border: solid 1px #2266ac;
  box-shadow: 0 3px #0e3f71;
}

@media only screen and (min-width: 640px) {
  .juken-top .chugaku-juken .btn-blue a:hover {
    box-shadow: 0 1px #9E4663;
  }

  .juken-top.s06 .btn-blue a:hover {
    box-shadow: 0 1px #2266ac;
  }
}
@media only screen and (min-width: 640px) {
  .juken-top .btn-blue a:hover {
    background-color: #fff;
  }

  .juken-top .koukou-juken .btn-blue a:hover {
    color: #2266ac;
  }

  .juken-top .chugaku-juken .btn-blue a:hover {
    color: #C86C71;
  }

  .juken-top.s06 .btn-blue a:hover {
    color: #2266ac;
  }

  .juken-top .koukou-juken .btn-blue a:hover::before {
    border-color: #2266ac;
  }

  .juken-top .chugaku-juken .btn-blue a:hover::before {
    border-color: #C86C71;
  }

  .juken-top.s06 .btn-blue a:hover::before {
    border-color: #2266ac;
  }
}
/***********************************
* 高校受験トップ  *
***********************************/
.juken-top .section {
  position: relative;
}

.juken-top .faq .tpl-base-btn,
.juken-top .serial .tpl-base-btn,
.juken-top .exp .tpl-base-btn,
.juken-top .event .tpl-base-btn {
  position: absolute;
  top: -10px;
  right: 0;
  transition: 0s;
}

.juken-top .faq .tpl-base-btn a,
.juken-top .serial .tpl-base-btn a,
.juken-top .exp .tpl-base-btn a,
.juken-top .event .tpl-base-btn a {
  width: 167px;
  padding: 10px 7px 10px 0px;
}

@media only screen and (min-width: 640px) {
  .juken-top .faq .tpl-base-btn:hover,
  .juken-top .serial .tpl-base-btn:hover,
  .juken-top .exp .tpl-base-btn:hover,
  .juken-top .event .tpl-base-btn:hover {
    top: -8px;
  }
}
@media only screen and (max-width: 639px) {
  .juken-top .faq .tpl-base-btn,
  .juken-top .serial .tpl-base-btn,
  .juken-top .exp .tpl-base-btn,
  .juken-top .event .tpl-base-btn {
    position: static;
    margin-top: 10px;
  }

  .juken-top .faq .tpl-base-btn a,
  .juken-top .serial .tpl-base-btn a,
  .juken-top .exp .tpl-base-btn a,
  .juken-top .event .tpl-base-btn a {
    width: 100%;
  }

  .juken-top .inner-left .tpl-base-btn a::before {
    right: 10px;
  }
}
.juken-top .koukou-juken .tpl-text-link::before {
  border-top: 2px solid #006eb9;
  border-right: 2px solid #006eb9;
}

.juken-top .chugaku-juken .tpl-text-link::before {
  border-top: 2px solid #9E4663;
  border-right: 2px solid #9E4663;
}

/* .chara-list
-----------------------------------*/
.juken-top .chara-list {
  margin-top: 50px;
}

.juken-top .chara-item {
  border-top: dotted 1px #b2b2b2;
  padding: 45px 0;
}

.juken-top .chara-item.item13 {
  border-top: none;
}

.juken-top .chara-item.item15 {
  padding-bottom: 80px;
}

.juken-top .chara-item:last-child {
  border-bottom: dotted 1px #b2b2b2;
}

.juken-top .chara-item .inner-left {
  width: 586px;
}

.juken-top .chara-item .chara-item-text-link {
  clear: both;
  position: relative;
  top: 15px;
}

@media only screen and (max-width: 639px) {
  .juken-top .chara-item .chara-item-text-link {
    font-size: 13px;
    top: 10px;
  }
}
.juken-top .chara-item .chara-item-text-link .tpl-text-link {
  color: #C86C71;
}

@media only screen and (max-width: 639px) {
  .juken-top .chara-item .chara-item-text-link .tpl-text-link {
    display: block;
    line-height: 1.3;
  }
}
.juken-top .chara-item .chara-item-text-link .tpl-text-link::before {
  border-top: 2px solid #C86C71;
  border-right: 2px solid #C86C71;
}

@media only screen and (max-width: 639px) {
  .juken-top .chara-item .chara-item-text-link .tpl-text-link::before,
  .juken-top .chara-item .chara-item-text-link .tpl-text-link::after {
    top: 4px;
    bottom: auto;
  }
}
.juken-top .chara-item .inner-right {
  width: 283px;
  margin-top: -50px;
}

.juken-top .chara-item .ttl {
  font-size: 2.4rem;
  margin-bottom: 25px;
}

.juken-top .koukou-juken .chara-item .ttl {
  color: #2266ac;
}

.juken-top .koukou-juken .chara-item .ttl a {
  color: #2266ac;
  text-decoration: none;
}

.juken-top .koukou-juken .chara-item .ttl a:hover {
  opacity: 0.7;
}

.juken-top .chugaku-juken .chara-item .ttl {
  color: #9e4663;
}

.juken-top .chugaku-juken .chara-item .ttl a {
  color: #9e4663;
  text-decoration: none;
}

.juken-top .chugaku-juken .chara-item .ttl a:hover {
  opacity: 0.7;
}

.juken-top .chara-item .tpl-base-btn {
  margin-top: 30px;
}

.juken-top .chara-item .figure figcaption {
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 15px;
}

@media only screen and (max-width: 639px) {
  .juken-top .chara-list {
    margin-top: 20px;
  }

  .juken-top .chara-item {
    padding: 20px 0 25px;
  }

  .juken-top .chara-item:last-child {
    border-bottom: none;
  }

  .juken-top .chara-item .inner-left {
    width: 48%;
  }

  .juken-top .chara-item .inner-right {
    width: 48%;
    margin-top: 0;
  }

  .juken-top .chara-item .ttl {
    font-size: 20px !important;
    margin-bottom: 10px;
    line-height: 1.3;
  }

  .juken-top .chara-item .tpl-base-btn {
    margin-top: 13px;
  }

  .juken-top .chara-item .figure figcaption {
    font-size: 1.0rem;
    margin-top: 7px;
  }
}
@media only screen and (max-width: 374px) {
  .juken-top .chara-item .tpl-base-btn a {
    font-size: 1rem;
    padding-left: 18px;
  }
}
/* .perform
-----------------------------------*/
.juken-top .perform {
  margin-top: 30px;
  padding: 20px 20px 20px 48px;
  position: relative;
  min-height: 195px;
  box-sizing: border-box;
}

.juken-top .koukou-juken .perform {
  background: #E7F2FF;
}

.juken-top .chugaku-juken .perform {
  background: #FFECED;
}

.juken-top .perform .tpl-section-ttl {
  padding-top: 30px;
}

.juken-top .perform .inner-left {
  width: 400px;
}

.juken-top .perform .inner-right {
  /*position: absolute;
  top: 20px;
  right: 20px;*/
}

.juken-top .perform .region-area {
  margin-top: 5px;
}

.juken-top .perform .region-area p {
  font-size: 0;
}

.juken-top .perform .region-area p + p {
  margin-top: 10px;
}

.juken-top .perform .region-area a {
  padding: 0 7px;
  font-size: 1.6rem;
  line-height: 1;
  display: inline-block;
}

.juken-top .koukou-juken .perform .region-area a {
  border-right: solid 1px #2c7aad;
}

.juken-top .chugaku-juken .perform .region-area a {
  border-right: solid 1px #9E4663;
}

.juken-top .perform .region-area a:first-child {
  padding-left: 0;
}

.juken-top .perform .tpl-section-ttl {
  padding-top: 20px;
  margin-bottom: 10px;
}

.juken-top .perform .font-l {
  font-size: 1.9rem;
  margin-top: 12px;
}

@media only screen and (max-width: 639px) {
  .juken-top .perform {
    margin: 0 -15px;
    padding: 20px 15px;
    min-height: auto;
  }

  .juken-top .perform .tpl-section-ttl {
    padding-top: 0;
  }

  .juken-top .perform .inner-left {
    width: 100%;
    float: none;
  }

  .juken-top .perform .inner-right {
    width: 48%;
    position: static;
  }

  .juken-top .perform .region-area a {
    font-size: 1.5rem;
    padding: 0 3px;
    line-height: 1.7;
  }

  .juken-top .perform .tpl-section-ttl {
    padding-top: 10px;
    margin-bottom: 8px;
  }

  .juken-top .perform .font-l {
    font-size: 1.7rem;
    margin-top: 12px;
    line-height: 1.6;
  }

  .juken-top .perform .mrTsub-ttl {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 374px) {
  .juken-top .perform .region-area a {
    font-size: 1.2rem;
  }

  .juken-top .perform .mrTsub-ttl {
    margin-top: 7px;
    font-size: 1.4rem;
  }

  .juken-top .perform .font-l {
    font-size: 1.4rem;
    margin-top: 12px;
    line-height: 1.5;
  }
}
/* .faq
-----------------------------------*/
.juken-top .faq .tpl-altn-list li:before {
  content: 'Q';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -8px;
  color: #006eb9;
}

.juken-top .faq .tpl-altn-list a {
  padding-left: 50px;
}

@media only screen and (max-width: 639px) {
  .juken-top .faq .tpl-altn-list {
    margin-top: 20px;
  }

  .juken-top .faq .tpl-altn-list li:before {
    font-size: 1.3rem;
    left: 15px;
    margin-top: -7px;
  }

  .juken-top .faq .tpl-altn-list a {
    font-size: 1.3rem;
    padding-left: 35px;
  }
}
/* .serial
-----------------------------------*/
.juken-top .serial .tpl-col-3 .col-box {
  width: 282px;
  margin-right: 21px;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .juken-top .serial .tpl-col-3 .col-box {
    width: auto;
    margin-right: 0;
  }
}
.juken-top .serial .tpl-col-3 .col-box:nth-child(3n) {
  margin-right: 0;
}

.juken-top .serial .col-box .figure {
  margin-bottom: 15px;
}

.juken-top .serial .tpl-col-3 .col-box img {
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .juken-top .serial .tpl-col-3 .col-box {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
    overflow: hidden;
  }

  .juken-top .serial .tpl-col-3 .col-box:nth-child(3n) {
    margin-right: 0;
  }

  .juken-top .serial .tpl-col-3 .col-box:nth-child(3n) {
    margin-top: 0;
  }

  .juken-top .serial .tpl-col-3 .col-box > * {
    display: block;
    width: 50%;
    box-sizing: border-box;
  }

  .juken-top .serial .col-box .figure {
    margin-bottom: 3px;
    padding-right: 10px;
    float: left;
  }

  .juken-top .serial .col-box a {
    font-size: 1.3rem;
    line-height: 1.4;
    display: block;
    float: right;
  }
}
/* .exp
-----------------------------------*/
.juken-top .exp .tpl-col-3 {
  margin-top: 50px;
}

.juken-top .exp .col-box {
  border: solid 5px #eee;
  position: relative;
  padding-bottom: 40px;
}

.juken-top .exp .col-box .figure img {
  height: auto !important;
}

.juken-top .exp .col-box .pd-box {
  padding: 15px 20px;
}

.juken-top .exp .col-box .ttl-name {
  font-size: 1.8rem;
  font-weight: 700;
}

.juken-top .exp .col-box .ttl-name .label {
  font-size: 1.2rem;
  vertical-align: 2px;
  margin-left: 10px;
}

.juken-top .exp .col-box .txt {
  font-size: 1.4rem;
  line-height: 1.6;
}

.juken-top .exp .col-box .tpl-text-link {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .juken-top .exp .tpl-col-3 {
    margin-top: 10px;
  }

  .juken-top .exp .col-box {
    border: solid 3px #eee;
    padding-bottom: 30px;
    height: auto;
  }

  .juken-top .exp .col-box .pd-box {
    padding: 10px 10px 0;
  }

  .juken-top .exp .col-box .ttl-name {
    font-size: 1.3rem;
  }

  .juken-top .exp .col-box .ttl-name .label {
    font-size: 1.1rem;
    vertical-align: 2px;
    margin-left: 5px;
  }

  .juken-top .exp .col-box .txt {
    font-size: 1.4rem;
    line-height: 1.6;
  }

  .juken-top .exp .col-box .tpl-text-link {
    bottom: 10px;
    left: 10px;
  }
}
/* .event
-----------------------------------*/
.juken-top .event .inb-list {
  text-align: right;
  margin-top: -42px;
}

.juken-top .event .inb-list li {
  display: inline-block;
  margin-right: 25px;
  font-weight: 500;
}

.tpl-col-2 {
  margin-top: 50px;
}

.juken-top .event .col-box figure {
  float: left;
}

.juken-top .event .col-box .inner-right {
  margin-left: 20px;
  float: left;
  width: 200px;
}

.juken-top .event .col-box .ttl {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 5px;
  line-height: 1.3;
}

.juken-top .event .col-box .label {
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .juken-top .event .inb-list {
    text-align: left;
    margin-top: 0;
  }

  .juken-top .event .inb-list li {
    display: inline-block;
    margin-right: 0;
    margin-top: 15px;
    width: 160px;
  }

  .juken-top .event .inb-list li a {
    font-size: 1.2rem;
  }

  .tpl-col-2 {
    margin-top: 20px;
  }

  .juken-top .event .tpl-col-2 {
    margin: 0 0 15px;
  }

  .juken-top .event .col-box figure {
    float: left;
    width: 40%;
  }

  .juken-top .event .col-box .inner-right {
    margin-left: 5%;
    float: left;
    width: 55%;
  }

  .juken-top .event .col-box .ttl {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
  }

  .juken-top .event .col-box .label {
    font-size: .9rem;
  }
}
/* section-search pc
-----------------------------------*/
@media only screen and (min-width: 640px) {
  .tpl-main-column .section-search.only-pc {
    padding: 25px 30px;
    background: #eaeaea;
    border: solid 1px #d6d6d6;
  }

  .tpl-main-column .section-search.only-pc .tpl-section-ttl {
    font-size: 2.2rem;
  }

  .tpl-main-column .section-search.only-pc .search-form {
    height: 40px;
    float: left;
  }

  .tpl-main-column .section-search.only-pc .search-form input[type="text"] {
    width: 328px;
    height: 100%;
    border: 1px solid #D6D6D6;
    border-radius: 5px 0 0 5px;
    box-sizing: border-box;
    font-size: 16px;
    padding-left: 20px;
  }

  .tpl-main-column .section-search.only-pc .search-form button[type="submit"] {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #22ac38;
    width: 123px;
    height: 100%;
    border-radius: 0 5px 5px 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
  }

  .tpl-main-column .section-search.only-pc .search-btn {
    font-size: 16px;
    font-weight: bold;
    float: right;
  }

  .tpl-main-column .section-search.only-pc .search-btn li {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    margin-left: 3px;
  }

  .tpl-btn.large.white a {
    box-shadow: 0 3px #BBBBBB;
  }

  .tpl-btn.large.white a:hover {
    box-shadow: 0 1px #BBBBBB;
  }

  .tpl-main-column .section-search.only-pc .search-btn li a {
    text-decoration: none;
    width: 175px;
    height: 40px;
    line-height: 38px;
    padding-left: 10px;
  }

  .tpl-main-column .section-search.only-pc .search-btn li a:hover {
    color: #000;
  }

  .tpl-main-column .section-search.only-pc .search-btn li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
  }

  .tpl-main-column .section-search.only-pc .search-form button[type="submit"] span {
    padding-left: 28px;
    background: url(/images/top/search-submit-icon.png) no-repeat left center;
  }

  .tpl-main-column .section-search.only-pc .search-room {
    clear: both;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 30px;
    overflow: hidden;
    margin-bottom: -10px;
  }

  .tpl-main-column .section-search.only-pc .search-room li {
    display: inline-block;
  }

  .tpl-main-column .section-search.only-pc .search-room li + li {
    margin-left: 15px;
  }

  .tpl-main-column .section-search.only-pc .search-room li a {
    padding-left: 14px;
  }

  .tpl-main-column .section-search.only-pc .search-room li a:hover {
    color: #22ac38;
  }

  .tpl-main-column .section-search.only-pc .search-room .tpl-text-link::before {
    border-top: 2px solid #22ac38;
    border-right: 2px solid #22ac38;
  }
}
/* 受験対策FAQ
-----------------------------------*/
.juken-taisaku-faq .tpl-ac-list dt {
  position: relative;
}

.juken-taisaku-faq .tpl-ac-list dt .open-close-btn {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 36px;
  right: 30px;
  background: url(/images/faq/ico_acordion_open.gif) no-repeat center center;
  background-size: cover;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-ac-list dt .open-close-btn {
    width: 18px;
    height: 18px;
  }
}
.juken-taisaku-faq .tpl-ac-list dt .checked {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 36px;
  right: 30px;
  background: url(/images/faq/ico_acordion_close.gif) no-repeat center center;
  background-size: cover;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-ac-list dt .checked {
    width: 18px;
    height: 18px;
    background: url(/images/faq/ico_acordion_close.gif) no-repeat center center;
    background-size: cover;
  }
}
.juken-taisaku-faq .tpl-ac-list dt p {
  padding: 30px 68px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-ac-list dt p {
    font-size: 20px;
    padding: 30px 68px;
  }
}
.juken-taisaku-faq .tpl-ac-list dt i {
  position: absolute;
  top: 33px;
  left: 30px;
  color: #32A3DC;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-ac-list dt i {
    font-size: 20px;
  }
}
.juken-taisaku-faq .tpl-ac-list dd {
  display: none;
}

.juken-taisaku-faq .tpl-ac-list dd > div {
  margin: 0 30px;
  padding: 30px 0 30px 38px;
  border-top: 2px dotted #ccc;
  position: relative;
}

.juken-taisaku-faq .tpl-ac-list dd i {
  position: absolute;
  top: 30px;
  left: 0;
  color: #32A3DC;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-ac-list dd i {
    font-size: 20px;
  }
}
.juken-taisaku-faq .tpl-ac-list dd .main-text {
  font-size: 16px;
  line-height: 1.5;
  word-break: break-all;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-ac-list dd .main-text {
    font-size: 13px;
  }
}
/* page-faq
-----------------------------------*/
.juken-taisaku-faq .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.juken-taisaku-faq .h2 .h2-main {
  display: inline-block;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .h2 .h2-main {
    font-size: 28px;
  }
}
.juken-taisaku-faq .h2 .h2-br {
  display: inline-block;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .h2 .h2-br {
    font-size: 20px;
  }
}
.juken-taisaku-faq .h3 {
  padding: 15px 0 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .h3 {
    padding: 15px 0 0;
    font-size: 14px;
  }
}
.juken-taisaku-faq .h4 {
  font-size: 38px;
  font-weight: 400;
  padding: 60px 0 30px;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .h4 {
    font-size: 24px;
    padding: 50px 0 15px;
  }
}
.juken-taisaku-faq .h4 + .section.faq {
  padding-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .h4 + .section.faq {
    padding-bottom: 0;
  }
}
.juken-taisaku-faq .bg-gray {
  background-color: #eee;
}

.juken-taisaku-faq .tpl-text-link-wrap {
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-text-link-wrap {
    display: block;
  }
}
.juken-taisaku-faq .tpl-text-link {
  color: #2c7aad;
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .tpl-text-link {
    font-size: 14px;
  }
}
.juken-taisaku-faq.chugaku-juken .tpl-text-link:hover {
  color: #9e4663;
}

.juken-taisaku-faq.koukou-juken .tpl-text-link:hover {
  color: #2c7aad;
}

.juken-taisaku-faq.chugaku-juken .tpl-text-link:before {
  border-top: 2px solid #9e4663;
  border-right: 2px solid #9e4663;
}

.juken-taisaku-faq.koukou-juken .tpl-text-link:before {
  border-top: 2px solid #006eb9;
  border-right: 2px solid #006eb9;
}

.juken-taisaku-faq .label-list li {
  display: inline-block;
  margin-right: 20px;
}

.juken-taisaku-faq .label-list .label {
  line-height: 1;
  font-size: 1.4rem;
  margin-right: 5px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-faq .label-list li {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .juken-taisaku-faq .label-list .label {
    font-size: 9px;
  }
}
.juken-taisaku-faq .section-04 .tpl-text-link::before,
.juken-taisaku-faq .section-06 .tpl-text-link::before,
.juken-taisaku-faq .section-07 .tpl-text-link::before {
  border-top: 2px solid #006eb9;
  border-right: 2px solid #006eb9;
}

/* 受験対策　CATS
-----------------------------------*/
@media only screen and (max-width: 639px) {
  .juken-taisaku-cats {
    margin-top: -20px;
  }

  .juken-taisaku-cats .tpl-sub-column .sidebar {
    position: static;
  }
}
.juken-taisaku-cats .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.juken-taisaku-cats .h2 {
  margin-bottom: 35px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .h2 {
    margin-bottom: 0;
  }
}
.juken-taisaku-cats .h2 span {
  line-height: 1;
  display: block;
}

.juken-taisaku-cats .h2 .small {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .h2 .small {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0.5rem;
  }
}
.juken-taisaku-cats .h2 .large {
  font-size: 58px;
  font-weight: 400;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .h2 .large {
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .h2 .large {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
  }
}
.juken-taisaku-cats .main-cats {
  margin-bottom: 15px;
}

.juken-taisaku-cats .h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.5;
  padding: 0 0 30px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .h3 {
    font-size: 20px;
    padding: 0 0 20px;
  }
}
.juken-taisaku-cats.chugaku-juken .h3 {
  color: #9e4663;
}

.juken-taisaku-cats.koukou-juken .h3 {
  color: #32A3DC;
}

.juken-taisaku-cats p {
  line-height: 1.8;
}

.juken-taisaku-cats .section {
  padding: 50px 0;
  border-bottom: 1px dotted #E5E5E5;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section {
    padding: 40px 0;
  }
}
.juken-taisaku-cats.chugaku-juken .section-06 {
  border-bottom: none;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .main-cats {
    margin: 0 -15px 30px;
  }
}
.juken-taisaku-cats .section .main-cats img {
  width: 100%;
}

.juken-taisaku-cats .section .main .text-block {
  width: 582px;
  float: left;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .main .text-block {
    float: none;
    width: auto;
  }
}
.juken-taisaku-cats .section .main .text-block .description {
  font-size: 16px;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  word-wrap: break-word;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .main .text-block .description {
    font-size: 13px;
    padding: 0 0 20px;
  }
}
.juken-taisaku-cats .section .main .img-block {
  width: 282px;
  height: auto;
  float: right;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .main .img-block {
    float: none;
    width: 100%;
  }
}
.juken-taisaku-cats .section .sub li {
  margin: 50px 0;
}

.juken-taisaku-cats .section .sub li:last-child {
  margin: 50px 0 0;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .sub li {
    margin: 40px 0;
  }

  .juken-taisaku-cats .section .sub li:last-child {
    margin: 40px 0 0;
  }
}
.juken-taisaku-cats .section .sub .text-block {
  width: 582px;
  float: right;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .sub .text-block {
    width: 48%;
    float: left;
  }
}
.juken-taisaku-cats .section .sub .text-block .h4 {
  font-size: 16px;
  padding: 0 0 15px;
}

.juken-taisaku-cats .section .sub .text-block .description {
  font-size: 14px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.juken-taisaku-cats .section .sub .text-block .description .small {
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .sub .text-block .description .small {
    font-size: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .sub .text-block .description {
    font-size: 10px;
  }
}
.juken-taisaku-cats .section .sub .img-block {
  width: 282px;
  height: auto;
  float: left;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section .sub .img-block {
    width: 47%;
    float: right;
  }
}
.juken-taisaku-cats .section-01 {
  padding: 0 0 50px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section-01 {
    padding: 0 0 40px;
  }
}
.juken-taisaku-cats .section-01 .description {
  font-size: 16px;
  font-weight: 600;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats .section-01 .description {
    font-size: 13px;
    font-weight: 400;
    padding: 20px 0 0;
  }
}
.juken-taisaku-cats.koukou-juken .section-04 {
  padding: 50px 0 100px;
  border-bottom: none;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats.koukou-juken .section-04 {
    padding: 40px 0 30px;
  }
}
.juken-taisaku-cats.chugaku-juken .section-06 .main {
  padding: 40px;
  border: solid 5px #eaeaea;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats.chugaku-juken .section-06 .main {
    padding: 20px;
    border: solid 2px #eaeaea;
  }
}
.juken-taisaku-cats.chugaku-juken .section-06 .main .text-block {
  width: 488px;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats.chugaku-juken .section-06 .main .text-block {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 639px) {
  .juken-taisaku-cats.chugaku-juken .section-06 .main .img-block {
    width: 100%;
    float: none;
  }
}
.juken-taisaku-cats.chugaku-juken .section-06 .main .text-block .h3 {
  color: #333;
  padding: 60px 0 20px;
  font-size: 24px;
  font-weight: 700;
}

@media only screen and (max-width: 639px) {
  .juken-taisaku-cats.chugaku-juken .section-06 .main .text-block .h3 {
    padding: 0 0 10px;
    font-size: 18px;
  }

  .juken-taisaku-cats.chugaku-juken .section-06 .main .sp-wrap {
    overflow: hidden;
    width: 100%;
  }

  .juken-taisaku-cats.chugaku-juken .section-06 .main .sp-wrap > .description {
    float: left;
    width: 50%;
  }

  .juken-taisaku-cats.chugaku-juken .section-06 .main .sp-wrap > img {
    float: right;
    width: 45%;
  }
}
/* tpl-side-bar
-----------------------------------*/
.renew-2016 .sidebar .panel {
  background: #eee;
  padding: 10px;
  width: 280px;
  box-sizing: border-box;
  font-size: 1.3rem;
}

.renew-2016 .sidebar .panel + .panel {
  margin-top: 20px;
}

.renew-2016 .sidebar .figure {
  margin-bottom: 15px;
}

.renew-2016 .sidebar .txt-area {
  padding: 0 5px 10px 10px;
  line-height: 1.75;
}

.renew-2016 .sidebar .ps {
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.5;
}

.renew-2016 .tpl-side-bar a {
  text-decoration: none;
}

.renew-2016 .tpl-side-bar.conversion a:hover {
  color: inherit;
}

.renew-2016 .tpl-side-bar .panel {
  background: #eee;
  padding: 10px;
  width: 280px;
  box-sizing: border-box;
  font-size: 1.3rem;
  border: none;
}

.renew-2016 .tpl-side-bar .panel + .panel {
  margin-top: 10px;
}

.renew-2016 .tpl-side-bar .figure {
  margin-bottom: 15px;
}

.renew-2016 .tpl-side-bar .txt-area {
  padding: 0 8px 5px;
  line-height: 1.75;
}

.renew-2016 .tpl-side-bar .bold {
  font-size: 1.3rem;
  line-height: 1.75;
  text-decoration: underline;
}

.renew-2016 .tpl-side-bar.conversion.chugaku .bold {
  color: #9e4663;
}

.renew-2016 .tpl-side-bar.conversion.koukou .bold {
  color: #2c7aad;
}

.renew-2016 .tpl-side-bar a:hover .bold {
  text-decoration: none;
}

.renew-2016 .tpl-side-bar .ps {
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .sidebar {
    margin-top: 20px;
    padding-top: 20px;
    border-top: dotted 1px #b2b2b2;
  }

  .renew-2016 .sidebar a:hover {
    color: inherit;
  }

  .renew-2016 .sidebar .panel {
    width: 100%;
  }

  .renew-2016 .sidebar .panel + .panel {
    margin-top: 10px;
  }

  .renew-2016 .sidebar .txt-area a {
    font-weight: 700;
  }

  .renew-2016 .tpl-side-bar {
    margin-top: 20px;
    padding-top: 20px;
    border-top: dotted 1px #b2b2b2;
  }

  .renew-2016 .tpl-side-bar .panel a {
    color: inherit;
  }

  .renew-2016 .tpl-side-bar .panel {
    width: 100%;
  }

  .renew-2016 .tpl-side-bar .figure {
    margin-bottom: 15px;
  }

  .renew-2016 .tpl-side-bar .figure img {
    width: 100%;
  }

  .renew-2016 .tpl-side-bar .txt-area a {
    font-weight: 700;
  }

  .renew-2016 .tpl-side-bar .bold {
    font-size: 16px;
    font-weight: normal;
  }

  .renew-2016 .tpl-side-bar a:hover .bold {
    text-decoration: underline;
  }

  .renew-2016 .tpl-side-bar .ps {
    font-size: 1.3rem;
  }

  .renew-2016 .tpl-side-bar .section-search.only-sp .tpl-section-ttl span {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .renew-2016 .tpl-side-bar .section-search.only-sp .search-btn li a {
    padding-right: 0;
    text-align: center;
  }

  .renew-2016 .tpl-side-bar .section-search.only-sp .search-btn li a span {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 374px) {
  .renew-2016 .tpl-side-bar .section-search.only-sp .search-form input[type="text"] {
    font-size: 1rem;
  }

  .renew-2016 .tpl-side-bar .section-search.only-sp .search-btn li a {
    /*font-size: 1.1rem;*/
  }
}
/* sidebar serch-form sp
-----------------------------------*/
.tpl-sub-column .section-search.only-sp {
  margin-top: 10px;
  padding: 25px;
  background: #eaeaea;
}

.tpl-sub-column .section-search.only-sp .tpl-inner-wrap {
  padding: 0;
}

.tpl-sub-column .section-search.only-sp .tpl-section-ttl {
  font-size: 1.9rem;
  margin-bottom: 20px;
  font-weight: 400;
}

.tpl-sub-column .section-search.only-sp .tpl-section-ttl span {
  font-size: 1.3rem;
  display: block;
  margin-bottom: 5px;
}

.tpl-sub-column .section-search.only-sp .search-form {
  height: 40px;
  width: 100%;
  /* float: left; */
}

.tpl-sub-column .section-search.only-sp .search-form input[type="text"] {
  width: calc(100% - 40px);
  height: 100%;
  border: 1px solid #D6D6D6;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  font-size: 1.3rem;
  padding-left: 15px;
}

.tpl-sub-column .section-search.only-sp .search-form button[type="submit"] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #22ac38;
  width: 40px;
  height: 100%;
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.3rem;
}

.tpl-sub-column .section-search.only-sp .search-btn {
  font-weight: bold;
  width: 100%;
  font-size: 0;
  margin-top: 10px;
  /* float: right; */
}

.tpl-sub-column .section-search.only-sp .search-btn li {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  margin-left: 0;
  width: 49%;
  font-size: 1.3rem;
}

.tpl-sub-column .section-search.only-sp .search-btn li + li {
  margin-left: 2%;
}

.tpl-sub-column .tpl-btn.large.white a {
  box-shadow: 0 3px #BBBBBB;
}

.tpl-sub-column .section-search.only-sp .search-btn li a {
  text-decoration: none;
  width: 100%;
  height: 40px;
  line-height: 38px;
  text-align: right;
  padding-right: 15px;
}

.tpl-sub-column .section-search.only-sp .search-btn li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.tpl-sub-column .section-search.only-sp .search-btn .map a {
  background: #fff url("/images/top/search-btn-icon-map.png") no-repeat 10px center;
  background-size: 25px auto;
}

.tpl-sub-column .section-search.only-sp .search-btn .area a {
  background: #fff url("/images/top/search-btn-icon-area.png") no-repeat 10px center;
  background-size: 20px auto;
}

.tpl-sub-column .section-search.only-sp .search-form button[type="submit"] span {
  padding-left: 28px;
  background: url(/images/top/search-submit-icon.png) no-repeat center;
}

.tpl-sub-column .section-search.only-sp .search-room {
  clear: both;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 20px;
  overflow: hidden;
  margin-bottom: -10px;
}

.tpl-sub-column .section-search.only-sp .search-room li {
  float: left;
  width: 49%;
  height: 32px;
}

.tpl-sub-column .section-search.only-sp .search-room li:nth-child(even) {
  margin-left: 2%;
}

.tpl-sub-column .section-search.only-sp .search-room li:nth-child(n+3) {
  margin-top: 3%;
}

.tpl-sub-column .section-search.only-sp .search-room li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 30px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.4rem;
}

.tpl-sub-column .section-search.only-sp .search-room .tpl-btn.small.white a {
  box-shadow: 0 1px #BBBBBB;
}

.tpl-sub-column .section-search.only-sp .search-room li a::before,
.tpl-sub-column .section-search.only-sp .search-room li a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
}

@media only screen and (max-width: 374px) {
  .tpl-sub-column .section-search.only-sp .search-form input[type="text"] {
    font-size: 1.1rem;
  }

  .tpl-sub-column .section-search.only-sp .search-btn li a {
    font-size: 1.2rem;
    padding-left: 10px;
  }

  .tpl-sub-column .section-search.only-sp .search-btn .map a {
    background-size: 18px auto;
  }

  .tpl-sub-column .section-search.only-sp .search-btn .area a {
    background-size: 14px auto;
  }
}
.juken-top .serial a.link-blue span {
  display: block;
}

.juken-top .serial a.link-blue span.ttl {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 5px;
}

@media only screen and (max-width: 374px) {
  .juken-top .serial a.link-blue span.ttl {
    font-size: 14px;
    font-weight: bold;
  }
}
/* .course-list
-----------------------------------*/
.course-list {
  margin-top: 30px;
}

.course-list .qua-age {
  font-size: 1.4rem;
  font-weight: 700;
}

@media only screen and (max-width: 639px) {
  .juken-top .main-container .course-list .qua-age {
    font-size: 10px;
    line-height: 1;
  }
}
.course-list .qua-age .label {
  font-size: 1.4rem;
  font-weight: normal;
}

.course-list .tpl-col-2 .qua-age .label {
  margin-right: 2px;
}

@media only screen and (max-width: 639px) {
  .course-list .qua-age .label {
    margin-right: 0;
  }

  .course-list .tpl-col-2 .qua-age .label {
    margin-right: 1px;
  }
}
.course-list .qua-age .mar-txt {
  margin-left: 10px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 374px) {
  .course-list .qua-age .mar-txt {
    display: block;
    margin: 10px 0 0;
  }
}
.course-list .tpl-col-2 .qua-age .mar-txt {
  font-size: 1.2rem;
}

@media only screen and (max-width: 639px) {
  .course-list .qua-age,
  .course-list .qua-age .label,
  .course-list .des {
    font-size: 1rem;
  }

  .juken-top .course-item .tpl-base-btn {
    margin-top: 13px;
  }

  .juken-top .main-container .course-item .des {
    margin-top: 10px;
    font-size: 10px;
  }
}
.juken-top .course-item {
  border-top: dotted 1px #b2b2b2;
  padding: 30px 0;
}

.juken-top .course-item:last-child {
  border-bottom: dotted 1px #b2b2b2;
}

.juken-top .course-item .inner-left {
  width: 570px;
}

.juken-top .tpl-col-2 .col-box .inner-left {
  margin-right: 15px;
  width: 150px;
}

.juken-top .tpl-col-2 .col-box .inner-left figure img {
  width: 100%;
}

.juken-top .course-item .inner-right {
  width: 300px;
  margin-top: -45px;
}

.juken-top .course-item .ttl {
  color: #22ac38;
  font-size: 2.8rem;
  margin-bottom: 10px;
}

.juken-top .course-item .ttl span {
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  color: #333;
  vertical-align: 5px;
  margin-left: 10px;
}

.juken-top .course-item .ttl a {
  color: #22ac38;
  text-decoration: none;
}

.juken-top .course-item .ttl a:hover {
  opacity: 0.7;
}

.juken-top .course-item .des {
  margin-top: 10px;
}

.juken-top .course-item .tpl-base-btn {
  margin-top: 18px;
}

@media only screen and (max-width: 639px) {
  .course-list {
    /* margin-top: 20px; */
  }

  .juken-top .course-item {
    padding: 20px 0 25px;
  }

  .juken-top .course-list .course-item:last-child .qua-age .mar-txt {
    display: block;
    margin: 10px 0 0;
  }

  .juken-top .course-item .inner-left {
    width: 48%;
  }

  .juken-top .course-item .inner-right {
    width: 48%;
    margin-top: 0;
  }

  .juken-top .course-item .ttl {
    font-size: 2rem;
    margin-bottom: 15px;
  }

  .juken-top .course-item .ttl span {
    font-size: 1rem;
    vertical-align: middle;
  }

  .juken-top .course-item .ttl a {
    color: #22ac38;
    text-decoration: none;
  }

  .juken-top .course-item .ttl a:hover {
    opacity: 0.7;
  }

  .juken-top .course-item .tpl-base-btn {
    margin-top: 15px;
  }
}
.course-list .tpl-col-2 {
  margin-top: 30px;
}

.course-list .tpl-col-2 .col-box {
  width: 430px;
}

.course-list .tpl-col-2 .col-box:nth-child(2n) {
  margin-left: 30px;
}

.course-list .tpl-col-2 .ttl {
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 15px;
}

.course-list .tpl-col-2 .ttl span {
  vertical-align: middle;
  font-size: 1.2rem;
}

.course-list .tpl-col-2 .ttl a {
  text-decoration: none;
}

.course-list .tpl-col-2 .ttl a:hover {
  color: #333;
  opacity: 0.7;
}

.course-list .tpl-col-2 .qua-age {
  margin-bottom: 15px;
}

.juken-top .course-list .tpl-col-2 .inner-left {
  width: 100px;
}

.course-list .tpl-col-2 .inner-left p {
  font-size: 1.4rem;
}

.course-list .tpl-col-2 .inner-left a {
  font-size: 1.4rem;
  margin-top: 10px;
  display: inline-block;
}

.course-list .tpl-col-2 .inner-right {
  width: 315px;
}

.course-list .tpl-col-2 .inner-right p,
.course-list .tpl-col-2 .inner-right a {
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .course-list .tpl-col-2 {
    margin-top: 0;
  }

  .course-list .tpl-col-2 .col-box {
    width: 100%;
  }

  .course-list .tpl-col-2 .col-box:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px dotted #B2B2B2;
  }

  .course-list .tpl-col-2 .col-box + .col-box {
    margin-top: 20px;
  }

  .juken-top .course-list .tpl-col-2 .col-box:nth-child(2n) {
    margin-left: 0;
  }

  .course-list .tpl-col-2 .ttl {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }

  .course-list .tpl-col-2 .qua-age {
    margin-bottom: 15px;
  }

  .juken-top .course-list .tpl-col-2 .inner-left {
    width: 30%;
    padding-right: 15px;
    box-sizing: border-box;
    margin-right: 0;
  }

  .course-list .tpl-col-2 .inner-left p {
    width: auto;
    font-size: 1rem;
  }

  .course-list .tpl-col-2 .inner-left a {
    font-size: 1rem;
  }

  .juken-top .course-list .tpl-col-2 .inner-right {
    width: 70%;
    box-sizing: border-box;
  }

  .course-list .tpl-col-2 .inner-right p,
  .course-list .tpl-col-2 .inner-right a {
    font-size: 10px;
  }
}
@media only screen and (max-width: 374px) {
  .juken-top .course-item .tpl-base-btn a {
    font-size: 1rem;
    padding-left: 18px;
  }
}
/* ttl
-----------------------------------*/
.juken-top .tpl-section-ttl {
  font-weight: 700;
  margin-bottom: 25px;
}

.tpl-section-ttl.bd-green {
  border-bottom: solid 3px #22ac38;
  padding-bottom: 15px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media only screen and (max-width: 639px) {
  .juken-top .tpl-section-ttl {
    font-size: 2rem;
  }

  .juken-top .tpl-section-ttl.bd-green {
    border-bottom: solid 2px #22ac38;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
/* .support
-----------------------------------*/
.support .top-content {
  margin-top: 0;
}

.support .col-box .inner-right {
  width: 260px;
}

.support .col-box .ttl {
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.support .col-box a {
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 10px;
}

@media only screen and (max-width: 639px) {
  .support p {
    line-height: 1.5;
  }

  .support .top-content .col-box + .col-box {
    margin-top: 20px;
    margin-left: 0;
    padding-top: 20px;
    border-top: solid 1px #eee;
  }

  .support .col-box:nth-child(2n) {
    margin-left: 0;
  }

  .support .col-box .inner-left {
    width: 75px;
  }

  .support .col-box .inner-right {
    width: calc(100% - 85px);
  }

  .support .col-box .ttl {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  .support .col-box a {
    font-size: 1.3rem;
    display: inline-block;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .juken-top .support .top-content .inner-left {
    width: 30%;
    padding-right: 15px;
    box-sizing: border-box;
    margin-right: 0;
  }

  .juken-top .support .top-content .inner-right {
    width: 70%;
    box-sizing: border-box;
  }

  .juken-top .support .top-content .inner-right p {
    font-size: 13px;
  }
}
.juken-top .main-container .support p {
  line-height: 1.7;
  font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
  .juken-top .main-container .support p {
    font-size: 13px;
  }
}
.support .col-box {
  width: 435px;
}

.juken-top .support .tpl-col-2 .col-box {
  width: 430px;
}

.juken-top .support .tpl-col-2 .col-box:nth-child(2n) {
  margin-left: 30px;
}

@media only screen and (max-width: 639px) {
  .juken-top .support .tpl-col-2 .col-box {
    width: auto;
  }

  .juken-top .support .tpl-col-2 .col-box:nth-child(2n) {
    margin-left: 0;
  }
}
/***********************************
* 受験対策　FAQ  *
***********************************/
/***********************************
* 入塾するには renew  *
***********************************/
/* 共通
-----------------------------------*/
@media only screen and (max-width: 639px) {
  .renew-2016 .nyujuku {
    padding-top: 20px;
  }
}
.renew-2016 .nyujuku h1 {
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.renew-2016 .nyujuku .sec {
  margin-top: 90px;
}

.renew-2016 .nyujuku .sec .sec-title {
  font-size: 38px;
  font-weight: normal;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.3;
}

.renew-2016 .nyujuku .sec .sec-txt {
  font-size: 1.6rem;
  line-height: 1.8;
}

.renew-2016 .nyujuku .sec .box .box-left {
  float: left;
}

.renew-2016 .nyujuku .sec .box .box-right {
  float: left;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku h1 {
    font-size: 29px;
  }

  .renew-2016 .nyujuku .sec {
    margin-top: 46px;
  }

  .renew-2016 .nyujuku .sec .sec-title {
    font-size: 25px;
    margin-bottom: 13px;
  }

  .renew-2016 .nyujuku .sec02 .sec-title {
    margin-bottom: 0;
  }

  .renew-2016 .nyujuku .sec .box .box-left {
    float: none;
    width: 100% !important;
  }

  .renew-2016 .nyujuku .sec .box .box-right {
    float: none;
    width: 100% !important;
  }

  .renew-2016 .nyujuku .sec .sec-txt {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
/* sec01*/
.renew-2016 .nyujuku .sec01 .box .box-left {
  width: 560px;
}

.renew-2016 .nyujuku .sec01 .box .box-right {
  width: 300px;
}

.renew-2016 .nyujuku .sec01 .box .box-right .img,
.renew-2016 .nyujuku .sec01 .box .box-right .img > img {
  max-width: 100%;
}

.renew-2016 .nyujuku .sec01 .box .box-right .img {
  margin-left: 30px;
}

.renew-2016 .nyujuku .sec01 .box .box-left-btn {
  width: 300px;
}

.renew-2016 .nyujuku .sec01 .box .btn-right-txt {
  padding-top: 10px;
}

.renew-2016 .nyujuku .sec01 .box .btn-right-txt p {
  font-size: 12px;
  color: #333;
  line-height: 1.4;
}

.renew-2016 .nyujuku .sec01 .box-btn {
  margin-top: 24px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec01 .box .box-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 15px;
  }

  .renew-2016 .nyujuku .sec01 .box .box-right .img {
    margin-left: 0px;
  }

  .renew-2016 .nyujuku .sec01 .box .btn-right-txt {
    padding: 0;
  }

  .renew-2016 .nyujuku .sec01 .box .btn-right-txt p {
    text-align: center;
  }

  .renew-2016 .nyujuku .sec01 .box-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 20px;
  }
}
/* sec01*/
/* sec02*/
.renew-2016 .nyujuku .sec02 .cont-img {
  margin: 30px auto;
  background-color: #F0F5D7;
  padding: 35px 20px 30px;
}

.renew-2016 .nyujuku .sec02 .cont-img * {
  box-sizing: border-box;
}

.renew-2016 .nyujuku .sec02 .cont-img ul {
  display: table;
  width: 100%;
}

.renew-2016 .nyujuku .sec02 .cont-img ul li {
  display: table-cell;
  vertical-align: top;
  width: 33.3%;
}

.renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dt {
  padding-bottom: 20px;
  height: 138px;
  position: relative;
}

.renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dt img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dd {
  font-size: 1.4rem;
  text-align: center;
}

.renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dd dl {
  line-height: 1.5;
}

.renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dd dt {
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec02 .cont-img {
    padding: 20px 15px;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul {
    display: block;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li {
    display: block;
    width: auto;
    margin-bottom: 25px;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li:last-child {
    margin-bottom: 0;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li > dl {
    overflow: hidden;
    width: 100%;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li > dl > * {
    width: 50%;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dt {
    height: auto;
    float: right;
    padding-left: 10px;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dt img {
    width: 100%;
    position: static;
  }

  .renew-2016 .nyujuku .sec02 .cont-img ul li > dl > dd {
    float: left;
    padding-right: 10px;
    text-align: left;
    font-size: 1.3rem;
  }
}
.renew-2016 .nyujuku .sec02 .btn-area {
  width: 100%;
  text-align: center;
}

.renew-2016 .nyujuku .sec02 .btn-area .tpl-base-btn {
  width: 600px;
  margin: 0 auto;
}

.renew-2016 .nyujuku .sec02 .btn-area .tpl-base-btn a {
  width: 600px;
  background-color: #cc0000;
  border: 1px solid #cc0000;
  box-shadow: 0 3px #8d0f0f;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 640px) {
  .renew-2016 .nyujuku .sec02 .btn-area .tpl-base-btn a:hover {
    background-color: #fff;
    color: #cc0000;
    box-shadow: 0 1px #8d0f0f;
  }

  .renew-2016 .nyujuku .sec02 .btn-area .tpl-base-btn a:hover:before {
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
  }
}
.renew-2016 .nyujuku .sec02 .txt {
  margin-top: 17px;
}

.renew-2016 .nyujuku .sec02 .txt p {
  color: #d53838;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec02 .cont-img {
    margin: 14px auto 20px;
  }

  .renew-2016 .nyujuku .sec02 .btn-area {
    width: 100%;
    text-align: center;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .renew-2016 .nyujuku .sec02 .btn-area .tpl-base-btn {
    width: 100%;
    margin: 0 auto;
  }

  .renew-2016 .nyujuku .sec02 .btn-area .tpl-base-btn a {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .renew-2016 .nyujuku .sec02 .txt {
    margin-top: 10px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .renew-2016 .nyujuku .sec02 .txt p {
    font-size: 13px;
    line-height: 1.4;
  }
}
/* sec02*/
/* sec03*/
.renew-2016 .nyujuku .sec03 .box-btn {
  margin-top: 24px;
}

.renew-2016 .nyujuku .sec03 .box .btn-right-txt p {
  font-size: 12px;
  color: #333;
  line-height: 1.4;
}

.renew-2016 .nyujuku .sec03 .box .box-left-btn {
  width: 300px;
}

.renew-2016 .nyujuku .sec03 .box .btn-right-txt {
  padding-top: 10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec03 .tpl-base-btn a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .renew-2016 .nyujuku .sec03 .box .box-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    margin-top: 15px;
  }

  .renew-2016 .nyujuku .sec03 .box .btn-right-txt p {
    text-align: center;
  }
}
/* sec03*/
/* sec04 */
.renew-2016 .nyujuku .sec04 .col2 {
  margin-top: 24px;
}

.renew-2016 .nyujuku .sec04 .col2 > dl {
  width: 435px;
  background-color: #f0f5d7;
  padding: 35px 0;
  text-align: center;
}

.renew-2016 .nyujuku .sec04 .col2 .col-left {
  float: left;
}

.renew-2016 .nyujuku .sec04 .col2 .col-right {
  float: right;
}

.renew-2016 .nyujuku .sec04 .col2 dl dt {
  font-size: 28px;
  color: #333;
  margin-bottom: 16px;
}

.renew-2016 .nyujuku .sec04 .col2 dl dd.txt {
  margin-bottom: 16px;
}

.renew-2016 .nyujuku .sec04 .col2 dl dd {
  font-size: 14px;
  color: #333;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec04 .col2 {
    margin-top: 14px;
  }

  .renew-2016 .nyujuku .sec04 .col2 > dl {
    width: 100%;
    float: none;
    margin-bottom: 16px;
    padding: 25px 0;
  }

  .renew-2016 .nyujuku.top .sec04 .col2 > dl {
    padding: 25px 15px;
    box-sizing: border-box;
  }

  .renew-2016 .nyujuku .sec04 .col2 .col-right {
    margin-bottom: 0;
  }

  .renew-2016 .nyujuku .sec04 .col2 dl dt {
    font-size: 20px;
  }

  .renew-2016 .nyujuku .sec04 .col2 dl dd {
    font-size: 13px;
  }

  .renew-2016 .nyujuku .sec04 .tpl-base-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
  }
}
/* sec04 */
/* sec05 */
.renew-2016 .nyujuku .sec05 .sec-title span {
  font-size: 28px;
}

.renew-2016 .nyujuku .sec05 .item {
  padding: 38px 30px;
}

.renew-2016 .nyujuku .sec05 .item.odd {
  background-color: #eee;
}

.renew-2016 .nyujuku .sec05 .item dd {
  margin: 0;
}

.renew-2016 .nyujuku .sec05 .item dd > p {
  float: left;
}

.renew-2016 .nyujuku .sec05 .item dd > p.que {
  width: 38px;
  font-size: 24px;
  font-weight: bold;
  color: #22ac38;
}

.renew-2016 .nyujuku .sec05 .item dd > p.txt {
  width: 790px;
}

.renew-2016 .nyujuku .sec05 .item .tlt .txt {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  background: url(/nyujuku/images/sec05-jian.png) no-repeat right top;
  background-size: 20px;
}

.renew-2016 .nyujuku .sec05 .item .ans {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 2px dotted #ccc;
}

.renew-2016 .nyujuku .sec05 .item .ans .txt {
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec05 .sec-title span {
    font-size: 20px;
  }

  .renew-2016 .nyujuku .sec05 .item {
    padding: 30px 15px;
  }

  .renew-2016 .nyujuku .sec05 .item dd > p {
    float: left;
  }

  .renew-2016 .nyujuku .sec05 .item dd > p.que {
    width: 7.93%;
    font-size: 20px;
    line-height: 1.2;
  }

  .renew-2016 .nyujuku .sec05 .item dd > p.txt {
    width: 92%;
  }

  .renew-2016 .nyujuku .sec05 .item .tlt .txt {
    font-size: 20px;
    line-height: 1.4;
    background-position: right 5px;
    background-size: 15px;
  }

  .renew-2016 .nyujuku .sec05 .item .ans {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px dotted #ccc;
  }

  .renew-2016 .nyujuku .sec05 .item .ans .txt {
    font-size: 13px;
  }
}
/* sec05 */
/* sec06 */
.renew-2016 .nyujuku .sec06 {
  padding: 25px 30px;
  border: 5px solid #eee;
  margin-bottom: 100px;
  font-size: 1.6rem;
}

.renew-2016 .nyujuku .sec06 .sec-txt {
  margin-bottom: 10px;
}

.renew-2016 .nyujuku .sec06 .link {
  margin-top: 10px;
  padding-left: 15px;
  background: url(/nyujuku/images/logo-more.png) left center no-repeat;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku .sec06 {
    padding: 18px;
    margin-top: 23px;
    margin-bottom: 60px;
    border: 2px solid #eee;
  }

  .renew-2016 .nyujuku.top .sec06 {
    margin-bottom: 0;
  }

  .renew-2016 .nyujuku .sec06 a {
    font-size: 1rem;
  }
}
/* sec06 */
/* .faq
-----------------------------------*/
.acc-faq dt {
  position: relative;
  cursor: pointer;
  padding: 30px 60px 30px 70px;
  font-size: 2.4rem;
}

@media only screen and (max-width: 639px) {
  .acc-faq dt {
    padding: 30px 40px;
    font-size: 2rem;
  }
}
.acc-faq dt:nth-of-type(odd) {
  background-color: #eee;
}

.acc-faq dt:before {
  content: 'Q';
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -1.3rem;
  color: #22ac38;
  font-size: 2.4rem;
}

@media only screen and (max-width: 639px) {
  .acc-faq dt:before {
    margin-top: -9px;
    left: 15px;
    font-size: 2rem;
  }
}
.chugaku-juken .acc-faq dt:before {
  color: #9e4663;
}

.koukou-juken .acc-faq dt:before {
  color: #2266ac;
}

.acc-faq dt span {
  display: block;
  line-height: 1.5;
}

.acc-faq dt span:before,
.acc-faq dt span:after {
  content: '';
  height: 2px;
  width: 22px;
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  background-color: #22ac38;
}

@media only screen and (max-width: 639px) {
  .acc-faq dt span:before,
  .acc-faq dt span:after {
    width: 15px;
    right: 15px;
  }
}
.chugaku-juken .acc-faq dt span:before,
.chugaku-juken .acc-faq dt span:after {
  background-color: #9E4663;
}

.koukou-juken .acc-faq dt span:before,
.koukou-juken .acc-faq dt span:after {
  background-color: #158ACC;
}

.acc-faq dt span:after {
  height: 22px;
  width: 2px;
  top: 50%;
  margin-top: -10px;
  right: 40px;
}

@media only screen and (max-width: 639px) {
  .acc-faq dt span:after {
    height: 15px;
    right: 21px;
    margin-top: -7px;
  }
}
.acc-faq dt.active span:after {
  display: none;
}

.acc-faq dd {
  display: none;
  font-size: 1.6rem;
}

.acc-faq dd > div {
  padding: 0 30px;
}

@media only screen and (max-width: 639px) {
  .acc-faq dd > div {
    padding: 0 15px;
  }
}
.acc-faq dd > div > div {
  padding: 35px 0px 35px 40px;
  line-height: 1.75;
  position: relative;
  border-top: 2px dotted #CCCCCC;
}

@media only screen and (max-width: 639px) {
  .acc-faq dd > div > div {
    padding: 15px 0 15px 25px;
    font-size: 13px;
  }
}
.acc-faq dt:nth-of-type(odd) + dd > div {
  background-color: #eee;
}

.acc-faq dd > div > div:before {
  content: 'A';
  position: absolute;
  left: 2px;
  top: 38px;
  line-height: 1;
  font-size: 2.4rem;
  color: #22ac38;
}

@media only screen and (max-width: 639px) {
  .acc-faq dd > div > div:before {
    font-size: 2rem;
  }
}
.chugaku-juken .acc-faq dd > div > div:before {
  color: #9e4663;
}

.koukou-juken .acc-faq dd > div > div:before {
  color: #2266ac;
}

.chugaku-juken .acc-faq dd > div > div a {
  color: #9e4663;
}

.koukou-juken .acc-faq dd > div > div a {
  color: #006eb9;
}

/* 学力診断
-----------------------------------*/
.renew-2016 .nyujuku.gakushin h1 span {
  font-size: 4rem;
  color: #cc0000;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .nyujuku.gakushin h1 span {
    font-size: 2rem;
  }
}
/* sec01 */
.renew-2016 .nyujuku.gakushin .sec01 .box {
  margin-top: 7px;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .left {
  width: 560px;
  float: left;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .right {
  width: 300px;
  margin-top: 20px;
  float: right;
}

.renew-2016 .nyujuku.gakushin .sec .sec-title {
  font-size: 38px;
  font-weight: normal;
}

.renew-2016 .nyujuku.gakushin .sec .sec-title span {
  color: #cc0000;
}

.renew-2016 .nyujuku.gakushin .sec .txt {
  font-size: 1.4rem;
  margin-top: 16px;
  line-height: 1.8;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .left .link {
  margin-top: 22px;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .left .link p {
  display: inline-block;
  padding-left: 18px;
  background: url(/nyujuku/images/gakushin/sec01-link.png) no-repeat left 5px;
  background-size: 11px auto;
  margin-right: 30px;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .left .link p a {
  text-decoration: underline;
  font-size: 16px;
  color: #333;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .left .link p a:hover {
  text-decoration: none;
}

.renew-2016 .nyujuku.gakushin .sec01 .box .right img {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec01 .box .right,
  .renew-2016 .nyujuku.gakushin .sec01 .box .left {
    float: none;
    width: 100%;
  }

  .renew-2016 .nyujuku.gakushin .sec01 .box .right {
    margin-top: 30px;
  }

  .renew-2016 .nyujuku.gakushin .sec01 .btn-area {
    margin-top: 20px;
  }

  .renew-2016 .nyujuku.gakushin .sec01 .box .right,
  .renew-2016 .nyujuku.gakushin .sec01 .btn-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }

  .renew-2016 .nyujuku.gakushin .sec .sec-title {
    font-size: 25px;
    line-height: 1.2;
  }

  .renew-2016 .nyujuku.gakushin .sec .txt {
    font-size: 12px;
    margin-top: 0;
  }

  .renew-2016 .nyujuku.gakushin .sec01 .box .left .link p {
    margin-right: 10px;
    background-size: 10px;
    margin-bottom: 25px;
  }

  .renew-2016 .nyujuku.gakushin .sec01 .box .left .link p:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }

  .renew-2016 .nyujuku.gakushin .sec01 .box .left .link p a {
    font-size: 13px;
  }

  .renew-2016 .nyujuku.gakushin .sec01 {
    margin-top: 50px;
  }
}
/* sec01 */
/* sec02 */
.renew-2016 .nyujuku.gakushin .sec02 .item {
  padding: 40px 0 34px 0;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .nyujuku.gakushin .sec02 .item01 {
  margin-top: 20px;
}

.renew-2016 .nyujuku.gakushin .sec02 .item-title {
  font-size: 28px;
  color: #22ac38;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec02 .item {
    padding: 15px 0;
  }

  .renew-2016 .nyujuku.gakushin .sec02 .item .txt {
    margin-top: 10px;
    padding-left: 0;
  }

  .renew-2016 .nyujuku.gakushin .sec02 .item01 {
    margin-top: 2px;
  }

  .renew-2016 .nyujuku.gakushin .sec02 .item-title {
    font-size: 20px;
    line-height: 1.5;
  }
}
/* sec02 */
/* sec03 */
.renew-2016 .nyujuku.gakushin .sec03 .content-box {
  border-top: 1px solid #d6d6d6;
  width: 100%;
  margin-top: 30px;
}

.renew-2016 .nyujuku.gakushin .sec03 .table {
  display: table;
  width: 100%;
}

.renew-2016 .nyujuku.gakushin .sec03 .table .td {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  font-size: 14px;
  line-height: 1.6;
}

.renew-2016 .nyujuku.gakushin .sec03 .table .td:first-child {
  width: 14.0%;
  background-color: #eee;
  font-weight: bold;
  color: #333;
}

.renew-2016 .nyujuku.gakushin .sec03 .table .td.fix {
  padding: 0;
  border: 0 none;
}

.renew-2016 .nyujuku.gakushin .sec03 .table .td.fix-border {
  border-right: 0 none;
}

.renew-2016 .nyujuku.gakushin .sec03 .table .td.fix-bg {
  background-color: #f3f3f3;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec03 .content-box {
    margin-top: 20px;
  }

  .renew-2016 .nyujuku.gakushin .sec03 .table .td {
    font-size: 13px;
    padding: 4%;
  }

  .renew-2016 .nyujuku.gakushin .sec03 .table .td:first-child {
    width: 16.49%;
    text-align: center;
  }

  .renew-2016 .nyujuku.gakushin .sec03 .table .td.fix-bg {
    width: 22%;
  }
}
/* sec03 */
/* sec04 */
.renew-2016 .nyujuku.gakushin .sec04 .item-step {
  padding: 40px 0;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .des {
  font-size: 16px;
  color: #333;
  line-height: 1.75;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .step-tlt {
  font-size: 28px;
  color: #22ac38;
  margin-bottom: 20px;
  line-height: 1.4;
  overflow: hidden;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .step-tlt span {
  float: left;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .step-tlt .step {
  color: #fff;
  font-weight: bold;
  background-color: #22ac38;
  font-size: 16px;
  padding: 3px 10px;
  margin-right: 10px;
  margin-top: 6px;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .left {
  width: 560px;
  float: left;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .right {
  width: 300px;
  float: right;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step .right img {
  max-width: 100%;
}

.renew-2016 .nyujuku.gakushin .sec04 .item01 {
  margin-top: 20px;
}

.renew-2016 .nyujuku.gakushin .sec04 .item-step:last-child {
  border-bottom: 0 none;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec04 .only-sp {
    display: inline-block;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step {
    padding: 30px 0;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step.item01 {
    padding: 0 0 30px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step .step-tlt span {
    display: inline-block !important;
    width: auto;
    float: none;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step .left {
    width: 56.5%;
    padding-right: 5px;
    box-sizing: border-box;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step .right {
    width: 43.4%;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step .step-tlt .step {
    font-size: 10px;
    display: inline-block;
    margin-bottom: 6px;
    padding: 3px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step .step-tlt {
    font-size: 20px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item-step .des {
    font-size: 13px;
    margin-top: 10px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item01 {
    margin-top: 0;
  }
}
/* item-strp btns*/
/* item01 */
.renew-2016 .nyujuku.gakushin .sec04 .item01 .btns {
  margin-top: 30px;
  text-align: center;
  background-color: #f0f5d7;
  padding: 23px 0 30px 0;
}

.renew-2016 .nyujuku.gakushin .sec04 .item01 .btns .btn-area {
  background-color: transparent;
}

.renew-2016 .nyujuku.gakushin .sec04 .item01 .btns .btn-area .red {
  display: inline-block;
  margin: 15px 25px 0;
}

@media screen and (min-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec04 .item01 .btns .btn-area .red a:hover:before {
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
  }
}
@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec04 .item01 .btns {
    padding: 17px 15px 20px 15px;
    margin-top: 16px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item01 .btns .txt {
    margin-top: 0;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item01 .btns .btn-area .red {
    display: block;
    margin: 0;
    margin-top: 15px;
  }
}
/* item01 */
.renew-2016 .nyujuku.gakushin .sec04 .item04 .report {
  margin-top: 30px;
}

.renew-2016 .nyujuku.gakushin .sec04 .item04 .report .left {
  width: 240px;
}

.renew-2016 .nyujuku.gakushin .sec04 .item04 .report .right {
  width: 630px;
}

.renew-2016 .nyujuku.gakushin .sec04 .item04 .report .tlt {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.renew-2016 .nyujuku.gakushin .sec04 .item04 .report .txt {
  line-height: 1.6;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec04 .item04 .report .left {
    width: 34.78%;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item04 .report .left img {
    max-width: 100%;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item04 .report .right {
    width: 62%;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item04 .report .tlt {
    font-size: 13px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item04 .report .txt {
    margin-top: 4px;
  }
}
.renew-2016 .nyujuku.gakushin .sec04 .item07 .bt {
  text-align: center;
  margin-top: 40px;
}

.renew-2016 .nyujuku.gakushin .sec04 .item07 .bt a {
  width: 600px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec04 .item07 .bt a:hover:before {
    border-top: 2px solid #c00;
    border-right: 2px solid #c00;
  }
}
@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.gakushin .sec04 .item07 {
    margin-top: 0;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item07 .bt {
    margin-top: 0px;
  }

  .renew-2016 .nyujuku.gakushin .sec04 .item07 .bt a {
    width: 100%;
  }
}
/* sec04 */
.renew-2016 .nyujuku.taiken .sec01 .box .left {
  width: 560px;
  float: left;
}

.renew-2016 .nyujuku.taiken .sec01 .box .right {
  width: 300px;
  float: right;
}

.renew-2016 .nyujuku.taiken .sec .sec-title {
  font-size: 38px;
  font-weight: normal;
}

.renew-2016 .nyujuku.taiken .sec .sec-title span {
  color: #cc0000;
}

.renew-2016 .nyujuku.taiken .sec .txt {
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.8;
}

.renew-2016 .nyujuku.taiken .sec01 .box .left .link {
  margin-top: 22px;
}

.renew-2016 .nyujuku.taiken .sec01 .box .left .link p {
  display: inline-block;
  padding-left: 18px;
  background: url(/nyujuku/images/taiken/sec01-link.png) no-repeat left 5px;
  background-size: 11px auto;
  margin-right: 30px;
}

.renew-2016 .nyujuku.taiken .sec01 .box .left .link p a {
  text-decoration: underline;
  font-size: 16px;
  color: #333;
}

.renew-2016 .nyujuku.taiken .sec01 .box .left .link p a:hover {
  text-decoration: none;
}

.renew-2016 .nyujuku.taiken .sec01 .box .right img {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec01 .box .right,
  .renew-2016 .nyujuku.taiken .sec01 .box .left {
    float: none;
    width: 100%;
  }

  .renew-2016 .nyujuku.taiken .sec01 .box .right {
    margin-top: 30px;
  }

  .renew-2016 .nyujuku.taiken .sec01 .btn-area {
    margin-top: 20px;
  }

  .renew-2016 .nyujuku.taiken .sec01 .box .right,
  .renew-2016 .nyujuku.taiken .sec01 .btn-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }

  .renew-2016 .nyujuku.taiken .sec .sec-title {
    font-size: 25px;
  }

  .renew-2016 .nyujuku.taiken .sec .txt {
    font-size: 13px;
  }

  .renew-2016 .nyujuku.taiken .sec01 .box .left .link p {
    margin-right: 10px;
    background-size: 10px;
  }

  .renew-2016 .nyujuku.taiken .sec01 .box .left .link p:last-child {
    margin-right: 0;
  }

  .renew-2016 .nyujuku.taiken .sec01 .box .left .link p a {
    font-size: 13px;
  }
}
/* btn-area */
.renew-2016 .nyujuku.taiken .btn-area {
  text-align: center;
  margin-top: 40px;
}

.renew-2016 .nyujuku.taiken .btn-area .tpl-base-btn a {
  width: 600px;
  background-color: #cc0000;
  border-color: #cc0000;
  box-shadow: 0 3px #8d0f0f;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .btn-area .tpl-base-btn a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 640px) {
  .renew-2016 .nyujuku.taiken .btn-area .tpl-base-btn a:hover {
    background-color: #fff;
    color: #cc0000;
    box-shadow: 0 1px #8d0f0f;
  }

  .renew-2016 .nyujuku.taiken .btn-area .tpl-base-btn a:hover:before {
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
  }
}
@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .btn-area .tpl-base-btn a {
    width: 100%;
  }
}
/* btn-area */
/* sec02 */
.renew-2016 .nyujuku.taiken .sec02 .item {
  padding: 40px 0 34px 0;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .nyujuku.taiken .sec02 .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.renew-2016 .nyujuku .sec02 .txt {
  padding-left: 0;
  padding-right: 0;
}

.renew-2016 .nyujuku.taiken .sec02 .item-title {
  font-size: 28px;
  color: #22ac38;
  line-height: 1.5;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec02 .item {
    padding: 22px 0 24px 0;
  }

  .renew-2016 .nyujuku.taiken .sec02 .item .txt {
    margin-top: 10px;
  }

  .renew-2016 .nyujuku.taiken .sec02 .item01 {
    margin-top: 2px;
  }

  .renew-2016 .nyujuku.taiken .sec02 .item-title {
    font-size: 20px;
    line-height: 1.5;
  }
}
/* sec02 */
/* sec03 */
.renew-2016 .nyujuku.taiken .sec03 .item {
  border: 5px solid #eee;
  padding: 40px 45px;
  margin-top: 30px;
}

.renew-2016 .nyujuku.taiken .sec03 .item .item-tlt {
  font-size: 28px;
  color: #22ac38;
  font-weight: normal;
}

.renew-2016 .nyujuku.taiken .sec03 .item .txt span.color {
  color: #cc0000;
}

.renew-2016 .nyujuku.taiken .sec03 .item .left {
  float: left;
}

.renew-2016 .nyujuku.taiken .sec03 .item .right {
  float: right;
  max-width: 220px;
  margin-top: -30px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec03 .item {
    border-width: 3px;
    padding: 19px 20px;
    margin-top: 20px;
  }

  .renew-2016 .nyujuku.taiken .sec03 .item .item-tlt {
    font-size: 20px;
  }

  .renew-2016 .nyujuku.taiken .sec03 .item .txt {
    font-size: 10px !important;
  }

  .renew-2016 .nyujuku.taiken .sec03 .item .left {
    width: 65%;
  }

  .renew-2016 .nyujuku.taiken .sec03 .item .right {
    width: 31.8%;
    margin-top: 18px;
  }

  .renew-2016 .nyujuku.taiken .sec03 .item .right img {
    max-width: 100%;
  }
}
/* sec03 */
/* sec04 */
.renew-2016 .nyujuku.taiken .sec04 .item-step {
  padding: 40px 0;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step.item01 {
  padding: 20px 0 40px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item-step.item01 {
    padding: 0 0 30px;
  }
}
.renew-2016 .nyujuku.taiken .sec04 .item-step .des {
  font-size: 16px;
  color: #333;
  line-height: 1.75;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .step-tlt {
  font-size: 28px;
  color: #22ac38;
  margin-bottom: 20px;
  line-height: 1.4;
  overflow: hidden;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .step-tlt span {
  float: left;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .step-tlt .step {
  color: #fff;
  font-weight: bold;
  background-color: #22ac38;
  font-size: 16px;
  padding: 3px 10px;
  margin-right: 10px;
  margin-top: 6px;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .left {
  width: 560px;
  float: left;
  box-sizing: border-box;
  padding-right: 10px;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .right {
  width: 300px;
  float: right;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .right img {
  max-width: 100%;
}

.renew-2016 .nyujuku.taiken .sec04 .item01 {
  margin-top: 20px;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step:last-child {
  border-bottom: 0 none;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .only-sp {
    display: inline-block;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step {
    padding: 30px 0;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .step-tlt span {
    display: inline-block !important;
    width: auto;
    float: none;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .left {
    width: 56.5%;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .right {
    width: 43.4%;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .step-tlt .step {
    font-size: 10px;
    display: inline-block;
    margin-bottom: 6px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .step-tlt {
    font-size: 20px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .des {
    font-size: 13px;
    margin-top: 10px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item01 {
    margin-top: 0;
  }
}
/* item-strp btns*/
.tpl-base-btn.red a {
  background-color: #cc0000;
  border: 1px solid #cc0000;
  box-shadow: 0 3px #8d0f0f;
}

@media screen and (min-width: 640px) {
  .tpl-base-btn.red a:hover {
    background-color: #fff;
    color: #cc0000;
    box-shadow: 0 1px #8d0f0f;
  }
}
.renew-2016 .nyujuku.taiken .sec04 .item-step .btns {
  margin-top: 30px;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn {
  width: 434px;
  background-color: #f0f5d7;
  padding: 40px 0;
  font-weight: normal;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn-left {
  float: left;
}

@media screen and (min-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn-left .tpl-base-btn a:hover::before {
    border-top: 2px solid #c00;
    border-right: 2px solid #c00;
  }
}
.renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn-right {
  float: right;
}

.renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn .txt {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin-top: -5px;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item-step .btns {
    margin-top: 14px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn {
    float: none;
    width: 100%;
    padding: 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn-left {
    margin-bottom: 15px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item-step .btns .btn .txt {
    font-size: 12px;
  }
}
/* item-strp btns*/
/* item03 */
.renew-2016 .nyujuku.taiken .sec04 .item03 .link {
  margin-top: 23px;
}

.renew-2016 .nyujuku.taiken .sec04 .item03 .link a {
  display: inline-block;
  font-size: 16px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item03 .link {
    margin-top: 15px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item03 .link a {
    font-size: 13px;
  }
}
/* item03 */
/* item05 */
.renew-2016 .nyujuku.taiken .sec04 .item05 .box {
  border: 5px solid #eee;
  padding: 40px;
  margin-top: 30px;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .box-tlt {
  font-size: 28px;
  color: #333;
  font-weight: 500;
  text-align: center;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list {
  margin-top: 40px;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list dt,
.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list dd {
  font-size: 16px;
  line-height: 2;
  color: #333;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list dt {
  font-weight: bold;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list .left {
  float: left;
  width: 62.9%;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list .right {
  float: right;
  width: 240px;
}

.renew-2016 .nyujuku.taiken .sec04 .item05 .box .list .right img {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item05 .box {
    border-width: 3px;
    padding: 17px 20px;
    margin-top: 19px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item05 .box .box-tlt {
    font-size: 17px;
    line-height: 1.6;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item05 .box .list dt,
  .renew-2016 .nyujuku.taiken .sec04 .item05 .box .list dd {
    font-size: 10px;
    line-height: 1.8;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item05 .box .list .left {
    width: 57%;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item05 .box .list .right {
    width: 39%;
    margin-top: 5px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item05 .box .list {
    margin-top: 20px;
  }
}
/* item05 */
.renew-2016 .nyujuku.taiken .sec04 .item06 .bt {
  text-align: center;
  margin-top: 74px;
}

.renew-2016 .nyujuku.taiken .sec04 .item06 .bt a {
  width: 600px;
}

@media screen and (min-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item06 .bt a:hover:before {
    border-top: 2px solid #c00;
    border-right: 2px solid #c00;
  }
}
@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.taiken .sec04 .item06 .bt {
    margin-top: 44px;
  }

  .renew-2016 .nyujuku.taiken .sec04 .item06 .bt a {
    width: 100%;
  }
}
/* sec04 */
.renew-2016 .nyujuku.tokuten .sec-inner {
  margin-top: 93px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .sec-tlt {
  font-size: 38px;
  color: #333;
  font-weight: normal;
}

.renew-2016 .nyujuku.tokuten .sec-inner .txt {
  font-size: 16px;
  color: #333;
  margin-top: 25px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .sec02 {
  margin-top: 20px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .sec01 .box {
  width: 436px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .sec01 .left {
  float: left;
}

.renew-2016 .nyujuku.tokuten .sec-inner .sec01 .right {
  float: right;
}

.renew-2016 .nyujuku.tokuten .sec-inner .sec01 {
  margin-top: 30px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .last-sec {
  text-align: center;
  margin: 60px auto 100px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .last-sec a {
  width: 600px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .p-nyujuku-row {
  padding-top: 30px;
}

.renew-2016 .nyujuku.tokuten .sec-inner .p-nyujuku-row .col2:last-child {
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .nyujuku.tokuten .sec-inner .sec01 .left,
  .renew-2016 .nyujuku.tokuten .sec-inner .sec01 .right {
    float: none;
    width: 100%;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner {
    margin-top: 43px;
  }

  .renew-2016 .nyujuku.tokuten h1 {
    font-size: 29px;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner .sec-tlt {
    font-size: 25px;
    line-height: 1.4;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner .txt {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.5;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner .last-sec a {
    width: 100%;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner .sec01 .box {
    margin-bottom: 14px;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner .sec02 {
    margin-top: 0;
  }

  .renew-2016 .nyujuku.tokuten .sec-inner .last-sec {
    margin: 30px auto;
  }
}
/* 勉強の仕方がうまくなる栄光メソッド */
.renew-2016 .about.system .section {
  padding-bottom: 75px;
  border-bottom: 1px dotted #B2B2B2;
  margin-bottom: 40px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section {
    padding-bottom: 35px;
    margin-bottom: 20px;
  }
}
.renew-2016 .about.system .section-01 {
  padding-bottom: 30px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-01 {
    margin: 0 -15px;
    border-bottom: none;
  }
}
.renew-2016 .about.system .section-03 {
  margin-bottom: 60px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-03 {
    margin-bottom: 30px;
  }
}
.renew-2016 .about.system .section-04 {
  margin-bottom: 60px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-04 {
    margin-bottom: 30px;
  }
}
.renew-2016 .about.system .section-05 {
  border-bottom: none;
  margin-bottom: 0;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-05 {
    padding-bottom: 0;
  }
}
.renew-2016 .about.system .about-system-intro {
  overflow: hidden;
  margin-bottom: 75px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-intro {
    margin-bottom: 30px;
  }
}
.renew-2016 .about.system .about-system-intro .p-about__style-lead01 {
  width: 430px;
  float: left;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-intro .p-about__style-lead01 {
    width: auto;
    float: none;
    padding: 0;
    font-size: 13px;
    margin-bottom: 25px;
  }
}
.renew-2016 .about.system .about-system-intro .p-about__style-lead01 strong {
  font-weight: normal;
  background-color: #FFF100;
}

.renew-2016 .about.system .about-system-intro .about-system-intro-img {
  float: right;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-intro .about-system-intro-img {
    float: none;
    padding: 0 15px;
  }

  .renew-2016 .about.system .about-system-intro .about-system-intro-img img {
    width: 100%;
  }
}
.renew-2016 .about.system .about-system-flow {
  height: 880px;
  padding: 40px 30px;
  box-sizing: border-box;
  position: relative;
  background: #F0F5D7 url(/about/images/system/flow-arrow.png) no-repeat 146px 155px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow {
    padding: 15px;
    text-align: center;
    background: #F0F5D7;
    height: auto;
  }
}
.renew-2016 .about.system .about-system-flow-label {
  position: absolute;
  top: 45px;
  left: 610px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-label {
    position: static;
    display: inline-block;
    margin-bottom: 15px;
  }
}
.renew-2016 .about.system .about-system-flow-label li {
  font-size: 1.2rem;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding-left: 25px;
  padding-bottom: 7px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-label li {
    display: inline-block;
    margin: 0 5px;
    font-size: 1.3rem;
  }
}
.renew-2016 .about.system .about-system-flow-label li:nth-child(1) {
  background: url(/about/images/system/flow-icon-01.png) no-repeat;
  background-size: 17px auto;
}

.renew-2016 .about.system .about-system-flow-label li:nth-child(2) {
  background: url(/about/images/system/flow-icon-02.png) no-repeat;
  background-size: 17px auto;
}

.renew-2016 .about.system .about-system-flow-panel-wrap {
  position: relative;
  height: 100%;
}

.renew-2016 .about.system .about-system-flow-panel {
  background: #fff;
  box-sizing: border-box;
  width: 250px;
  height: 347px;
  padding: 20px 10px;
  border-radius: 3px;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-panel {
    width: auto;
    height: auto;
    position: static;
    margin-bottom: 15px;
  }
}
.renew-2016 .about.system .about-system-flow-panel:nth-child(3) {
  height: 390px;
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(2) {
  top: 0;
  left: 293px;
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(3) {
  top: 205px;
  right: 0;
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(4) {
  top: 440px;
  left: 293px;
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(5) {
  top: 440px;
  left: 0;
}

.renew-2016 .about.system .about-system-flow-panel-inner {
  position: relative;
}

.renew-2016 .about.system .about-system-flow-panel .about-system-flow-panel-inner::before {
  width: 34px;
  height: 48px;
  position: absolute;
  top: -23px;
  left: 2px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-panel .about-system-flow-panel-inner::before {
    width: 46px;
    height: 67px;
    font-size: 25px;
    padding-top: 15px;
    padding-right: 2px;
    left: 0;
  }
}
.renew-2016 .about.system .about-system-flow-panel:nth-child(1) .about-system-flow-panel-inner::before {
  content: "1";
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(2) .about-system-flow-panel-inner::before {
  content: "2";
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(3) .about-system-flow-panel-inner::before {
  content: "3";
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(4) .about-system-flow-panel-inner::before {
  content: "4";
}

.renew-2016 .about.system .about-system-flow-panel:nth-child(5) .about-system-flow-panel-inner::before {
  content: "5";
}

.renew-2016 .about.system .about-system-flow-panel.red .about-system-flow-panel-inner::before {
  background: url(/about/images/system/flow-icon-01.png) no-repeat;
  background-size: contain;
}

.renew-2016 .about.system .about-system-flow-panel.green .about-system-flow-panel-inner::before {
  background: url(/about/images/system/flow-icon-02.png) no-repeat;
  background-size: contain;
}

.renew-2016 .about.system .about-system-flow-panel-inner > h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 15px;
  color: #333333;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-panel-inner > h2 {
    margin-bottom: 30px;
  }
}
.renew-2016 .about.system .about-system-flow-panel-lead {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #333333;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-panel-lead {
    width: 50%;
    float: left;
    text-align: left;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
.renew-2016 .about.system .about-system-flow-panel-img {
  margin-bottom: 25px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-panel-img {
    width: 50%;
    float: right;
    margin-bottom: 10px;
  }

  .renew-2016 .about.system .about-system-flow-panel-img img {
    width: 100%;
  }
}
.renew-2016 .about.system .about-system-flow-panel-inner > dl {
  font-size: 1.1rem;
  line-height: 1.5;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .about-system-flow-panel-inner > dl {
    clear: both;
    float: left;
    text-align: left;
  }
}
.renew-2016 .about.system .about-system-flow-panel.red .about-system-flow-panel-inner > dl > dt {
  color: #D75E94;
}

.renew-2016 .about.system .about-system-flow-panel.green .about-system-flow-panel-inner > dl > dt {
  color: #22ac38;
}

.renew-2016 .about.system .about-system-flow-panel-inner > dl > dd {
  padding-left: 1em;
  color: #333333;
}

.renew-2016 .about.system .about-system-flow-panel-inner > dl > dd dt {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  line-height: 1.3;
}

.renew-2016 .about.system .about-system-flow-panel-inner > dl > dd dd {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.renew-2016 .about.system .about-system-flow-panel-inner > dl > dd dd::before,
.renew-2016 .about.system .about-system-flow-panel-inner > dl > dd dd::after {
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.renew-2016 .about.system .about-system-flow-panel-inner > dl > dd dd::before {
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.renew-2016 .about.system .about-system-flow-panel.red .about-system-flow-panel-inner > dl > dd dd::before {
  border-top: 2px solid #D75E94;
  border-right: 2px solid #D75E94;
}

.renew-2016 .about.system .about-system-flow-panel.green .about-system-flow-panel-inner > dl > dd dd::before {
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
}

.renew-2016 .about.system .section-02-intro {
  overflow: hidden;
  margin-bottom: 60px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-intro {
    margin-bottom: 25px;
  }
}
.renew-2016 .about.system .section-02-intro-left {
  float: left;
  width: 510px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-intro-left {
    float: none;
    width: auto;
  }
}
.renew-2016 .about.system .section-ttl {
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-ttl {
    font-size: 25px;
  }

  .renew-2016 .about.system .section-02 .section-ttl {
    margin-bottom: 25px;
  }

  .renew-2016 .about.system .section-ttl small {
    font-size: 16px;
  }
}
.renew-2016 .about.system .section-lead {
  font-size: 1.6rem;
  line-height: 1.75;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-lead {
    font-size: 13px;
  }
}
.renew-2016 .about.system .section-02-intro-right {
  float: right;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-intro-right {
    float: none;
  }

  .renew-2016 .about.system .section-02-intro-right img {
    width: 100%;
    margin-bottom: 25px;
  }
}
.renew-2016 .about.system .section-02-body {
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body {
    overflow: visible;
  }
}
.renew-2016 .about.system .section-sub-ttl {
  font-size: 2.8rem;
  color: #22ac38;
  font-weight: normal;
  margin-bottom: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-sub-ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.renew-2016 .about.system .section-sub-ttl + .section-lead {
  margin-bottom: 30px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-sub-ttl + .section-lead {
    margin-bottom: 15px;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-img {
  float: left;
  width: 412px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-img {
    float: none;
    width: auto;
    padding: 0 25px 15px;
  }

  .renew-2016 .about.system .section-02-body .section-02-body-img img {
    width: 100%;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt {
  width: 450px;
  box-sizing: border-box;
  float: right;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-txt {
    width: auto;
    float: none;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt ol {
  font-size: 1.4rem;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-txt ol {
    font-size: 13px;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt ol li {
  margin-bottom: 30px;
  padding-left: 35px;
  position: relative;
}
.renew-2016 .about.system .section-02-body .section-02-body-txt ol li dl {
  color: #333;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-txt ol li {
    padding-left: 30px;
    margin-bottom: 15px;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt ol li:before {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  position: absolute;
  top: -5px;
  left: 0;
  border-radius: 50%;
  text-align: center;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-txt ol li:before {
    top: 0;
    font-size: 12px;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt ol li.red:before {
  background-color: #CC0000;
}

.renew-2016 .about.system .section-02-body .section-02-body-txt ol li.green:before {
  background-color: #22ac38;
}

.renew-2016 .about.system .section-02-body .section-02-body-txt ol li:nth-child(1):before {
  content: "1";
}

.renew-2016 .about.system .section-02-body .section-02-body-txt ol li:nth-child(2):before {
  content: "2";
}

.renew-2016 .about.system .section-02-body .section-02-body-txt ol li:nth-child(3):before {
  content: "3";
}

.renew-2016 .about.system .section-02-body .section-02-body-txt ol dt {
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-txt ol dt {
    margin-bottom: 5px;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt .tpl-base-btn {
  left: 35px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-02-body .section-02-body-txt .tpl-base-btn {
    left: 30px;
  }
}
.renew-2016 .about.system .section-02-body .section-02-body-txt .tpl-base-btn a {
  padding: 10px;
  width: 160px;
}

.renew-2016 .about.system .section-02-body .section-02-body-txt .tpl-base-btn a::before {
  right: 10px;
}

.renew-2016 .about.system .section-03-intro {
  overflow: hidden;
}

.renew-2016 .about.system .section-03-intro img {
  display: inline-block;
}

.renew-2016 .about.system .section-03-intro-left {
  float: left;
  width: 55%;
  padding-right: 80px;
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-03-intro-left {
    float: none;
    width: auto;
    padding-right: 0;
    padding-bottom: 35px;
    border-bottom: 1px dotted #B2B2B2;
    margin-bottom: 20px;
  }

  .renew-2016 .about.system .section-03-intro-left .section-lead.only-pc + div {
    text-align: center;
    margin-bottom: 20px;
  }
}
.renew-2016 .about.system .section-03-intro-right {
  float: right;
  width: 45%;
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-03-intro-right {
    float: none;
    width: auto;
  }

  .renew-2016 .about.system .section-03-intro-right .section-lead.only-pc + div {
    text-align: center;
    margin-bottom: 20px;
  }
}
.renew-2016 .about.system .section-04-intro {
  overflow: hidden;
}

.renew-2016 .about.system .section-04-intro-left {
  float: left;
  width: 510px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-04-intro-left {
    float: none;
    width: auto;
  }
}
.renew-2016 .about.system .section-04-intro-left .section-ttl {
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-04-intro-left .section-ttl {
    font-size: 2.5rem;
    margin-bottom: 20px;
  }

  .renew-2016 .about.system .section-04-intro-right img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.renew-2016 .about.system .section-05 .section-lead {
  margin-bottom: 40px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-05 .section-lead {
    margin-bottom: 20px;
  }
}
.renew-2016 .about.system .section-05 ul {
  overflow: hidden;
}

.renew-2016 .about.system .section-05 ul li {
  width: 200px;
  float: left;
  margin-right: 30px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-05 ul li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .renew-2016 .about.system .section-05 ul li:nth-child(odd) {
    float: left;
  }

  .renew-2016 .about.system .section-05 ul li:nth-child(even) {
    float: right;
  }

  .renew-2016 .about.system .section-05 ul li img {
    width: 100%;
  }
}
.renew-2016 .about.system .section-05 ul li:last-child {
  margin-right: 0;
}

.renew-2016 .about.system .section-05 ul li .section-05-img {
  margin-bottom: 15px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-05 ul li .section-05-img {
    margin-bottom: 10px;
  }
}
.renew-2016 .about.system .section-05 ul li dl {
  font-size: 1.4rem;
  line-height: 1.5;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.system .section-05 ul li dl {
    font-size: 1.1rem;
  }
}
.renew-2016 .about.system .section-05 ul li dl dt {
  font-weight: bold;
}

.renew-2016 .about.learningservice {
  margin-bottom: 60px;
}

.renew-2016 .about.learningservice .about-learningservice-intro {
  overflow: hidden;
  margin-bottom: 75px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-intro {
    margin-bottom: 30px;
  }
}
.renew-2016 .about.learningservice .about-learningservice-intro p {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-intro p {
    font-size: 1.3rem;
    line-height: 1.75;
  }
}
.renew-2016 .about.learningservice .about-learningservice-cats {
  border-top: 1px dotted #B2B2B2;
  margin-bottom: 40px;
  padding-top: 50px;
}

.renew-2016 .about.learningservice .about-learningservice-cats .cats-logo {
  padding-bottom: 30px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-cats .cats-logo {
    padding-bottom: 20px;
  }
}
.renew-2016 .about.learningservice .about-learningservice-cats .cats-logo img {
  width: 408px;
}

.renew-2016 .about.learningservice .about-learningservice-cats p {
  font-size: 1.4rem;
  line-height: 1.75;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-cats {
    padding-top: 25px;
    margin-bottom: 20px;
  }

  .renew-2016 .about.learningservice .about-learningservice-cats p.cap {
    padding-bottom: 10px;
    font-size: 1.9rem;
    font-weight: bold;
    text-align: center;
  }

  .renew-2016 .about.learningservice .about-learningservice-cats .cats-logo img {
    width: 66%;
  }
}
/* about-learningservice-flow */
.renew-2016 .about.learningservice .about-learningservice-flow {
  height: 614px;
  padding: 50px 18px 20px;
  box-sizing: border-box;
  position: relative;
  background: #e6f3dd url(/about/images/learningservice/flow-arrow.png) no-repeat left top;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow {
    padding: 15px;
    text-align: center;
    background: #e6f3dd;
    height: auto;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-label {
  position: absolute;
  top: 45px;
  left: 610px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-label {
    position: static;
    display: inline-block;
    margin-bottom: 15px;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-label li {
  font-size: 1.2rem;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding-left: 25px;
  padding-bottom: 7px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-label li {
    display: inline-block;
    margin: 0 5px;
    font-size: 1.3rem;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-label li:nth-child(1) {
  background: url(/about/images/learningservice/flow-icon-01.png) no-repeat;
  background-size: 17px auto;
}

.renew-2016 .about.learningservice .about-learningservice-flow-label li:nth-child(2) {
  background: url(/about/images/learningservice/flow-icon-02.png) no-repeat;
  background-size: 17px auto;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel-wrap {
  position: relative;
  height: 100%;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel {
  background: #fff;
  box-sizing: border-box;
  width: 256px;
  height: 242px;
  padding: 20px 10px;
  border-radius: 3px;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-panel {
    width: auto;
    height: auto;
    position: static;
    margin-bottom: 15px;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-panel p.term {
  font-size: 1.4rem;
  font-weight: bold;
  position: absolute;
  padding-left: 15px;
  box-sizing: border-box;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel.green p.term {
  top: -45px;
  right: 50px;
  width: 131px;
  background: url(/about/images/learningservice/flow_cap_bg_01.png) no-repeat;
  color: #22ac38;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel.orange p.term {
  top: -45px;
  right: 40px;
  width: 144px;
  background: url(/about/images/learningservice/flow_cap_bg_02.png) no-repeat;
  color: #dd7d37;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel.blue p.term {
  top: -45px;
  right: 35px;
  width: 159px;
  background: url(/about/images/learningservice/flow_cap_bg_03.png) no-repeat;
  color: #309eb5;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-panel p.term {
    font-size: 1.2rem;
    font-weight: bold;
    position: absolute;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 23px 0 0 0;
  }

  .renew-2016 .about.learningservice .about-learningservice-flow-panel.green p.term {
    top: -25px;
    right: -15px;
    background: url(/about/images/learningservice/flow_cap_bg_01_sp.png) no-repeat;
    background-size: cover;
    width: 72px;
    height: 72px;
  }

  .renew-2016 .about.learningservice .about-learningservice-flow-panel.orange p.term {
    top: -25px;
    right: -15px;
    background: url(/about/images/learningservice/flow_cap_bg_02_sp.png) no-repeat;
    background-size: contain;
    width: 72px;
    height: 72px;
  }

  .renew-2016 .about.learningservice .about-learningservice-flow-panel.blue p.term {
    top: -25px;
    right: -15px;
    background: url(/about/images/learningservice/flow_cap_bg_03_sp.png) no-repeat;
    background-size: contain;
    width: 72px;
    height: 72px;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(2) {
  top: 0;
  left: 300px;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(3) {
  top: 0;
  left: 600px;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(4) {
  top: 305px;
  left: 450px;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(5) {
  top: 305px;
  left: 148px;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel-inner {
  position: relative;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel .about-learningservice-flow-panel-inner::before {
  width: 34px;
  height: 48px;
  position: absolute;
  top: -23px;
  left: 2px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-panel .about-learningservice-flow-panel-inner::before {
    width: 46px;
    height: 67px;
    font-size: 25px;
    padding-top: 15px;
    padding-right: 2px;
    left: 0;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(1) .about-learningservice-flow-panel-inner::before {
  content: "1";
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(2) .about-learningservice-flow-panel-inner::before {
  content: "2";
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(3) .about-learningservice-flow-panel-inner::before {
  content: "3";
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(4) .about-learningservice-flow-panel-inner::before {
  content: "4";
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel:nth-child(5) .about-learningservice-flow-panel-inner::before {
  content: "5";
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel.green .about-learningservice-flow-panel-inner::before {
  background: url(/about/images/learningservice/flow-icon-01.png) no-repeat;
  background-size: contain;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel.orange .about-learningservice-flow-panel-inner::before {
  background: url(/about/images/learningservice/flow-icon-02.png) no-repeat;
  background-size: contain;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel.blue .about-learningservice-flow-panel-inner::before {
  background: url(/about/images/learningservice/flow-icon-03.png) no-repeat;
  background-size: contain;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel-inner > h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.25;
  color: #333333;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel-inner > h2 span {
  font-size: 1.1rem;
  display: block;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-panel-inner > h2 {
    margin-bottom: 30px;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-panel-lead {
  font-size: 1.3rem;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #333333;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-panel-lead {
    width: 63%;
    float: left;
    text-align: left;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
.renew-2016 .about.learningservice .about-learningservice-flow-panel-img {
  margin-bottom: 20px;
}

.renew-2016 .about.learningservice .about-learningservice-flow-panel-img img {
  width: 150px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .about-learningservice-flow-panel-img {
    width: 37%;
    float: right;
    margin-bottom: 10px;
  }

  .renew-2016 .about.learningservice .about-learningservice-flow-panel-img img {
    width: 100%;
  }
}
/* //about-learningservice-flow */
.renew-2016 .about.learningservice .section-02.nobr {
  padding-bottom: 0;
  border-bottom: none;
}

.renew-2016 .about.learningservice .section-02 h2.section-ttl span {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .section-02 h2.section-ttl span {
    font-size: 1.2rem;
    font-weight: normal;
    padding-top: 5px;
  }
}
.renew-2016 .about.learningservice .section-02 p.lead {
  font-size: 1.6rem;
  line-height: 1.75;
}

.renew-2016 .about.learningservice .section-02 .article {
  padding: 50px 0;
  border-bottom: 1px dotted #B2B2B2;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-left {
  width: 420px;
  float: left;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-left p {
  font-size: 1.4rem;
  line-height: 1.75;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-left p span {
  padding-top: 25px;
  display: block;
  font-size: 1.2rem;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-right {
  width: 441px;
  float: right;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-right img {
  width: 100%;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-left h3 {
  color: #22ac38;
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.4;
  padding-bottom: 35px;
}

.renew-2016 .about.learningservice .section-02 .article .section-02-intro-left h3 span {
  font-size: 1.8rem;
  display: block;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .section-02 p.lead {
    font-size: 1.3rem;
  }

  .renew-2016 .about.learningservice .section-02 .article {
    padding: 0;
    margin-bottom: 20px;
  }

  .renew-2016 .about.learningservice .section-02 .article .section-02-intro-left {
    float: none;
    width: auto;
  }

  .renew-2016 .about.learningservice .section-02 .article .section-02-intro-left h3 {
    padding-bottom: 10px;
    font-size: 2rem;
  }

  .renew-2016 .about.learningservice .section-02 .article .section-02-intro-left h3 span {
    font-size: 1.5rem;
  }

  .renew-2016 .about.learningservice .section-02 .article .section-02-intro-left p {
    padding-bottom: 10px;
  }

  .renew-2016 .about.learningservice .section-02 .article .section-02-intro-left p span {
    padding-top: 10px;
    font-size: 1.1rem;
  }

  .renew-2016 .about.learningservice .section-02 .article .section-02-intro-right {
    float: none;
    width: auto;
  }
}
.renew-2016 .about.learningservice .section-03 .article dl.left {
  width: 435px;
  float: left;
  padding-top: 50px;
}

.renew-2016 .about.learningservice .section-03 .article dl.right {
  width: 435px;
  float: right;
  padding-top: 50px;
}

.renew-2016 .about.learningservice .section-03 .article dl dt {
  color: #22ac38;
  font-size: 2.8rem;
  line-height: 1.4;
  padding-bottom: 15px;
}

.renew-2016 .about.learningservice .section-03 .article dl dd {
  font-size: 1.4rem;
  line-height: 1.75;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .section-03 .article dl.left,
  .renew-2016 .about.learningservice .section-03 .article dl.right {
    float: none;
    width: auto;
    padding-top: 0;
  }

  .renew-2016 .about.learningservice .section-03 .article dl dt {
    font-size: 2rem;
  }

  .renew-2016 .about.learningservice .section-03 .article dl dd {
    margin-bottom: 20px;
  }
}
.renew-2016 .about.learningservice .zkai p.zkai-logo span {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: bold;
  display: block;
  text-align: center;
}

.renew-2016 .about.learningservice .zkai p.zkai-logo img {
  width: 625px;
}

.renew-2016 .about.learningservice .zkai p.lead {
  font-size: 1.4rem;
  line-height: 1.75;
  padding: 35px 0 50px;
}

.renew-2016 .about.learningservice .zkai .box {
  background: #e6f3dd;
  padding: 30px;
}

.renew-2016 .about.learningservice .zkai .box p.image {
  width: 300px;
  float: left;
}

.renew-2016 .about.learningservice .zkai .box p.image img {
  width: 100%;
}

.renew-2016 .about.learningservice .zkai .detail {
  width: 500px;
  height: 232px;
  float: right;
  background: #fff;
  box-sizing: border-box;
  padding: 40px 25px;
  border-radius: 5px;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.05);
}

.renew-2016 .about.learningservice .zkai .detail dt {
  font-size: 2.2rem;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #22ac38;
}

.renew-2016 .about.learningservice .zkai .detail dd {
  padding-left: 25px;
  font-size: 1.4rem;
  line-height: 1.75;
  position: relative;
}

.renew-2016 .about.learningservice .zkai .detail dd:before {
  content: '';
  position: absolute;
  margin: auto;
  left: 0px;
  top: 2px;
  width: 20px;
  height: 19px;
  background: url(/about/images/learningservice/ico_01.png) no-repeat;
  background-size: contain;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .zkai p.zkai-logo img {
    width: 100%;
  }

  .renew-2016 .about.learningservice .zkai .box {
    padding: 10px;
  }

  .renew-2016 .about.learningservice .zkai .box p.image {
    width: 65%;
    float: none;
    margin: 0 auto;
  }

  .renew-2016 .about.learningservice .zkai .detail {
    width: 100%;
    height: auto;
    margin-top: 12px;
    padding: 15px;
  }

  .renew-2016 .about.learningservice .zkai .detail dt {
    font-size: 1.8rem;
    font-weight: bold;
  }
}
/* fiddler */
@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .pc {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .renew-2016 .about.learningservice .fiddler .sp {
    display: none !important;
  }
}
.renew-2016 .about.learningservice .fiddler {
  background-color: #eee;
  padding: 10px 10px 10px 10px;
  margin-top: 20px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler {
    padding-bottom: 0;
  }
}
.renew-2016 .about.learningservice .fiddler .h2 {
  display: table;
  width: 100%;
  background-color: #eee;
  padding-bottom: 10px;
  font-weight: normal;
}

.renew-2016 .about.learningservice .fiddler .h2.no-acc {
  display: table;
}

.renew-2016 .about.learningservice .fiddler .h2.acc-head {
  display: none;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .h2.no-acc {
    display: none;
  }

  .renew-2016 .about.learningservice .fiddler .h2.acc-head {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .h2 {
    padding: 0 10px 0;
    position: relative;
    box-sizing: border-box;
  }

  .renew-2016 .about.learningservice .fiddler .h2:before,
  .renew-2016 .about.learningservice .fiddler .h2:after {
    content: '';
    height: 2px;
    width: 15px;
    display: block;
    position: absolute;
    top: 44%;
    right: 10px;
    background-color: #22ac38;
  }

  .renew-2016 .about.learningservice .fiddler .h2:after {
    height: 15px;
    width: 2px;
    top: 50%;
    margin-top: -10px;
    right: 16px;
  }

  .renew-2016 .about.learningservice .fiddler .h2.active:after {
    display: none;
  }
}
.renew-2016 .about.learningservice .fiddler .h2 span {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .about.learningservice .fiddler .box .tlt {
  font-size: 28px;
  color: #489725;
  width: 110px;
  padding: 20px 0 20px 20px;
}

.renew-2016 .about.learningservice .fiddler .box .sub-tlt {
  line-height: 1.7;
  background-color: #eee;
}

.renew-2016 .about.learningservice .fiddler .cont {
  padding: 25px 20px;
  background-color: #fff;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .cont {
    display: none;
    border-bottom: 10px solid #EEEEEE;
    padding: 15px 10px;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block {
  position: relative;
  width: 48%;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block {
    width: auto;
    margin-bottom: 30px;
  }

  .renew-2016 .about.learningservice .fiddler .fiddler-block:last-child {
    margin-bottom: 0;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block:nth-child(odd) {
  float: left;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block:nth-child(odd) {
    float: none;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block:nth-child(even) {
  float: right;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block:nth-child(even) {
    float: none;
  }
}
.renew-2016 .about.learningservice .fiddler.junior .fiddler-block:nth-child(1),
.renew-2016 .about.learningservice .fiddler.junior .fiddler-block:nth-child(2) {
  min-height: 190px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler.junior .fiddler-block:nth-child(1),
  .renew-2016 .about.learningservice .fiddler.junior .fiddler-block:nth-child(2) {
    min-height: initial;
  }
}
.renew-2016 .about.learningservice .fiddler.chugaku .fiddler-block:nth-child(3) {
  margin-top: 30px;
  width: 100%;
}

.renew-2016 .about.learningservice .fiddler.koukou .fiddler-block {
  width: 100%;
}

.renew-2016 .about.learningservice .fiddler .fiddler-block-title {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block-title {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block-title .small {
  font-size: 1.4rem;
  display: block;
  padding-bottom: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block-title .small {
    font-size: 1.3rem;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block-title .large {
  font-size: 2.2rem;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block-title .large {
    font-size: 1.8rem;
    padding-bottom: 10px;
    display: block;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block-label {
  position: absolute;
  top: 25px;
  right: 0;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block-label {
    position: static;
    padding-bottom: 10px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 10px;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block-label .label {
  font-size: 1.4rem;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block-label .label {
    font-size: 1.1rem;
  }
}
.renew-2016 .about.learningservice .fiddler .fiddler-block-text {
  font-size: 1.4rem;
  line-height: 1.5;
}

@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .fiddler-block-text {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 639px) {
  .renew-2016 .about.learningservice .fiddler .box .tlt {
    display: block;
    padding-left: 0;
    width: 100%;
    font-size: 20px;
    padding-top: 12px;
    cursor: pointer;
  }

  .renew-2016 .about.learningservice .fiddler .box .sub-tlt {
    font-size: 13px;
    padding-bottom: 15px;
  }

  .renew-2016 .about.learningservice .fiddler .box .content-box {
    padding: 17px 15px 0px 12px;
  }

  .renew-2016 .about.learningservice .fiddler .box .content-box .cap {
    font-size: 14px;
  }

  .renew-2016 .about.learningservice .fiddler .box .content-box .txt {
    margin-bottom: 8px;
    font-size: 13px;
  }

  .renew-2016 .about.learningservice .fiddler .box .content-box .des {
    padding-bottom: 20px;
  }

  .renew-2016 .about.learningservice .fiddler .box .content-box .link a {
    color: #9e4663;
    border-color: #9e4663;
  }
}
.renew-2016 .sitemap-wrap .section {
  padding-bottom: 40px;
  border-bottom: 1px dotted #B2B2B2;
  margin-bottom: 60px;
}

.renew-2016 .sitemap-wrap .section .section-ttl {
  line-height: 1;
  margin-bottom: 50px;
}

.renew-2016 .sitemap-wrap .section .section-ttl a {
  font-size: 3.8rem;
  text-decoration: none;
  font-weight: 300;
  text-decoration: underline;
  position: relative;
}

.renew-2016 .sitemap-wrap .section.chugaku .section-ttl a {
  color: #9e4663;
}

.renew-2016 .sitemap-wrap .section .section-ttl a:hover {
  text-decoration: none;
}

.renew-2016 .sitemap-wrap .section .section-ttl a span {
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  position: relative;
  left: 10px;
  top: -3px;
}

.renew-2016 .sitemap-wrap .section.chugaku .section-ttl a span {
  background-color: #9E4663;
}

.renew-2016 .sitemap-wrap .section .section-ttl a span::before,
.renew-2016 .sitemap-wrap .section .section-ttl a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.renew-2016 .sitemap-wrap .section .section-ttl a span::before {
  width: 12px;
  height: 12px;
}

.renew-2016 .sitemap-wrap .section .section-ttl a span::after {
  top: 1px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.renew-2016 .sitemap-wrap .section .section-list {
  overflow: hidden;
}

.renew-2016 .sitemap-wrap .section .section-list li {
  float: left;
  width: 380px;
  margin: 0 30px 30px 0;
}

.renew-2016 .sitemap-wrap .section .section-list li:nth-child(3n) {
  margin-right: 0;
}

.renew-2016 .sitemap-wrap .section .section-list li a {
  font-size: 1.8rem;
}

.renew-2016 .sitemap-wrap .section.chugaku .section-list li a.tpl-text-link:hover {
  color: inherit;
}

.renew-2016 .sitemap-wrap .section.chugaku .section-list li a.tpl-text-link::before {
  border-top: 2px solid #9E4663;
  border-right: 2px solid #9E4663;
}

/* よくあるご質問 総合 */
.faq.index .p-faq__lead {
  margin-bottom: 0;
  padding: 15px 0 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

@media only screen and (max-width: 639px) {
  .faq.index .p-faq__lead {
    padding: 15px 0 0;
    font-size: 14px;
  }
}
.faq.index .tpl-section-ttl.bd-green {
  font-size: 38px;
  font-weight: 400;
  padding: 60px 0 30px;
  line-height: 1.5;
  border-bottom: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .faq.index .tpl-section-ttl.bd-green {
    font-size: 24px;
    padding: 50px 0 15px;
  }
}
/* 勉強の仕方がうまくなる栄光メソッド */
.about.system .tpl-page-ttl span {
  display: block;
}

.about.system .tpl-page-ttl span.small {
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 15px;
}

@media only screen and (max-width: 639px) {
  .about.system .tpl-page-ttl span.small {
    font-size: 1.4rem;
  }
}
.about.system .tpl-page-ttl span.large {
  font-size: 5.8rem;
}

@media only screen and (max-width: 639px) {
  .about.system .tpl-page-ttl span.large {
    font-size: 2.9rem;
  }
}
.about.system .p-about__style-lead01 {
  margin-top: 0;
}

/* 中学受験コース */
.renew-2016 .chugaku-juken.course.s01 {
  margin-bottom: 60px;
}

.renew-2016 .juken-top.course + .c-conv.l-row,
.renew-2016 .juken-top.course + .c-conv.l-row + .p-course-content {
  display: none;
}

@media screen and (min-width: 640px) {
  .renew-2016 .chugaku-juken.course.s01 .chara-item {
    padding: 50px 0;
  }
}
.renew-2016 .chugaku-juken.course.s01 .intro-top .tlt {
  display: table;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .sub-tlt {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .intro-top .tlt {
    margin-top: 28px;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .title {
    font-size: 29px;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .sub-tlt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.renew-2016 .chugaku-juken.course.s01 .intro-top .table {
  margin-top: 42px;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .td .es04,
.renew-2016 .chugaku-juken.course.s01 .intro-top .table .td .es06 {
  margin-right: 10px;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 160px;
  text-align: center;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table-pc .tr {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table-pc .tr .td01 {
  width: 86px;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table-pc .tr .td02 {
  width: 165px;
}

.renew-2016 .chugaku-juken.course.s01 .intro-top .table-pc .tr .td03 {
  width: 144px;
  background-color: #eee;
  font-weight: bold;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .intro-top .table-pc {
    display: none;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .table.only-sp {
    display: block;
    width: 100%;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .table .td:first-child {
    width: 21.73%;
  }

  .renew-2016 .chugaku-juken.course.s01 .intro-top .table .foot {
    font-size: 10px;
    margin-top: 4px;
  }
}
/*********************chara-list*****************************/
.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-title {
  font-size: 38px;
  font-weight: normal;
  line-height: 1.1;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list {
  margin-top: 87px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .inner-left {
  width: 560px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .inner-right {
  width: 300px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .inner-right img {
  max-width: 100%;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item p strong {
  background-color: #ffff00;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .ttl {
  font-size: 28px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 23px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item h4 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 10px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item dl dt {
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 5px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item dl dd {
  font-size: 14px;
  line-height: 1.7;
  font-weight: normal;
  margin-bottom: 23px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item01 {
  border-top: 0 none;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item02 .tpl-base-btn a {
  width: 360px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.chara-item-tlt-02 .inner-right {
  margin-top: -90px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.chara-item-tlt-03 .inner-right {
  margin-top: -125px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item div.txt {
  margin-top: 40px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item div.txt .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item div.txt p.txt {
  font-size: 14px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item div.txt p.ttl i {
  font-size: 14px;
  font-style: normal;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item {
    padding: 47px 0;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-title {
    font-size: 25px;
    line-height: 1.3;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list {
    margin-top: 50px;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .inner-left,
  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .inner-right {
    width: 100%;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .inner-right {
    margin-top: 25px !important;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item02 .tpl-base-btn {
    margin: 26px 0 7px;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item02 .tpl-base-btn a {
    width: 94%;
    margin: 0 auto;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item .ttl {
    font-size: 20px;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item p {
    font-size: 13px;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item div.txt {
    margin-top: 33px;
  }
}
/******************chara-list*********************************/
/******************item-add*********************************/
.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item-add {
  padding: 70px 0 43px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item-add .chara-title {
  margin-bottom: 54px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item-add {
    padding: 50px 0 45px;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item-add .chara-title {
    margin-bottom: 42px;
  }

  .renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item-add .img {
    margin-top: 14px;
  }
}
/******************item-add*********************************/
/* item05 */
.renew-2016 .chugaku-juken.course.s01 .chara-list .item05 .chara-title {
  margin-bottom: 40px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .item05 .title {
  font-size: 20px;
  margin-bottom: 5px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .item05 .ttl span {
  font-size: 16px;
  color: #333;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .item05 .line {
  width: 100%;
  height: 1px;
  margin-top: 39px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .chara-item.item05 .fix-top {
  margin-top: 0;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .chara-list .item05 .title {
    font-size: 16px;
  }
}
/* item05 */
.renew-2016 .chugaku-juken.course.s01 .chara-list .item06 {
  border-bottom: 0 none;
  padding-bottom: 0;
}

/* fiddler */
@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .fiddler .pc {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .renew-2016 .chugaku-juken.course.s01 .fiddler .sp {
    display: none !important;
  }
}
.renew-2016 .chugaku-juken.course.s01 .fiddler {
  background-color: #eee;
  padding: 10px 10px 10px 10px;
  margin-top: 20px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box {
  background-color: #fff;
  overflow: hidden;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box02 {
  margin-top: 10px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .h2 {
  display: table;
  width: 100%;
  background-color: #eee;
  padding-bottom: 10px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .h2 span {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .cont {
  padding-bottom: 0;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .tlt {
  font-size: 28px;
  color: #9e4663;
  width: 110px;
  padding: 20px 0 20px 20px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .sub-tlt {
  line-height: 1.7;
  background-color: #eee;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box {
  background-color: #fff;
  padding: 17px 40px 0px 30px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler.f01 .box .content-box:last-child {
  padding-bottom: 15px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .cap {
  font-weight: bold;
  font-size: 16px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .cap .label {
  font-size: 14px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box dl {
  padding-left: 14px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .txt {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 8px;
  margin-bottom: 8px;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .des {
  font-size: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box:last-child .des {
  border-bottom: none;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .link {
  padding-left: 15px;
  background: url(/chugaku-juken/course/images/s01/link-more.jpg) no-repeat left 17px;
  background-size: 7px;
  display: inline-block;
  padding-top: 16px;
  margin-bottom: 10px;
  margin-right: 28px;
  font-size: 14px;
  font-weight: bold;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .link a {
  text-decoration: none;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #666666;
}

.renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .zeminar-outline {
  display: none;
}

.renew-2016 .chugaku-juken.course.s01 .f02 .box .tlt {
  width: 166px;
}

.renew-2016 .chugaku-juken.course.s01 .f02 .box .content-box > h3 {
  font-size: 18px;
  color: #9e4663;
  font-weight: normal;
  border-bottom: 1px solid #9e4663;
  padding-bottom: 6px;
  margin-bottom: 20px;
}

.renew-2016 .chugaku-juken.course.s01 .f02 .box .content-box .txt {
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .chugaku-juken.course.s01 .f02 .box .content-box .txt.fix-bor {
  border: 0 none;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .item04 .inner-left h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .chara-list .item04 .inner-left h3 {
    font-size: 16px;
  }
}
.renew-2016 .chugaku-juken.course.s01 .chara-list .tertiary-section h4 {
  font-size: 20px;
  margin-bottom: 5px;
}

.renew-2016 .chugaku-juken.course.s01 .chara-list .tertiary-section p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .chara-list .tertiary-section h4 {
    font-size: 16px;
  }
}
#cboxOverlay.zeminar-outline {
  background-color: rgba(0, 0, 0, 0.8);
}

#colorbox.zeminar-outline #cboxWrapper #cboxTopLeft,
#colorbox.zeminar-outline #cboxWrapper #cboxTopRight {
  width: 50px;
  height: 70px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxTopCenter {
  height: 70px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxMiddleLeft,
#colorbox.zeminar-outline #cboxWrapper #cboxMiddleRight {
  width: 50px;
  padding-bottom: 90px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxBottomLeft,
#colorbox.zeminar-outline #cboxWrapper #cboxBottomRight {
  width: 50px;
  height: 50px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxBottomCenter {
  height: 50px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent {
  text-align: center;
  padding-bottom: 90px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxLoadedContent {
  text-align: left;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl {
  text-align: center;
  margin-bottom: 55px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl-inner {
  display: inline-flex;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl-ico {
  font-size: 16px;
  color: #fff;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  line-height: 46px;
  margin-right: 15px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent #zeminar-outline-nankan-es04 .zeminar-outline-ttl-ico {
  background-color: #83C99D;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent #zeminar-outline-nankan-es05 .zeminar-outline-ttl-ico {
  background-color: #1AB16C;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent #zeminar-outline-nankan-es06 .zeminar-outline-ttl-ico, #colorbox.zeminar-outline #cboxWrapper #cboxContent #zeminar-outline-nyushi-es06 .zeminar-outline-ttl-ico {
  background-color: #15974D;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl-txt {
  font-size: 46px;
  line-height: 1;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-description {
  margin-bottom: 20px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-description dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-description dd {
  font-size: 14px;
  line-height: 1.71;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table {
  width: 100%;
  border-top: 1px solid #D6D6D6;
  font-size: 14px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table tr {
  border-bottom: 1px solid #D6D6D6;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table tr > * {
  padding-top: 15px;
  padding-bottom: 15px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table tr th {
  font-weight: bold;
  background-color: #EEEEEE;
  width: 85px;
  text-align: center;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table tr td {
  padding-left: 20px;
  padding-right: 20px;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxClose {
  position: relative;
  right: 0;
  bottom: 0;
  font-size: 18px;
  color: #999999;
  margin-top: 50px;
  border: 2px solid #999999;
  padding-left: 0;
  padding: 8px 30px 8px 50px;
  line-height: 1;
}

#colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxClose:before,
#colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxClose:after {
  height: 3px;
  background: #999999;
  top: 16px;
  left: 28px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .tlt {
    display: block;
    padding-left: 0;
    width: 100%;
    font-size: 20px;
    padding-top: 12px;
    cursor: pointer;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .sub-tlt {
    font-size: 13px;
    padding-bottom: 15px;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box {
    padding: 17px 15px 0px 12px;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .cap .label {
    font-size: 11px;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .txt {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.76;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .des {
    padding-bottom: 20px;
    line-height: 1.58;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .link {
    background-position: left 22px;
  }

  .renew-2016 .chugaku-juken.course.s01 .fiddler .box .content-box .link a {
    padding-bottom: 3px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxTopLeft,
  #colorbox.zeminar-outline #cboxWrapper #cboxTopRight {
    width: 25px;
    height: 40px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxTopCenter {
    height: 40px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxMiddleLeft,
  #colorbox.zeminar-outline #cboxWrapper #cboxMiddleRight {
    width: 25px;
    padding-bottom: 55px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxBottomLeft,
  #colorbox.zeminar-outline #cboxWrapper #cboxBottomRight {
    width: 25px;
    height: 25px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxBottomCenter {
    height: 25px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent {
    padding-bottom: 55px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl {
    margin-bottom: 25px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl-ico {
    font-size: 11px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-ttl-txt {
    font-size: 30px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-description {
    margin-bottom: 10px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-description dt {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.33;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-description dd {
    font-size: 13px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table {
    font-size: 12px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table tr th {
    width: 60px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent .zeminar-outline-table tr td {
    padding-left: 15px;
    padding-right: 15px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxClose {
    font-size: 13px;
    margin-top: 20px;
    padding: 8px 25px 8px 40px;
  }

  #colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxClose:before,
  #colorbox.zeminar-outline #cboxWrapper #cboxContent #cboxClose:after {
    top: 14px;
    left: 23px;
  }
}
/* 高校受験コース */
.renew-2016 .course.koukou-juken.c01 {
  margin-bottom: 60px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tlt {
  display: table;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 5.8rem;
  color: #333;
  font-weight: normal;
  letter-spacing: 0.29rem;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .sub-tlt {
  font-size: 2.4rem;
  margin-top: 20px;
  margin-bottom: 70px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .sub-tlt p {
  display: inline-block;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .title {
  font-size: 3.8rem;
  font-weight: normal;
  line-height: 1.3;
  color: #333333;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .radius {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 2.2;
  padding: 0;
  font-size: 1.4rem;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .radius .label-str {
  line-height: 1;
  font-size: 1.8rem;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .radius .label-num {
  line-height: 50px;
  font-size: 2.8rem;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .couse-fig {
  margin-top: 20px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tit-two-p {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
  color: #333333;
  margin-top: 25px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .tit-two-p strong {
  background-color: #ffff00;
  font-weight: normal;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.koukou-juken.c01 .intro-top .tlt {
    margin-top: 28px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .title {
    font-size: 29px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .sub-tlt {
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 35px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .sub-tlt p {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .sub-tlt p .yd {
    display: none;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .radius {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 1rem;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .radius .label-str {
    line-height: 20px;
    font-size: 1rem;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .radius .label-num {
    line-height: 20px;
    font-size: 1rem;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .tit-two-p {
    font-size: 13px;
    margin-top: 12px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .tit-two .title {
    font-size: 25px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .table .td .label {
    font-size: 11px !important;
  }
}
.renew-2016 .course.koukou-juken.c01 .intro-top .table {
  margin-top: 42px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.4rem;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .td .ti {
  margin-left: 45px;
  display: inline-block;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .td .label {
  font-size: 1.4rem;
  line-height: 1;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .chara-item {
  border-top: none;
  padding-top: 50px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .chara-item:last-child {
  padding-top: 15px;
  padding-bottom: 66px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .chara-item .icon-point {
  display: block;
  float: left;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #2266ac;
  font-size: 1.2rem;
  color: #2266ac;
  line-height: 45px;
  text-align: center;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .chara-item .ttl {
  float: left;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: normal;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .chara-item p {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .chara-item p strong {
  background-color: #ffff00;
  font-weight: normal;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .td .jhs02,
.renew-2016 .course.koukou-juken.c01 .intro-top .table .td .jhs03 {
  margin-right: 10px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 160px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top.intro-top-tp {
  margin-top: 70px;
}

.renew-2016 .course.koukou-juken.c01 .intro-top.intro-top-tp .chara-item:last-child {
  padding-top: 50px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.koukou-juken.c01 .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .table .td .ti {
    margin-left: 0;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .table .td:first-child {
    width: 21.73%;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .table .foot {
    font-size: 10px;
    margin-top: 4px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top.intro-top-tp {
    margin-top: 0;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .chara-item .ttl {
    width: calc(100% - 75px);
    line-height: 1.3;
  }
}
/*********************chara-list*****************************/
.renew-2016 .course.koukou-juken.c01 .chara-list .chara-title {
  font-size: 3.8rem;
  font-weight: normal;
  line-height: 1.3;
}

.renew-2016 .course.koukou-juken.c01 .chara-list {
  margin-top: 80px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .pfz16 {
  font-size: 1.6rem;
  line-height: 1.7;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .pfz16 strong {
  font-weight: normal;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item05 {
  padding-bottom: 80px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item05 .flag {
  border: solid 1px #2266ac;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 3;
  color: #2266ac;
  padding: 5px 10px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .inner-left {
  width: 560px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .inner-right {
  width: 300px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .inner-right img {
  max-width: 100%;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item p {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.71;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.fz16 p {
  font-size: 1.6rem;
  line-height: 1.7;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.fz16 p.fz12 {
  font-size: 1.2rem;
  line-height: 2;
  margin-top: 10px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.fz16 p strong {
  font-weight: normal;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.bd {
  border-bottom: dotted 1px #b2b2b2;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.bdno {
  border-top: none;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item p strong {
  background-color: #ffff00;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .ttl {
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 28px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .ttl.mb18 {
  margin-bottom: 18px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item01 {
  border-top: 0 none;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item02 .tpl-base-btn a {
  /*width: 360px;*/
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.chara-item-tlt-02 .inner-right {
  margin-top: -90px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.chara-item-tlt-03 .inner-right {
  margin-top: 8px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item div.txt {
  margin-top: 40px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item div.txt .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item div.txt p.txt {
  font-size: 14px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list .chara-item div.txt p.ttl i {
  font-size: 14px;
  font-style: normal;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-title {
    font-size: 25px;
  }

  .juken-top .chara-item.item15 {
    padding-bottom: 40px;
  }

  .renew-2016 .course.koukou-juken.c01 .intro-top .chara-item:last-child {
    padding-bottom: 33px;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item05 .flag {
    font-size: 14px;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list02 .label {
    font-size: 1.1rem !important;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list {
    margin-top: 40px;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .inner-left,
  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .inner-right {
    width: 100%;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .inner-right {
    margin-top: 25px !important;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item02 .tpl-base-btn {
    margin: 26px 0 7px;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item.item02 .tpl-base-btn a {
    width: 94%;
    margin: 0 auto;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item .ttl {
    font-size: 20px;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item p {
    font-size: 13px;
  }

  .renew-2016 .course.koukou-juken.c01 .chara-list .chara-item div.txt {
    margin-top: 33px;
  }
}
/******************chara-list*********************************/
/******************chara-list2*********************************/
.renew-2016 .course.koukou-juken.c01 .chara-list02 .label {
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0 5px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .label:first-child {
  margin-left: 14px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .chara-item .ttl {
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.42;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .chara-item .fz16 {
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: -.5px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .chara-item .fz16 strong {
  font-weight: normal;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .chara-item p.ttl {
  font-size: 1.8rem;
  line-height: 1.33;
  margin-bottom: 10px;
  margin-top: 25px;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .fix-top {
  margin-top: 0;
}

.renew-2016 .course.koukou-juken.c01 .chara-list02 .line {
  margin-top: 34px;
  width: 100%;
  height: 1px;
  background-color: transparent;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.koukou-juken.c01 .chara-list02 .line {
    margin-top: 36px;
  }
}
/******************chara-list2*********************************/
/* foot-btns */
.renew-2016 .course.koukou-juken.c01 .foot-btns {
  margin-top: 80px;
}

.renew-2016 .course.koukou-juken.c01 .foot-btns .btn {
  width: 435px;
  background-color: #E6F2FF;
  padding: 35px;
  float: left;
  color: #333;
  font-weight: normal;
}

.renew-2016 .course.koukou-juken.c01 .foot-btns .btn.right {
  float: right;
}

.renew-2016 .course.koukou-juken.c01 .foot-btns .btn dt {
  font-size: 28px;
}

.renew-2016 .course.koukou-juken.c01 .foot-btns .btn dd.text {
  font-size: 14px;
  margin: 18px 0 16px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.koukou-juken.c01 .foot-btns {
    margin-top: 0;
  }

  .renew-2016 .course.koukou-juken.c01 .foot-btns .btn {
    padding: 29px 9px;
  }

  .renew-2016 .course.koukou-juken.c01 .foot-btns .btn dd.text {
    font-size: 13px;
    margin: 11px 0px;
    line-height: 1.8;
  }

  .renew-2016 .course.koukou-juken.c01 .foot-btns .btn dt {
    font-size: 23px;
  }

  .renew-2016 .course.koukou-juken.c01 .foot-btns .btn {
    float: none !important;
    width: 100%;
  }

  .renew-2016 .course.koukou-juken.c01 .foot-btns .btn.right {
    margin-top: 15px;
  }
}
/* foot-btns */
/* 公立中高一貫校対策コース */
.juken-top.course.kourituchukouikkan {
  margin-bottom: 60px;
}

.juken-top.course.kourituchukouikkan + .p-course-content {
  display: none;
}

.juken-top.course.kourituchukouikkan .chara-item .ttl {
  color: #22ac38;
}

.juken-top.course.kourituchukouikkan .btn-blue a {
  background: #22ac38;
  border: solid 1px #22ac38;
  box-shadow: 0 3px #286c0b;
}

@media screen and (min-width: 640px) {
  .juken-top.course.kourituchukouikkan .btn-blue a:hover {
    background-color: #fff;
    color: #22ac38;
    box-shadow: 0 1px #286c0b;
  }
}
.juken-top.course.kourituchukouikkan a.link-blue {
  color: #333;
}

@media screen and (min-width: 640px) {
  .juken-top.course.kourituchukouikkan .btn-blue a:hover::before {
    border-color: #22ac38;
  }
}
.juken-top.course.kourituchukouikkan .intro-top .tlt {
  display: table;
}

.juken-top.course.kourituchukouikkan .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.juken-top.course.kourituchukouikkan .intro-top .label {
  vertical-align: middle;
}

.juken-top.course.kourituchukouikkan .intro-top .sub-tlt {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .intro-top .title {
    font-size: 29px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .sub-tlt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.juken-top.course.kourituchukouikkan .intro-top .mvBnr {
  margin: 50px 0;
}

/*.experience*/
.junior-course {
  margin: 0 auto 90px;
  width: 890px;
}

@media only screen and (max-width: 639px) {
  .junior-course {
    width: 100%;
    margin: 0 auto 45px;
  }
}
.experience * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.experience {
  margin-top: 40px;
  padding: 30px 30px 20px 30px;
  background: url(/course/kourituchukouikkan/images/exp-bg.jpg);
}

.experience .wrap .ttl {
  margin-bottom: 30px;
}

@media screen and (max-width: 639px) {
  .experience .wrap .ttl {
    margin-bottom: 14px;
  }
}
.experience .wrap .btn-areas {
  width: 440px;
  margin: 20px auto 0;
}

@media screen and (max-width: 639px) {
  .experience .wrap .btn-areas {
    width: 100%;
    margin-top: 10px;
  }
}
.experience .wrap .btn-areas .tpl-base-btn.btn-blue,
.experience .wrap .btn-areas .tpl-base-btn.btn-blue a {
  width: 100%;
}

.experience .wrap .ttl span {
  display: inline-block;
}

.experience .wrap .ttl span img {
  max-width: 100%;
}

.experience .wrap .ttl span.big {
  width: 55%;
  font-size: 38px;
  font-weight: bold;
}

.experience .wrap .ttl span.small {
  width: 40%;
  font-size: 15px;
  font-weight: bold;
  color: #010101;
}

@-moz-document url-prefix() {
  .experience .wrap .ttl span.small {
    line-height: .6;
  }
}
@media screen and (max-width: 639px) {
  .experience {
    padding: 15px;
    line-height: 1.2;
  }

  .experience .wrap .ttl span {
    display: block;
    width: 100% !important;
    margin: 0 !important;
  }

  .experience .wrap .ttl span.big {
    font-size: 25px;
    margin-bottom: 10px !important;
  }

  .experience .wrap .ttl span.small {
    font-size: 10px;
  }
}
.experience .wrap .rt-txt {
  text-align: right;
}

.experience .wrap .cont .con {
  width: 49.2%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px #d8d5c2;
  box-shadow: 1px 1px 2px #d8d5c2;
}

.experience .wrap .cont .con h3 {
  background-color: #22ac38;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 7px 16px;
}

@media screen and (max-width: 639px) {
  .experience .wrap .cont .con h3 {
    text-align: center !important;
    font-size: 14px;
  }
}
.experience .wrap .cont .con h3 span.sm {
  font-size: 12px;
}

.experience .wrap .cont .left-con {
  float: left;
}

.experience .wrap .cont .right-con {
  float: right;
}

.experience .wrap .cont .con .box {
  padding: 10px;
}

.experience .wrap .cont .con .box .txt {
  margin-top: 15px;
}

@media screen and (max-width: 639px) {
  .experience .wrap .cont .con .box .txt {
    margin-top: 0;
  }
}
.experience .wrap .cont .con .box .txt dt {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

.experience .wrap .cont .con .box .txt dt .red-big {
  font-size: 24px;
  color: #da0207;
}

@media screen and (max-width: 639px) {
  .experience .wrap .cont .con .box .txt dt {
    font-size: 11px;
  }

  .experience .wrap .cont .con .box .txt dt .red-big {
    font-size: 15px;
  }
}
.experience .wrap .cont .con .box .txt dt .red-big small {
  font-size: 13px;
}

.experience .wrap .cont .con .box .txt dd.mid {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.experience .wrap .cont .con .box .txt dd.des {
  font-size: 12px;
  line-height: 1.3;
}

.experience .wrap .cont .con .box .txt dd.mid .text {
  font-size: 12px;
}

.experience .wrap .cont .con .box .txt dd.mid .text .strong {
  font-style: normal;
}

.experience .wrap .cont .con .box .txt dd.mid .plus {
  font-size: 30px;
}

.experience .wrap .cont .con .box .txt dd.mid span {
  display: inline-block;
  vertical-align: middle;
}

.experience .wrap .cont .con .box .img {
  width: 45%;
}

.experience .wrap .cont .con .box > * {
  width: 50%;
  float: right;
}

@media screen and (max-width: 639px) {
  .experience .wrap .cont .con .box > * {
    width: 100%;
    float: none !important;
  }

  .experience .wrap .cont .con .box .txt dd.mid .text {
    font-size: 9px;
  }

  .experience .wrap .cont .con .box .txt dd.mid .text .strong {
    font-size: 12px;
  }

  .experience .wrap .cont .con .box .txt dd.des {
    font-size: 8px;
  }

  .experience .wrap .cont .con .box .img {
    width: 100%;
    margin-top: 10px;
  }
}
.experience .wrap .cont .con .box .img-left {
  float: left;
}

.experience .wrap .cont .con .box .txt-left {
  float: left;
}

.experience .wrap .cont .con .box .img-right {
  float: right;
}

.experience .wrap .cont .con .box .img img {
  max-width: 100%;
}

@media screen and (min-width: 640px) {
  .experience .wrap .cont .con .box .img img {
    margin-top: -28px;
  }
}
/*.experience*/
/* kourituchukouikkan    pic2words */
.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box {
  position: relative;
  height: 346px;
  background: url(/course/kourituchukouikkan/images/bnr_pc.jpg) center center no-repeat;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-top {
  position: absolute;
  right: 25px;
  top: 40px;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-top .add-ttl {
  font-size: 58px;
  color: #333;
  border-left: 10px solid #22ac38;
  padding-left: 10px;
  line-height: 1.1;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-bottom {
  font-size: 14px;
  color: #fff;
  position: absolute;
  left: 20px;
  bottom: 12px;
  line-height: 1.2;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-right {
  position: absolute;
  right: 30px;
  bottom: 20px;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-right .add-txt {
  text-align: center;
  font-size: 24px;
  color: #333;
  border-bottom: 2px dotted #6d6d6d;
  padding-bottom: 8px;
  margin: 12px 0;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-right .add-txt.add-txt-last {
  border: 0 none;
}

.juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-pc .add-cont-box .add-text-right .add-txt span {
  background-color: #ffff00;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box {
    border: 4px solid #22ac38;
    position: relative;
    padding: 10px 15px 12px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-ttl {
    border-left: 6px solid #22ac38;
    padding-left: 6px;
    font-size: 32px;
    color: #333;
    line-height: 1.2;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    clear: both;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle .text .under-txt {
    text-align: center;
    font-size: 12px;
    color: #333;
    border-bottom: 1px dotted #6d6d6d;
    padding-bottom: 4px;
    margin: 6px 0;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle .text .under-txt span {
    background-color: #ffff00;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle .text .under-txt.txt-last {
    border: 0 none;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle .pic {
    float: left;
    width: 30%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-cont-box .add-text-middle .text {
    float: left;
    width: 68%;
    margin-left: 1%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .mvBnr.only-sp .add-text-bottom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 8px;
    line-height: 1.2;
    font-size: 11px;
    color: #fff;
    background-color: #22ac38;
  }
}
/* kourituchukouikkan    pic2words */
.juken-top.course.kourituchukouikkan .intro-top .courseTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

/* pub */
.juken-top.course.kourituchukouikkan .intro-top .pub {
  border: 5px solid #eee;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 60px;
}

.juken-top.course.kourituchukouikkan .intro-top .pub * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.juken-top.course.kourituchukouikkan .intro-top .pub .left {
  float: left;
}

.juken-top.course.kourituchukouikkan .intro-top .pub .imgArea {
  float: left;
  margin-left: 30px;
}

.juken-top.course.kourituchukouikkan .intro-top .pub .right {
  float: left;
  margin-left: 30px;
}

.juken-top.course.kourituchukouikkan .intro-top .pub .sub-title {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 25px;
}

.juken-top.course.kourituchukouikkan .intro-top .pub dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.juken-top.course.kourituchukouikkan .intro-top .pub dd {
  margin-bottom: 14px;
}

.juken-top.course.kourituchukouikkan .intro-top .pub dd a {
  text-decoration: none;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 1px #999;
  color: #333;
  font-size: 1.6rem;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .intro-top .pub {
    padding: 10px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .imgArea {
    display: none;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .right,
  .juken-top.course.kourituchukouikkan .intro-top .pub .left {
    float: none;
    width: 100%;
    margin: 0;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .left {
    display: table;
    width: 100%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .sub-title {
    font-size: 20px;
    line-height: 1.4;
    padding-left: 4.3%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .left img,
  .juken-top.course.kourituchukouikkan .intro-top .pub .left span {
    display: table-cell;
    vertical-align: middle;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .left span {
    width: 70%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .left span img {
    max-width: 100%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .left .pic {
    width: 28.98%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub dt {
    font-size: 14px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub dd a {
    font-size: 12px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .box .left,
  .juken-top.course.kourituchukouikkan .intro-top .pub .box .right {
    float: left;
    width: 50%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub {
    margin-top: 30px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .box {
    margin-top: 20px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .fix-bottom {
    margin-bottom: 0;
  }

  .juken-top.course.kourituchukouikkan .intro-top .pub .pc {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .juken-top.course.kourituchukouikkan .intro-top .pub .sp {
    display: none;
  }

  .juken-top.course.kourituchukouikkan .intro-top .title.only-sp {
    display: none;
  }
}
/* pub */
.juken-top.course.kourituchukouikkan .intro-top .tlt {
  display: table;
}

.juken-top.course.kourituchukouikkan .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.juken-top.course.kourituchukouikkan .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.juken-top.course.kourituchukouikkan .intro-top .sub-tlt {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .intro-top .tlt {
    margin-top: 0;
  }

  .juken-top.course.kourituchukouikkan .intro-top .title {
    font-size: 29px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .sub-tlt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.juken-top.course.kourituchukouikkan .intro-top .table.only-pc {
  /*margin-top: 42px;*/
  display: block;
}

.juken-top.course.kourituchukouikkan .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.juken-top.course.kourituchukouikkan .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.juken-top.course.kourituchukouikkan .intro-top .es06 {
  margin-right: 10px;
}

.juken-top.course.kourituchukouikkan .intro-top .fix-right {
  margin-right: 0;
}

.juken-top.course.kourituchukouikkan .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.juken-top.course.kourituchukouikkan .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.juken-top.course.kourituchukouikkan .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.juken-top.course.kourituchukouikkan .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 160px;
  text-align: center;
}

.juken-top.course.kourituchukouikkan .intro-top .table .td.td01 {
  width: 86px;
}

.juken-top.course.kourituchukouikkan .intro-top .table .td.td02 {
  width: 160px;
}

.juken-top.course.kourituchukouikkan .intro-top .table .td.td03 {
  width: 145px;
  font-weight: bold;
  background-color: #eee;
}

.juken-top.course.kourituchukouikkan .intro-top .table.only-pc .tr {
  border-bottom: 1px solid #d6d6d6;
}

.juken-top.course.kourituchukouikkan .intro-top .link {
  padding-left: 12px;
  margin-left: 10px;
  padding-bottom: 5px;
  background: url(/course/kourituchukouikkan/images/link-more.jpg) no-repeat left 7px;
}

.juken-top.course.kourituchukouikkan .intro-top .link a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #999999;
  box-shadow: 0 1px #cccccc;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .intro-top .table.only-pc {
    display: none;
  }

  .juken-top.course.kourituchukouikkan .table.only-sp {
    display: block;
    margin-top: 38px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .juken-top.course.kourituchukouikkan .intro-top .table .td:first-child {
    width: 21.73%;
  }

  .juken-top.course.kourituchukouikkan .intro-top .tlt,
  .juken-top.course.kourituchukouikkan .intro-top .tlt h1,
  .juken-top.course.kourituchukouikkan .intro-top .tlt p {
    display: inline-block;
  }

  .juken-top.course.kourituchukouikkan .intro-top .table .foot {
    font-size: 10px;
    margin-top: 4px;
  }

  .juken-top.course.kourituchukouikkan .intro-top .link {
    margin-left: 38px;
  }
}
/*********************chara-list*****************************/
.juken-top.course.kourituchukouikkan .chara-list .chara-title {
  font-size: 38px;
  font-weight: normal;
  line-height: 1.2;
}

/* .juken-top.course.kourituchukouikkan .chara-list {margin-top: 87px;} */
.juken-top.course.kourituchukouikkan .chara-list03 {
  margin-top: 0;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item .inner-left {
  width: 560px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item .inner-right {
  width: 300px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item .inner-right img {
  max-width: 100%;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item p strong {
  background-color: #ffff00;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item .ttl {
  font-size: 28px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 23px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.item01 {
  border-top: 0 none;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.item02 {
  border-bottom: none;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.item02 .tpl-base-btn a {
  width: 360px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.chara-item-tlt-02 {
  border-bottom: none;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.chara-item-tlt-02 .inner-right, .juken-top.course.kourituchukouikkan .chara-list .chara-item.item09 .inner-right {
  margin-top: 0px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.chara-item-tlt-03 .inner-right {
  margin-top: -125px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item.item09 {
  padding-top: 0;
  border-top: none;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item div.txt {
  margin-top: 40px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item div.txt .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item div.txt p.txt {
  font-size: 14px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item div.txt p.ttl i {
  font-size: 14px;
  font-style: normal;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .chara-list .chara-item.item01 {
    padding-top: 20px;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item {
    padding: 47px 0;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-title {
    font-size: 25px;
    line-height: 1.3;
  }

  .juken-top.course.kourituchukouikkan .chara-list {
    margin-top: 50px;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item .inner-left,
  .juken-top.course.kourituchukouikkan .chara-list .chara-item .inner-right {
    width: 100%;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item .inner-right {
    margin-top: 25px !important;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item.item02 .tpl-base-btn {
    margin: 26px 0 7px;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item.item02 .tpl-base-btn a {
    width: 94%;
    margin: 0 auto;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item .ttl {
    font-size: 20px;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item p {
    font-size: 13px;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item div.txt {
    margin-top: 33px;
  }
}
/******************chara-list*********************************/
/******************chara-list2*********************************/
.juken-top.course.kourituchukouikkan .chara-list02.middle {
  margin-top: 0px;
}

.juken-top.course.kourituchukouikkan .chara-list02 .line {
  margin-top: 34px;
  width: 100%;
  height: 1px;
  background-color: transparent;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .chara-list02 .line {
    margin-top: 36px;
  }
}
/******************chara-list2*********************************/
.juken-top.course.kourituchukouikkan .chara-list .fix-top {
  margin-top: 0 !important;
}

.juken-top.course.kourituchukouikkan .chara-list .line {
  width: 100%;
  margin-top: 28px;
}

.juken-top.course.kourituchukouikkan .chara-list .line92 {
  margin-top: 92px;
}

.juken-top.course.kourituchukouikkan .chara-list .line38 {
  margin-top: 38px;
}

.juken-top.course.kourituchukouikkan .chara-list .chara-item .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .chara-list .line {
    margin-top: 49px !important;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item .title {
    font-size: 16px;
  }

  .juken-top.course.kourituchukouikkan .chara-list .chara-item.item09 {
    border-bottom: dotted 1px #b2b2b2;
  }
}
/* foot-btns */
.juken-top.course.kourituchukouikkan .foot-btns {
  margin-top: 30px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn {
  width: 560px;
  background-color: #f0f5d7;
  padding: 35px;
  float: left;
  color: #333;
  font-weight: normal;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn .tpl-base-btn a {
  width: 300px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn.right .tpl-base-btn a {
  width: 220px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn.right {
  float: right;
  width: 300px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn dt {
  font-size: 28px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn dd {
  margin: 0;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn dd.text {
  font-size: 14px;
  margin: 18px 0 16px;
  line-height: 1.3;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn dd.des {
  font-size: 22px;
  color: #22ac38;
  margin-top: 20px;
  margin-bottom: 28px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn dd.des span {
  font-weight: bold;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn dd.img {
  margin-bottom: 22px;
}

.juken-top.course.kourituchukouikkan .foot-btns .btn.right dd.img {
  margin-bottom: 19px;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .foot-btns {
    margin-top: 46px;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn {
    padding: 29px 9px;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn dd.text {
    font-size: 13px;
    margin: 11px 0px;
    line-height: 1.8;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn dt {
    font-size: 23px;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn {
    float: none !important;
    width: 100%;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn.right {
    margin-top: 15px;
    width: 100%;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn .tpl-base-btn a,
  .juken-top.course.kourituchukouikkan .foot-btns .btn.right .tpl-base-btn a {
    width: 100%;
  }

  .juken-top.course.kourituchukouikkan .foot-btns .btn dd.des {
    font-size: 16px;
  }
}
/* foot-btns */
/* section-search */
/* fiddler */
.renew-2016 .chugaku-juken.course.s01 .other {
  font-size: 12px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .other {
    font-size: 10px;
  }
}
/* foot-btns */
.renew-2016 .chugaku-juken.course.s01 .foot-btns {
  margin-top: 30px;
}

.renew-2016 .chugaku-juken.course.s01 .foot-btns .btn {
  width: 435px;
  background-color: #fdedee;
  padding: 35px;
  float: left;
  color: #333;
  font-weight: normal;
}

.renew-2016 .chugaku-juken.course.s01 .foot-btns .btn.right {
  float: right;
}

.renew-2016 .chugaku-juken.course.s01 .foot-btns .btn dt {
  font-size: 28px;
}

.renew-2016 .chugaku-juken.course.s01 .foot-btns .btn dd.text {
  font-size: 14px;
  margin: 18px 0 16px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .chugaku-juken.course.s01 .foot-btns {
    margin-top: 46px;
  }

  .renew-2016 .chugaku-juken.course.s01 .foot-btns .btn {
    padding: 29px 9px;
  }

  .renew-2016 .chugaku-juken.course.s01 .foot-btns .btn dd.text {
    font-size: 13px;
    margin: 11px 0px;
    line-height: 1.8;
  }

  .renew-2016 .chugaku-juken.course.s01 .foot-btns .btn dt {
    font-size: 23px;
  }

  .renew-2016 .chugaku-juken.course.s01 .foot-btns .btn {
    float: none !important;
    width: 100%;
  }

  .renew-2016 .chugaku-juken.course.s01 .foot-btns .btn.right {
    margin-top: 15px;
  }
}
/* foot-btns */
/* 公立中進学コース */
.renew-2016 .course.s06 {
  margin-bottom: 60px;
}

.renew-2016 .course.s06 .x04 {
  background-color: #83c99d;
}

.renew-2016 .course.s06 .x05 {
  background-color: #1ab16c;
}

.renew-2016 .course.s06 .x06 {
  background-color: #15974d;
}

.renew-2016 .course.s06 .juken-top .koukou-juken .chara-item .ttl {
  color: #22ac38;
}

.renew-2016 .course.s06 .juken-top .koukou-juken a.link-blue {
  color: #333;
}

.renew-2016 .course.s06 .juken-top .koukou-juken .btn-blue a {
  background-color: #2266ac;
  border: solid 1px #22ac38;
  box-shadow: 0 3px #286c0b;
}

.renew-2016 .course.s06 .juken-top .koukou-juken .btn-blue a:hover {
  background-color: #fff;
  color: #22ac38;
}

.renew-2016 .course.s06 .intro-top {
  margin-bottom: 87px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .intro-top {
    margin-bottom: 0;
  }
}
.renew-2016 .course.s06 .intro-top .tlt {
  display: table;
  margin-bottom: 20px;
}

.renew-2016 .course.s06 .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.renew-2016 .course.s06 .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.renew-2016 .course.s06 .intro-top .sub-tlt {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .intro-top .tlt {
    margin-top: 0;
  }

  .renew-2016 .course.s06 .intro-top .title {
    font-size: 29px;
  }

  .renew-2016 .course.s06 .intro-top .sub-tlt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.renew-2016 .course.s06 .intro-top .table.only-pc {
  margin-top: 42px;
  display: block;
}

.renew-2016 .course.s06 .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.renew-2016 .course.s06 .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.renew-2016 .course.s06 .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.renew-2016 .course.s06 .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .course.s06 .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .course.s06 .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 160px;
  text-align: center;
}

.renew-2016 .course.s06 .intro-top .table .td.td01 {
  width: 86px;
}

.renew-2016 .course.s06 .intro-top .table .td.td02 {
  width: 160px;
}

.renew-2016 .course.s06 .intro-top .table .td.td03 {
  width: 145px;
  font-weight: bold;
  background-color: #eee;
}

/*.renew-2016 .course.s06 .intro-top .table.only-pc .tr{border-bottom: 1px solid #d6d6d6;}*/
@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .intro-top .table.only-pc {
    display: none;
  }

  .table.only-sp {
    display: block;
    margin-top: 38px;
  }

  .renew-2016 .course.s06 .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .renew-2016 .course.s06 .intro-top .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .renew-2016 .course.s06 .intro-top .table .td:first-child {
    width: 21.73%;
  }

  .renew-2016 .course.s06 .intro-top .table .foot {
    font-size: 10px;
    margin-top: 4px;
  }
}
.renew-2016 .course.s06 .foot-btns .btn a {
  background: #22ac38;
  border: solid 1px #22ac38;
  box-shadow: 0 3px #286c0b;
}

.renew-2016 .course.s06 .foot-btns .btn a:hover {
  background-color: #fff;
  color: #22ac38;
  box-shadow: 0 1px #286c0b;
}

/*********************chara-list*****************************/
.renew-2016 .course.s06 .chara-list .chara-title {
  font-size: 38px;
  font-weight: normal;
  line-height: 1.2;
}

.renew-2016 .course.s06 .chara-list .chara-item .inner-left {
  width: 560px;
}

.renew-2016 .course.s06 .chara-list .chara-item .inner-right {
  width: 300px;
}

.renew-2016 .course.s06 .chara-list .chara-item .inner-right img {
  max-width: 100%;
}

.renew-2016 .course.s06 .chara-list .chara-item p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.renew-2016 .course.s06 .chara-list .chara-item p strong {
  background-color: #ffff00;
}

.renew-2016 .course.s06 .chara-list .chara-item .ttl {
  font-size: 28px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 23px;
  color: #22ac38;
}

.renew-2016 .course.s06 .chara-list .chara-item.item01 {
  border-top: 0 none;
}

.renew-2016 .course.s06 .chara-list .chara-item.item02 .tpl-base-btn a {
  width: 360px;
}

.renew-2016 .course.s06 .chara-list .chara-item.chara-item-tlt-02 .inner-right {
  margin-top: -90px;
}

.renew-2016 .course.s06 .chara-list .chara-item.chara-item-tlt-03 .inner-right {
  margin-top: -125px;
}

.renew-2016 .course.s06 .chara-list .chara-item div.txt {
  margin-top: 40px;
}

.renew-2016 .course.s06 .chara-list .chara-item div.txt .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.renew-2016 .course.s06 .chara-list .chara-item div.txt p.txt {
  font-size: 14px;
}

.renew-2016 .course.s06 .chara-list .chara-item div.txt p.ttl i {
  font-size: 14px;
  font-style: normal;
}

.renew-2016 .course.s06 .chara-list .chara-item h4 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 15px;
  font-weight: bold;
}

.fc-01 {
  background-color: #ffd632;
  display: inline-block;
  padding: 0 2px;
  margin-right: 4px;
}

.fc-02 {
  background-color: #febd5b;
  display: inline-block;
  padding: 0 2px;
  margin-right: 4px;
}

.fc-03 {
  background-color: #fea4cd;
  display: inline-block;
  padding: 0 2px;
  margin-right: 4px;
}

.fc-04 {
  background-color: #93d5ff;
  display: inline-block;
  padding: 0 2px;
}

.renew-2016 .course.s06 .boxlayaut_english {
  width: 100%;
  border: 3px solid #eee;
}

.renew-2016 .course.s06 .boxlayaut_english_ttlwrap {
  margin-top: -30px;
  text-align: center;
}

.renew-2016 .course.s06 .boxlayaut_english h3 {
  display: inline-block;
  margin: auto;
  font-size: 26px;
  line-height: 2;
  font-weight: 200;
  text-align: center;
  padding: 0 30px 20px 30px;
  background: #fff;
}

.renew-2016 .course.s06 .boxlayaut_english h3:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 22px;
  height: 32px;
  padding-right: 5px;
  background: url(/course/images/s09/juniorenglish-part_left.png) 0 0 no-repeat;
}

.renew-2016 .course.s06 .boxlayaut_english h3:after {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 22px;
  height: 32px;
  padding-left: 5px;
  background: url(/course/images/s09/juniorenglish-part_right.png) 100% 0 no-repeat;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul {
  display: flex;
  padding-bottom: 10px;
  margin-top: 10px;
  padding: 10px 40px 40px 40px;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li {
  width: 240px;
  margin-right: 50px;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li:last-child {
  margin-right: 0px;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt {
  padding-top: 10px;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt p {
  text-align: center;
  font-size: 16px;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt span {
  font-size: 24px;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd {
  font-size: 1.4rem;
  line-height: 1.8;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd strong {
  background: #ff0;
}

.renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd span {
  font-weight: bold;
}

.renew-2016 .course.s06 .chara-list .chara-item.item02 {
  border-top: none;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .chara-list .chara-item h4 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .renew-2016 .course.s06 .boxlayaut_english {
    box-sizing: border-box;
    margin: auto;
    padding: 20px;
  }

  .renew-2016 .course.s06 .boxlayaut_english_ttlwrap {
    margin-top: -4.5rem;
  }

  .renew-2016 .course.s06 .boxlayaut_english h3 {
    font-size: 2rem;
    font-weight: 200;
    text-align: center;
    padding: 0 10px 20px 10px;
  }

  .renew-2016 .course.s06 .boxlayaut_english h3:before {
    width: 11px;
    height: 16px;
    background-size: auto 100%;
  }

  .renew-2016 .course.s06 .boxlayaut_english h3:after {
    width: 11px;
    height: 16px;
    background-size: auto 100%;
  }

  .renew-2016 .course.s06 .boxlayaut_english h4 {
    float: left;
    width: 40px;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul {
    display: block;
    float: left;
    width: calc(100% - 40px);
    padding: 0;
    padding-top: 10px;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li {
    float: none;
    width: 230px;
    margin: auto;
    margin-bottom: 50px;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li:last-child {
    margin: auto auto 0;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt {
    padding-top: 0px;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt p {
    text-align: center;
    font-size: 1.6rem;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt span {
    font-size: 2.4rem;
  }

  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd {
    padding-top: 10px;
    font-size: 1.2rem;
  }
}
	/*@media screen and (max-width:320px){
	  .renew-2016 .course.s06 .boxlayaut_english{
	    width: 260px;
	  }
	  .renew-2016 .course.s06 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li{
	    float: left;
	  }

	}*/
@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .chara-list .chara-title {
    font-size: 25px;
    line-height: 1.3;
  }

  .renew-2016 .course.s06 .chara-list {
    margin-top: 50px;
  }

  .renew-2016 .course.s06 .chara-list .chara-item .inner-left,
  .renew-2016 .course.s06 .chara-list .chara-item .inner-right {
    width: 100%;
  }

  .renew-2016 .course.s06 .chara-list .chara-item .inner-right {
    margin-top: 25px !important;
  }

  .renew-2016 .course.s06 .chara-list .chara-item.item02 .tpl-base-btn {
    margin: 26px 0 7px;
  }

  .renew-2016 .course.s06 .chara-list .chara-item.item02 .tpl-base-btn a {
    width: 94%;
    margin: 0 auto;
  }

  .renew-2016 .course.s06 .chara-list .chara-item .ttl {
    font-size: 20px;
  }

  .renew-2016 .course.s06 .chara-list .chara-item p {
    font-size: 13px;
  }

  .renew-2016 .course.s06 .chara-list .chara-item div.txt {
    margin-top: 33px;
  }
}
/******************chara-list*********************************/
/******************chara-list2*********************************/
.renew-2016 .course.s06 .chara-list02 .fix-top {
  margin-top: 0;
}

.renew-2016 .course.s06 .chara-list02 .line {
  margin-top: 34px;
  width: 100%;
  height: 1px;
  background-color: transparent;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .chara-list02 .line {
    margin-top: 36px;
  }
}
/******************chara-list2*********************************/
.renew-2016 .course.s06 .chara-list .chara-item .con3 {
  margin-top: 35px;
}

.renew-2016 .course.s06 .chara-list .chara-item .con3 dl {
  width: 30.3%;
  float: left;
  margin-right: 4.4%;
}

.renew-2016 .course.s06 .chara-list .chara-item .con3 dl:last-child {
  margin-right: 0;
}

.renew-2016 .course.s06 .chara-list .chara-item .con3 dt.tlt {
  font-size: 18px;
  font-weight: bold;
}

.renew-2016 .course.s06 .chara-list .chara-item .con3 dd.txt {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 13px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .chara-list .chara-item .con3 dl {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 33px;
  }

  .renew-2016 .course.s06 .chara-list .chara-item .con3 dt.tlt {
    font-size: 16px;
  }

  .renew-2016 .course.s06 .chara-list .chara-item .con3 dd.txt {
    font-size: 13px;
  }
}
/* foot-btns */
.renew-2016 .course.s06 .foot-btns {
  margin-top: 30px;
}

.renew-2016 .course.s06 .foot-btns .btn {
  width: 435px;
  background-color: #f0f5d7;
  padding: 35px;
  float: left;
  color: #333;
  font-weight: normal;
}

.renew-2016 .course.s06 .foot-btns .btn.right {
  float: right;
}

.renew-2016 .course.s06 .foot-btns .btn dt {
  font-size: 28px;
}

.renew-2016 .course.s06 .foot-btns .btn dd.text {
  font-size: 14px;
  margin: 18px 0 16px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .foot-btns {
    margin-top: 46px;
  }

  .renew-2016 .course.s06 .foot-btns .btn {
    padding: 29px 9px;
  }

  .renew-2016 .course.s06 .foot-btns .btn dd.text {
    font-size: 13px;
    margin: 11px 0px;
    line-height: 1.8;
  }

  .renew-2016 .course.s06 .foot-btns .btn dt {
    font-size: 23px;
  }

  .renew-2016 .course.s06 .foot-btns .btn {
    float: none !important;
    width: 100%;
  }

  .renew-2016 .course.s06 .foot-btns .btn.right {
    margin-top: 15px;
  }
}
/* foot-btns */
/* 旧デザインをオーバーライド */
.cmn-wrap {
  width: auto;
}

.cmn-wrap .only-pc {
  display: block !important;
}

.cmn-wrap .only-sp {
  display: none !important;
}

@media only screen and (max-width: 639px) {
  .cmn-wrap .only-pc {
    display: none !important;
  }

  .cmn-wrap .only-sp {
    display: block !important;
  }
}
.cmn-wrap + #contents img {
  display: inline-block;
}

.renew-2016 .p-course-content .c-link i,
.renew-2016 .p-category .c-link i {
  top: 4px;
}

.renew-2016 .p-category li {
  margin: 0 18px 10px 0;
}

.page-navi li {
  height: 33px;
}

.icon-grade,
.icon-grade--small {
  border-radius: 50% 50%;
  color: #fff;
  font-weight: bold;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 148%;
}

.icon-grade span,
.icon-grade--small span {
  font-weight: normal;
  font-size: 85%;
}

.icon-grade--small {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 85%;
}

.icon-grade--small span {
  font-weight: normal;
  margin-right: 0;
  font-size: 70%;
}

.icon-grade.kinder,
.kinder.icon-grade--small {
  background: #ec6d88;
}

.icon-grade.es01,
.es01.icon-grade--small {
  background: #FFCC00;
}

.icon-grade.es02,
.es02.icon-grade--small {
  background: #FAA21B;
}

.icon-grade.es03,
.es03.icon-grade--small {
  background: #F5821F;
}

.icon-grade.es04,
.es04.icon-grade--small {
  background: #81CA9C;
}

.icon-grade.es05,
.es05.icon-grade--small {
  background: #00B26A;
}

.icon-grade.es06,
.es06.icon-grade--small {
  background: #00984A;
}

.icon-grade.jhs01,
.jhs01.icon-grade--small {
  background: #32A3DC;
}

.icon-grade.jhs02,
.jhs02.icon-grade--small {
  background: #0089CF;
}

.icon-grade.jhs03,
.jhs03.icon-grade--small {
  background: #006CB7;
}

.icon-grade.hs01,
.hs01.icon-grade--small {
  background: #314DB3;
}

.icon-grade.hs02,
.hs02.icon-grade--small {
  background: #343599;
}

.icon-grade.hs03,
.hs03.icon-grade--small {
  background: #360094;
}

.renew-2016 .p-event__expired p i {
  top: 0;
}

.c-conv.l-row .tpl-base-btn {
  width: 100%;
  margin: 20px 0;
}

.c-conv.l-row .tpl-base-btn a {
  width: 100%;
  background-color: #cc0000;
  border: 1px solid #cc0000;
  box-shadow: 0 3px #8d0f0f;
}

@media only screen and (min-width: 640px) {
  .c-conv.l-row .tpl-base-btn a:hover {
    background-color: #fff;
    color: #cc0000;
    box-shadow: 0 1px #8d0f0f;
  }

  .c-conv.l-row .tpl-base-btn a:hover:before {
    border-top: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
  }
}
@media only screen and (max-width: 639px) {
  .c-conv.l-row .tpl-base-btn a:hover:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
/* course/science.html */
/* course/science.html */
.renew-2016 .science {
  font-size: 14px;
}

.renew-2016 .science * {
  box-sizing: border-box;
}

.renew-2016 .science .text {
  line-height: 1.7;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science {
    font-size: 11px;
  }
}
.renew-2016 .science .row {
  margin: 0 -10px;
}

.renew-2016 .science .col3 {
  float: left;
  width: 33.3333%;
  padding: 0 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .row {
    margin: 0;
  }

  .renew-2016 .science .col3 {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.renew-2016 .science .alert {
  color: #E5182C;
}

.renew-2016 .science .inline-block {
  display: inline-block;
}

.renew-2016 .science .intro-top {
  border-bottom: 1px dotted #b2b2b2;
  padding-bottom: 60px;
}

.renew-2016 .science .intro-top .tlt {
  display: table;
}

.renew-2016 .science .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 60px;
  padding-right: 10px;
  color: #333;
  font-weight: normal;
}

.renew-2016 .science .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.renew-2016 .science .intro-top .label {
  font-size: 16px;
  padding: 3px 6px 5px;
  margin-right: 1px;
}

.renew-2016 .science .intro-top .lead {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .intro-top {
    padding-bottom: 10px;
  }

  .renew-2016 .science .intro-top .tlt {
    position: relative;
    display: block;
  }

  .renew-2016 .science .intro-top .title {
    display: block;
    vertical-align: top;
    font-size: 30px;
    padding-right: 0;
    padding-top: 24px;
  }

  .renew-2016 .science .intro-top .labels {
    position: absolute;
    left: 0;
    top: 0;
  }

  .renew-2016 .science .intro-top .label {
    font-size: 11px;
  }

  .renew-2016 .science .intro-top .lead {
    font-size: 12px;
    margin-bottom: 25px;
  }
}
.renew-2016 .science .intro-top .sub-ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.renew-2016 .science .intro-top .table {
  width: 100%;
  border-top: 1px solid #d6d6d6;
  margin-bottom: 40px;
}

.renew-2016 .science .intro-top .table tr {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .science .intro-top .table th,
.renew-2016 .science .intro-top .table td {
  vertical-align: middle;
  padding: 30px 25px;
  text-align: left;
}

.renew-2016 .science .intro-top .table th {
  font-weight: bold;
  background-color: #eee;
  width: 170px;
}

.renew-2016 .science .intro-top .table .table-course p:not(:last-child) {
  margin-bottom: 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .intro-top .sub-ttl {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .renew-2016 .science .intro-top .table {
    margin-bottom: 20px;
  }

  .renew-2016 .science .intro-top .table th,
  .renew-2016 .science .intro-top .table td {
    padding: 15px;
  }

  .renew-2016 .science .intro-top .table th {
    width: 80px;
  }

  .renew-2016 .science .intro-top .table .table-course-name {
    display: block;
  }
}
.renew-2016 .science .intro-top .page-link {
  margin: 0 -5px;
}

.renew-2016 .science .intro-top .page-link > li {
  width: 25%;
  display: block;
  float: left;
  padding: 0 5px;
}

.renew-2016 .science .intro-top .page-link > li.tpl-base-btn a {
  width: 100%;
}

.renew-2016 .science .intro-top .page-link > li.tpl-base-btn a:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .intro-top .page-link > li {
    width: 50%;
    margin-bottom: 10px;
  }

  .renew-2016 .science .intro-top .page-link > li.tpl-base-btn a {
    padding-left: 0;
    padding-right: 10px;
    font-size: 12px;
  }

  .renew-2016 .science .intro-top .page-link > li.tpl-base-btn a:before {
    right: 10px;
  }
}
.renew-2016 .science .section {
  padding: 60px 0 80px;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .science .section-block {
  margin-bottom: 60px;
}

.renew-2016 .science .section-block-body {
  width: 560px;
  margin-right: 30px;
  float: left;
}

.renew-2016 .science .section-block-r {
  width: 300px;
  float: right;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .section {
    padding: 30px 0 40px;
  }

  .renew-2016 .science .section-block {
    margin-bottom: 30px;
  }

  .renew-2016 .science .section-block-body {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
  }

  .renew-2016 .science .section-block-r {
    width: 100%;
    float: none;
  }
}
.renew-2016 .science .section-ttl {
  font-weight: normal;
  font-size: 40px;
  margin-bottom: 35px;
}

.renew-2016 .science .section-lead {
  color: #22ac38;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 1.2;
}

.renew-2016 .science .section-lead-area {
  border-bottom: 1px solid #22ac38;
  margin-bottom: 20px;
}

.renew-2016 .science .section-lead-area .section-lead {
  margin-top: 5px;
  margin-bottom: 20px;
  display: inline-block;
  padding-right: 10px;
}

.renew-2016 .science .section-sub-ttl {
  background: #22ac38;
  color: #fff;
  font-weight: bold;
  height: 40px;
  border-radius: 20px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 60px;
}

.renew-2016 .science .section-block-img {
  margin-bottom: 20px;
}

.renew-2016 .science .section-block-img img {
  max-width: 100%;
  height: auto;
}

.renew-2016 .science .section-block-movie {
  margin-bottom: 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .section-ttl {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .renew-2016 .science .section-lead {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .renew-2016 .science .section-lead-area {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .renew-2016 .science .section-lead-area .section-lead {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    padding-right: 0;
  }

  .renew-2016 .science .section-sub-ttl {
    height: 30px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .renew-2016 .science .section-block-img {
    margin-bottom: 10px;
  }
}
.renew-2016 .science .box-note {
  display: inline-block;
  margin-top: 20px;
  border: 1px dotted #ccc;
  padding: 20px;
  font-size: 12px;
}

.renew-2016 .science .box-note p {
  line-height: 1.6;
}

.renew-2016 .science .icon-pdf {
  background: url(../course/images/science/icon-pdf.png) left center no-repeat;
  background-size: 13px 13px;
  padding-left: 20px;
  color: #2266ac;
}

.renew-2016 .science .movie-content {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
}

.renew-2016 .science .movie-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .box-note {
    margin-top: 15px;
    padding: 10px;
    font-size: 10px;
  }
}
.renew-2016 .science .area-link {
  clear: both;
  padding: 40px 30px 0;
}

.renew-2016 .science .area-link li.tpl-base-btn {
  width: 20%;
  display: block;
  float: left;
  padding: 0 5px;
}

.renew-2016 .science .area-link li.tpl-base-btn a {
  background: #fca300;
  border-color: #fca300;
  box-shadow: 0 3px 0 #c76a1b;
  width: 100%;
}

.renew-2016 .science .area-link li.tpl-base-btn a:hover {
  background: #fff;
  color: #fca300;
}

.renew-2016 .science .area-link li.tpl-base-btn a:hover::before,
.renew-2016 .science .area-link li.tpl-base-btn a:hover::after {
  border-color: #fca300;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .area-link {
    padding: 0;
    margin: 0 -5px;
  }

  .renew-2016 .science .area-link li.tpl-base-btn {
    width: 33.333%;
    margin-top: 10px;
    padding: 0 5px;
  }

  .renew-2016 .science .area-link li.tpl-base-btn a {
    padding-left: 0;
    padding-right: 10px;
    font-size: 12px;
  }

  .renew-2016 .science .area-link li.tpl-base-btn a:before {
    right: 10px;
  }
}
.renew-2016 .science .caption {
  font-size: 12px;
}

.renew-2016 .science .caption-list p {
  font-size: 12px;
  line-height: 1.4;
}

.renew-2016 .science .caption-list p:not(:last-child) {
  margin-bottom: 8px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .caption {
    font-size: 10px;
  }

  .renew-2016 .science .caption-list p {
    font-size: 10px;
  }

  .renew-2016 .science .caption-list p:not(:last-child) {
    margin-bottom: 5px;
  }
}
.renew-2016 .science .taiken {
  border: 1px solid #22ac38;
  margin-top: 70px;
}

.renew-2016 .science .taiken-title {
  background: #22ac38;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  position: relative;
}

.renew-2016 .science .taiken-title:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border-top-color: #22ac38;
  border-width: 16px;
  margin-left: -16px;
}

.renew-2016 .science .taiken-body {
  padding: 30px;
}

.renew-2016 .science .taiken-course {
  border: 2px solid #ccc;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
  margin: 40px 0;
}

.renew-2016 .science .taiken-course-label {
  margin-bottom: 15px;
}

.renew-2016 .science .taiken-course-title {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}

.renew-2016 .science .taiken-course-title p {
  display: table-cell;
  width: 100%;
  height: 55px;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}

.renew-2016 .science .taiken-course-time {
  margin-bottom: 15px;
}

.renew-2016 .science .taiken-course-price dt,
.renew-2016 .science .taiken-course-price dd {
  display: inline;
}

.renew-2016 .science .taiken-course-price dd {
  color: #E5182C;
}

.renew-2016 .science .taiken-btn {
  margin-top: 20px;
}

.renew-2016 .science .taiken-btn .tpl-base-btn,
.renew-2016 .science .taiken-btn .tpl-base-btn a {
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .taiken {
    margin-top: 30px;
  }

  .renew-2016 .science .taiken-title {
    padding: 8px;
    font-size: 15px;
  }

  .renew-2016 .science .taiken-title:after {
    border-width: 10px;
    margin-left: -10px;
  }

  .renew-2016 .science .taiken-body {
    padding: 15px;
  }

  .renew-2016 .science .taiken .row {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .renew-2016 .science .taiken-course {
    padding: 15px;
    margin: 10px auto 0;
    width: 220px;
  }

  .renew-2016 .science .taiken-course-label {
    margin-bottom: 10px;
  }

  .renew-2016 .science .taiken-course-title {
    margin-bottom: 10px;
  }

  .renew-2016 .science .taiken-course-title p {
    display: block;
    height: auto;
    font-size: 15px;
  }

  .renew-2016 .science .taiken-course-time {
    margin-bottom: 10px;
  }

  .renew-2016 .science .taiken-btn {
    margin-top: 15px;
  }

  .renew-2016 .science .taiken-btn .tpl-base-btn,
  .renew-2016 .science .taiken-btn .tpl-base-btn a {
    font-size: 12px;
  }
}
.renew-2016 .science .feature {
  margin-bottom: 100px;
}

.renew-2016 .science .feature-block {
  border: 2px solid #22ac38;
  border-radius: 5px;
  text-align: center;
  padding: 30px 40px;
  position: relative;
}

.renew-2016 .science .feature-label {
  position: absolute;
  background: #22ac38;
  color: #fff;
  top: -15px;
  left: 50%;
  width: 120px;
  height: 30px;
  margin-left: -60px;
  border-radius: 15px;
  font-size: 16px;
  line-height: 28px;
}

.renew-2016 .science .feature-title {
  font-weight: bold;
  margin-bottom: 20px;
}

.renew-2016 .science .feature-title span {
  margin-top: 10px;
  font-size: 20px;
  color: #22ac38;
  display: block;
}

.renew-2016 .science .feature-img {
  width: 200px;
  height: auto;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .feature {
    margin-bottom: 20px;
  }

  .renew-2016 .science .feature-block {
    width: 240px;
    margin: 0 auto 20px;
    padding: 20px 30px 15px;
  }

  .renew-2016 .science .feature-label {
    top: -10px;
    width: 80px;
    height: 20px;
    margin-left: -40px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
  }

  .renew-2016 .science .feature-title {
    margin-bottom: 15px;
  }

  .renew-2016 .science .feature-title span {
    margin-top: 8px;
    font-size: 15px;
  }

  .renew-2016 .science .feature-img {
    width: 135px;
  }
}
.renew-2016 .science .science-movie {
  text-align: center;
}

.renew-2016 .science .science-movie-frame {
  width: 535px;
  margin: 0 auto 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .science-movie-frame {
    width: 100%;
  }
}
.renew-2016 .science .box {
  background: #eef8e8;
  margin-top: 30px;
  padding: 20px;
}

.renew-2016 .science .box-title {
  color: #22ac38;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}

.renew-2016 .science box-title-label {
  display: inline-block;
  height: 30px;
  border-radius: 15px;
  background: #22ac38;
  color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .box {
    margin-top: 15px;
    padding: 15px;
  }

  .renew-2016 .science .box-title {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .renew-2016 .science .box-title-label {
    height: 24px;
    padding: 5px 8px;
  }
}
.renew-2016 .science .faq {
  margin-top: 40px;
}

.renew-2016 .science .faq-item {
  padding: 30px;
}

.renew-2016 .science .faq-item:nth-child(odd) {
  background: #eee;
}

.renew-2016 .science .faq-item:nth-child(even) {
  background: #fff;
}

.renew-2016 .science .faq-item-q {
  font-size: 21px;
  position: relative;
  padding: 0 0 0 30px;
  line-height: 1.2;
  cursor: pointer;
  background: none !important;
}

.renew-2016 .science .faq-item-q:before {
  content: 'Q';
  width: 30px;
  color: #22ac38;
  position: absolute;
  left: 0;
}

.renew-2016 .science .faq-item-q span:before,
.renew-2016 .science .faq-item-q span:after {
  content: '';
  display: block;
  color: #22ac38;
  position: absolute;
  right: 0;
  width: 22px;
  height: 2px;
  background: #22ac38;
}

.renew-2016 .science .faq-item-q span:after {
  margin-top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.renew-2016 .science .faq-item-q.active span:after {
  display: none;
}

.renew-2016 .science .faq-item-a {
  display: none;
  border-top: 1px dotted #ccc;
  padding-top: 30px;
  margin-top: 30px;
  line-height: 1.7;
  position: relative;
  padding-left: 30px;
}

.renew-2016 .science .faq-item-a:before {
  content: 'A';
  width: 30px;
  color: #22ac38;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 24px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .faq {
    margin-top: 20px;
  }

  .renew-2016 .science .faq-item {
    padding: 15px;
  }

  .renew-2016 .science .faq-item-q {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 30px;
  }

  .renew-2016 .science .faq-item-q:before {
    width: 20px;
  }

  .renew-2016 .science .faq-item-q span:before,
  .renew-2016 .science .faq-item-q span:after {
    top: 14px;
    width: 14px;
  }

  .renew-2016 .science .faq-item-a {
    padding-top: 15px;
    margin-top: 15px;
    padding-left: 20px;
  }

  .renew-2016 .science .faq-item-a:before {
    width: 20px;
    top: 12px;
    font-size: 18px;
  }
}
.renew-2016 .science .inquiry {
  padding: 80px 0;
}

.renew-2016 .science .inquiry-item {
  width: 50%;
  float: left;
  background: #eee;
  border-right: 1px solid #fff;
  text-align: center;
  padding: 40px 0;
}

.renew-2016 .science .inquiry-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .inquiry {
    padding: 30px 0;
  }

  .renew-2016 .science .inquiry-item {
    width: 100%;
    float: none;
    border-right: none;
    padding: 20px 40px;
    margin-bottom: 1px;
  }

  .renew-2016 .science .inquiry-item .tpl-base-btn a {
    font-size: 12px;
  }

  .renew-2016 .science .inquiry-title {
    font-size: 15px;
    margin-bottom: 12px;
  }
}
/*////////////////20170213junior////////////////*/
.tpl-main-column .junior-course .intro-top .tlt {
  display: table;
}

.tpl-main-column .junior-course .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.tpl-main-column .junior-course .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.tpl-main-column .junior-course .intro-top .sub-tlt {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .tpl-main-column .junior-course .intro-top .tlt {
    margin-top: 28px;
  }

  .tpl-main-column .junior-course .intro-top .title {
    font-size: 29px;
  }

  .tpl-main-column .junior-course .intro-top .sub-tlt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.tpl-main-column .junior-course .intro-top .table {
  margin-top: 42px;
}

.tpl-main-column .junior-course .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.tpl-main-column .junior-course .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.tpl-main-column .junior-course .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.tpl-main-column .junior-course .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.tpl-main-column .junior-course .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tpl-main-column .junior-course .intro-top .table .td .jhs02,
.tpl-main-column .junior-course .intro-top .table .td .jhs03 {
  margin-right: 10px;
}

.tpl-main-column .junior-course .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 160px;
}

@media screen and (max-width: 639px) {
  .tpl-main-column .junior-course .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .tpl-main-column .junior-course .intro-top .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .tpl-main-column .junior-course .intro-top .table .td:first-child {
    width: 21.73%;
  }

  .tpl-main-column .junior-course .intro-top .table .foot {
    font-size: 10px;
    margin-top: 4px;
  }
}
.tpl-main-column .junior-course h3 {
  color: #22ac38;
}

span.new-event-icon {
  background-color: #CC0000;
  color: #fff;
  font-size: 65%;
  padding: 0 3px;
}

.ipadBanner {
  margin-bottom: 30px;
}

p.sample-txt {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px;
}

.p-leading__image .sample-txt-link {
  display: inline-block;
  text-align: center;
  margin-top: 5px;
}

.p-leading__image .sample-txt-link a {
  font-size: 14px;
  padding: 5px 19px;
}

/*////////////////20170213junior_end////////////////*/
/*//////////20170228//////////*/
.renew-2016 .ch_junior {
  font-size: 14px;
  margin-bottom: 60px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior {
    font-size: 11px;
    margin-bottom: 30px;
  }
}
.renew-2016 .ch_junior * {
  box-sizing: border-box;
}

.renew-2016 .ch_junior .text {
  font-size: 16px;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .text {
    font-size: 14px;
  }
}
.renew-2016 .ch_junior .text-sm {
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .text-sm {
    font-size: 13px;
  }
}
.renew-2016 .ch_junior .mb-md {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .mb-md {
    margin-bottom: 10px;
  }
}
.renew-2016 .ch_junior .text-marker {
  background: -webkit-linear-gradient(transparent 70%, #ff6 0%);
  background: linear-gradient(transparent 70%, #ff6 0%);
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .only-pc {
    display: none;
  }
}
.renew-2016 .ch_junior .intro-top {
  padding-bottom: 60px;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .ch_junior .intro-top .title {
  font-weight: normal;
  margin-bottom: 30px;
  color: #333;
}

.renew-2016 .ch_junior .intro-top .title span {
  font-size: 60px;
  font-weight: bold;
  display: block;
  margin-top: 20px;
  color: #22ac38;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .intro-top {
    padding-bottom: 30px;
  }

  .renew-2016 .ch_junior .intro-top .title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .renew-2016 .ch_junior .intro-top .title span {
    font-size: 30px;
    margin-top: 10px;
  }
}
.renew-2016 .ch_junior .section {
  padding: 60px 0 80px;
}

.renew-2016 .ch_junior .section-lead {
  margin-bottom: 40px;
}

.renew-2016 .ch_junior .section-ttl {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 30px;
}

.renew-2016 .ch_junior .section-subttl {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
}

.renew-2016 .ch_junior .section-subttl-sansu {
  color: #548ed1;
}

.renew-2016 .ch_junior .section-subttl-sansu span {
  background-color: #548ed1;
}

.renew-2016 .ch_junior .section-subttl-kokugo {
  color: #df6964;
}

.renew-2016 .ch_junior .section-subttl-kokugo span {
  background-color: #df6964;
}

.renew-2016 .ch_junior .section-subttl-kanji {
  color: #a47eb1;
}

.renew-2016 .ch_junior .section-subttl-kanji span {
  background-color: #a47eb1;
}

.renew-2016 .ch_junior .section-subttl-kamoku span {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .section {
    padding: 30px 0 40px;
  }

  .renew-2016 .ch_junior .section-lead {
    margin-bottom: 20px;
  }

  .renew-2016 .ch_junior .section-ttl {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .renew-2016 .ch_junior .section-subttl {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .renew-2016 .ch_junior .section-subttl-kamoku span {
    top: -2px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
  }

  .renew-2016 .ch_junior .section-subttl-kamoku span img {
    width: 20px;
  }
}
.renew-2016 .ch_junior .step {
  position: relative;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 4px solid #e5e5e5;
}

.renew-2016 .ch_junior .step:before, .renew-2016 .ch_junior .step:after {
  position: absolute;
  left: -10px;
  display: block;
  width: 20px;
  height: 6px;
  content: '';
  background-color: #fff;
}

.renew-2016 .ch_junior .step:before {
  top: 0;
}

.renew-2016 .ch_junior .step:after {
  bottom: 0;
}

.renew-2016 .ch_junior .step .section-subttl {
  position: relative;
  color: #22ac38;
}

.renew-2016 .ch_junior .step .section-subttl_icon {
  font-size: 20px;
  line-height: 26px;
  position: relative;
  top: 3px;
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  padding: 0 10px;
  vertical-align: top;
  color: #fff;
  border-radius: 15px;
  background-color: #22ac38;
}

.renew-2016 .ch_junior .step .section-subttl_txt {
  position: relative;
  top: -3px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  letter-spacing: -.05em;
}

.renew-2016 .ch_junior .step .section-subttl:before {
  position: absolute;
  top: 6px;
  left: -32px;
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 50%;
  background-color: #e5e5e5;
}

.renew-2016 .ch_junior .step .section-block-txt {
  width: 596px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .step {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .renew-2016 .ch_junior .step:before, .renew-2016 .ch_junior .step:after {
    content: none;
  }

  .renew-2016 .ch_junior .step .section-subttl_icon {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 1px;
    height: 20px;
    margin-right: 8px;
    padding: 0 8px;
    border-radius: 10px;
  }

  .renew-2016 .ch_junior .step .section-subttl_txt {
    top: -1px;
    padding-left: 70px;
  }

  .renew-2016 .ch_junior .step .section-subttl:before {
    content: none;
  }

  .renew-2016 .ch_junior .step .section-block-txt {
    width: 100%;
  }
}
.renew-2016 .ch_junior .section-block {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .ch_junior .section-block:after {
  display: table;
  clear: both;
  content: '';
}

.renew-2016 .ch_junior .section-block-txt {
  float: left;
  width: 620px;
}

.renew-2016 .ch_junior .section-block-img {
  float: right;
  width: 260px;
}

.renew-2016 .ch_junior .section-block-img.is-top-margin {
  margin-top: 100px;
}

.renew-2016 .ch_junior .section-block-btn {
  margin-top: 10px;
  text-align: center;
}

.renew-2016 .ch_junior .section-block-btn .tpl-base-btn {
  display: inline-block;
  width: 200px;
  margin-bottom: 10px;
}

.renew-2016 .ch_junior .section-block-btn .tpl-base-btn > a {
  padding: 5px 40px;
}

.renew-2016 .ch_junior .section-block.is-lg {
  margin-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .section-block {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .renew-2016 .ch_junior .section-block-txt:not(:last-child), .renew-2016 .ch_junior .section-block-img:not(:last-child) {
    margin-bottom: 15px;
  }

  .renew-2016 .ch_junior .section-block-txt {
    float: none;
    width: 100%;
  }

  .renew-2016 .ch_junior .section-block-img {
    float: none;
    width: 100%;
  }

  .renew-2016 .ch_junior .section-block-img.is-top-margin {
    margin-top: 0;
  }

  .renew-2016 .ch_junior .section-block-img > img {
    width: 180px;
    height: auto;
  }

  .renew-2016 .ch_junior .section-block-btn {
    margin-top: 10px;
    text-align: center;
  }

  .renew-2016 .ch_junior .section-block-btn .tpl-base-btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .renew-2016 .ch_junior .section-block-btn .tpl-base-btn > a {
    padding: 5px 40px;
  }

  .renew-2016 .ch_junior .section-block.is-lg {
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .renew-2016 .ch_junior .section-block.noborder-sp {
    border-bottom: none;
  }
}
.renew-2016 .ch_junior .box {
  overflow: hidden;
  padding: 20px;
}

.renew-2016 .ch_junior .box_ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.renew-2016 .ch_junior .box_ttl-02 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.renew-2016 .ch_junior .box-bg01 {
  background-color: #e5f3dc;
}

.renew-2016 .ch_junior .box-bg02 {
  background-color: #e6e6e6;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .box {
    padding: 15px;
  }

  .renew-2016 .ch_junior .box_ttl {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .renew-2016 .ch_junior .box_ttl-02 {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .renew-2016 .ch_junior .box.box-bg01 .flR, .renew-2016 .ch_junior .box.box-bg01 .flL {
    float: none;
  }

  .renew-2016 .ch_junior .box.box-bg01 .flR {
    margin-bottom: 15px;
    padding-right: 15px;
  }

  .renew-2016 .ch_junior .box.box-bg01 .flR img {
    width: 160px;
  }

  .renew-2016 .ch_junior .box.box-bg02 {
    margin-left: 0 !important;
  }

  .renew-2016 .ch_junior .box.box-bg02 .flR img {
    width: 120px;
  }
}
.renew-2016 .ch_junior .ring_frame {
  position: relative;
  width: 830px;
  margin: 30px auto 100px;
  padding: 60px 35px 40px;
  border: 5px solid #22ac38;
  border-radius: 10px;
}

.renew-2016 .ch_junior .ring_frame:before {
  position: absolute;
  top: -16px;
  left: 18px;
  display: block;
  width: 791px;
  height: 38px;
  content: '';
  background-image: url("/course/images/junior/cats/ring_frame.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 38px;
}

.renew-2016 .ch_junior .ring_frame_btn {
  margin-top: 40px;
  letter-spacing: -1em;
}

.renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn {
  width: 30%;
  letter-spacing: 0;
}

.renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn:not(:last-child) {
  margin-right: 5%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .ring_frame {
    width: 100%;
    margin: 10px auto 30px;
    padding: 40px 20px 30px;
    border: 3px solid #22ac38;
    border-radius: 8px;
  }

  .renew-2016 .ch_junior .ring_frame:before {
    top: -8px;
    left: 50%;
    width: 240px;
    height: 20px;
    margin-left: -120px;
    background-image: url("/course/images/junior/cats/ring_frame.png");
    background-size: auto 19px;
  }

  .renew-2016 .ch_junior .ring_frame_btn {
    margin-top: 20px;
  }

  .renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn {
    display: block;
    width: 70%;
    margin: 0 auto 10px;
  }

  .renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn:not(:last-child) {
    margin-right: auto;
  }
}
.renew-2016 .ch_junior .tpl-base-btn > a {
  width: 100%;
  border: 1px solid #fca300;
  background-color: #fca300;
  box-shadow: 0 3px #e37700;
}

.renew-2016 .ch_junior .tpl-base-btn > a:hover {
  color: #fca300;
  background-color: #fff;
}

.renew-2016 .ch_junior .tpl-base-btn > a:hover:before, .renew-2016 .ch_junior .tpl-base-btn > a:hover:after {
  border-color: #fca300;
}

.renew-2016 .ch_junior .modal.ch_junior {
  margin-bottom: 0;
}

.renew-2016 .ch_junior .modal-ttl {
  font-size: 24px;
  margin-bottom: 30px;
  padding: 8px 0;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #22ac38;
}

.renew-2016 .ch_junior .modal-block {
  overflow: hidden;
}

.renew-2016 .ch_junior .modal-block-subttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.renew-2016 .ch_junior .modal-block-txt {
  float: left;
  width: 300px;
}

.renew-2016 .ch_junior .modal-block-img {
  float: right;
  width: 220px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .modal-ttl {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 8px 0;
    border-radius: 4px;
  }

  .renew-2016 .ch_junior .modal-block-subttl {
    font-size: 16px;
  }

  .renew-2016 .ch_junior .modal-block-txt {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .renew-2016 .ch_junior .modal-block-img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  .renew-2016 .ch_junior .modal-block-img imf {
    max-width: 200px;
  }
}
/*//////////20170228end//////////*/
/*//////////20170524start//////////*/
/* ====================================
template用CSS
==================================== */
.template_wrapper .float_left {
  float: left;
}

.template_wrapper .float_right {
  float: right;
}

.template_wrapper .m0 {
  margin: 0 !important;
}

.template_wrapper .mt0 {
  margin-top: 0 !important;
}

.template_wrapper .ml0 {
  margin-left: 0 !important;
}

.template_wrapper .mr0 {
  margin-right: 0 !important;
}

.template_wrapper .mb0 {
  margin-bottom: 0 !important;
}

.template_wrapper .m5 {
  margin: 5px !important;
}

.template_wrapper .mt5 {
  margin-top: 5px !important;
}

.template_wrapper .ml5 {
  margin-left: 5px !important;
}

.template_wrapper .mr5 {
  margin-right: 5px !important;
}

.template_wrapper .mb5 {
  margin-bottom: 5px !important;
}

.template_wrapper .m10 {
  margin: 10px !important;
}

.template_wrapper .mt10 {
  margin-top: 10px !important;
}

.template_wrapper .ml10 {
  margin-left: 10px !important;
}

.template_wrapper .mr10 {
  margin-right: 10px !important;
}

.template_wrapper .mb10 {
  margin-bottom: 10px !important;
}

.template_wrapper .m15 {
  margin: 15px !important;
}

.template_wrapper .mt15 {
  margin-top: 15px !important;
}

.template_wrapper .ml15 {
  margin-left: 15px !important;
}

.template_wrapper .mr15 {
  margin-right: 15px !important;
}

.template_wrapper .mb15 {
  margin-bottom: 15px !important;
}

.template_wrapper .m20 {
  margin: 20px !important;
}

.template_wrapper .mt20 {
  margin-top: 20px !important;
}

.template_wrapper .ml20 {
  margin-left: 20px !important;
}

.template_wrapper .mr20 {
  margin-right: 20px !important;
}

.template_wrapper .mb20 {
  margin-bottom: 20px !important;
}

.template_wrapper .m25 {
  margin: 25px !important;
}

.template_wrapper .mt25 {
  margin-top: 25px !important;
}

.template_wrapper .ml25 {
  margin-left: 25px !important;
}

.template_wrapper .mr25 {
  margin-right: 25px !important;
}

.template_wrapper .mb25 {
  margin-bottom: 25px !important;
}

.template_wrapper .m30 {
  margin: 30px !important;
}

.template_wrapper .mt30 {
  margin-top: 30px !important;
}

.template_wrapper .ml30 {
  margin-left: 30px !important;
}

.template_wrapper .mr30 {
  margin-right: 30px !important;
}

.template_wrapper .mb30 {
  margin-bottom: 30px !important;
}

.template_wrapper .m35 {
  margin: 35px !important;
}

.template_wrapper .mt35 {
  margin-top: 35px !important;
}

.template_wrapper .ml35 {
  margin-left: 35px !important;
}

.template_wrapper .mr35 {
  margin-right: 35px !important;
}

.template_wrapper .mb35 {
  margin-bottom: 35px !important;
}

.template_wrapper .m40 {
  margin: 40px !important;
}

.template_wrapper .mt40 {
  margin-top: 40px !important;
}

.template_wrapper .ml40 {
  margin-left: 40px !important;
}

.template_wrapper .mr40 {
  margin-right: 40px !important;
}

.template_wrapper .mb40 {
  margin-bottom: 40px !important;
}

.template_wrapper .m45 {
  margin: 45px !important;
}

.template_wrapper .mt45 {
  margin-top: 45px !important;
}

.template_wrapper .ml45 {
  margin-left: 45px !important;
}

.template_wrapper .mr45 {
  margin-right: 45px !important;
}

.template_wrapper .mb45 {
  margin-bottom: 45px !important;
}

.template_wrapper .m50 {
  margin: 50px !important;
}

.template_wrapper .mt50 {
  margin-top: 50px !important;
}

.template_wrapper .ml50 {
  margin-left: 50px !important;
}

.template_wrapper .mr50 {
  margin-right: 50px !important;
}

.template_wrapper .mb50 {
  margin-bottom: 50px !important;
}

.template_wrapper .mt55 {
  margin-top: 55px !important;
}

.template_wrapper .ml55 {
  margin-left: 55px !important;
}

.template_wrapper .mr55 {
  margin-right: 55px !important;
}

.template_wrapper .mb55 {
  margin-bottom: 55px !important;
}

.template_wrapper .p0 {
  padding: 0 !important;
}

.template_wrapper .pt0 {
  padding-top: 0 !important;
}

.template_wrapper .pl0 {
  padding-left: 0 !important;
}

.template_wrapper .pr0 {
  padding-right: 0 !important;
}

.template_wrapper .pb0 {
  padding-bottom: 0 !important;
}

.template_wrapper .p5 {
  padding: 5px !important;
}

.template_wrapper .pt5 {
  padding-top: 5px !important;
}

.template_wrapper .pl5 {
  padding-left: 5px !important;
}

.template_wrapper .pr5 {
  padding-right: 5px !important;
}

.template_wrapper .pb5 {
  padding-bottom: 5px !important;
}

.template_wrapper .p10 {
  padding: 10px !important;
}

.template_wrapper .pt10 {
  padding-top: 10px !important;
}

.template_wrapper .pl10 {
  padding-left: 10px !important;
}

.template_wrapper .pr10 {
  padding-right: 10px !important;
}

.template_wrapper .pb10 {
  padding-bottom: 10px !important;
}

.template_wrapper .p15 {
  padding: 15px !important;
}

.template_wrapper .pt15 {
  padding-top: 15px !important;
}

.template_wrapper .pl15 {
  padding-left: 15px !important;
}

.template_wrapper .pr15 {
  padding-right: 15px !important;
}

.template_wrapper .pb15 {
  padding-bottom: 15px !important;
}

.template_wrapper .p20 {
  padding: 20px !important;
}

.template_wrapper .pt20 {
  padding-top: 20px !important;
}

.template_wrapper .pl20 {
  padding-left: 20px !important;
}

.template_wrapper .pr20 {
  padding-right: 20px !important;
}

.template_wrapper .pb20 {
  padding-bottom: 20px !important;
}

.template_wrapper .p25 {
  padding: 25px !important;
}

.template_wrapper .pt25 {
  padding-top: 25px !important;
}

.template_wrapper .pl25 {
  padding-left: 25px !important;
}

.template_wrapper .pr25 {
  padding-right: 25px !important;
}

.template_wrapper .pb25 {
  padding-bottom: 25px !important;
}

.template_wrapper .p30 {
  padding: 30px !important;
}

.template_wrapper .pt30 {
  padding-top: 30px !important;
}

.template_wrapper .pl30 {
  padding-left: 30px !important;
}

.template_wrapper .pr30 {
  padding-right: 30px !important;
}

.template_wrapper .pb30 {
  padding-bottom: 30px !important;
}

.template_wrapper .p35 {
  padding: 35px !important;
}

.template_wrapper .pt35 {
  padding-top: 35px !important;
}

.template_wrapper .pl35 {
  padding-left: 35px !important;
}

.template_wrapper .pr35 {
  padding-right: 35px !important;
}

.template_wrapper .pb35 {
  padding-bottom: 35px !important;
}

.template_wrapper .p40 {
  padding: 40px !important;
}

.template_wrapper .pt40 {
  padding-top: 40px !important;
}

.template_wrapper .pl40 {
  padding-left: 40px !important;
}

.template_wrapper .pr40 {
  padding-right: 40px !important;
}

.template_wrapper .pb40 {
  padding-bottom: 40px !important;
}

.template_wrapper .p45 {
  padding: 45px !important;
}

.template_wrapper .pt45 {
  padding-top: 45px !important;
}

.template_wrapper .pl45 {
  padding-left: 45px !important;
}

.template_wrapper .pr45 {
  padding-right: 45px !important;
}

.template_wrapper .pb45 {
  padding-bottom: 45px !important;
}

.template_wrapper .p50 {
  padding: 50px !important;
}

.template_wrapper .pt50 {
  padding-top: 50px !important;
}

.template_wrapper .pl50 {
  padding-left: 50px !important;
}

.template_wrapper .pr50 {
  padding-right: 50px !important;
}

.template_wrapper .pb50 {
  padding-bottom: 50px !important;
}

.template_wrapper .text08 {
  font-size: 12.8px;
  font-size: .8rem;
}

.template_wrapper .text09 {
  font-size: 14.4px;
  font-size: .9rem;
}

.template_wrapper .text10 {
  font-size: 16px;
  font-size: 1rem;
}

.template_wrapper .text11 {
  font-size: 17.6px;
  font-size: 1.1rem;
}

.template_wrapper .text12 {
  font-size: 19.2px;
  font-size: 1.2rem;
}

.template_wrapper .text13 {
  font-size: 20.8px;
  font-size: 1.3rem;
}

.template_wrapper .text14, .template_wrapper h6, .template_wrapper h5 {
  font-size: 22.4px;
  font-size: 1.4rem;
}

.template_wrapper .text15 {
  font-size: 24px;
  font-size: 1.5rem;
}

.template_wrapper .text16 {
  font-size: 25.6px;
  font-size: 1.6rem;
}

.template_wrapper .text17 {
  font-size: 27.2px;
  font-size: 1.7rem;
}

.template_wrapper .text18, .template_wrapper h4, .template_wrapper h3 {
  font-size: 28.8px;
  font-size: 1.8rem;
}

.template_wrapper .text19 {
  font-size: 30.4px;
  font-size: 1.9rem;
}

.template_wrapper .text20, .template_wrapper h2 {
  font-size: 32px;
  font-size: 2rem;
}

.template_wrapper .text21 {
  font-size: 33.6px;
  font-size: 2.1rem;
}

.template_wrapper .text22 {
  font-size: 35.2px;
  font-size: 2.2rem;
}

.template_wrapper .text23 {
  font-size: 36.8px;
  font-size: 2.3rem;
}

.template_wrapper .text24 {
  font-size: 38.4px;
  font-size: 2.4rem;
}

.template_wrapper .text25, .template_wrapper h1 {
  font-size: 40px;
  font-size: 2.5rem;
}

.template_wrapper .text26 {
  font-size: 41.6px;
  font-size: 2.6rem;
}

.template_wrapper .text27 {
  font-size: 43.2px;
  font-size: 2.7rem;
}

.template_wrapper .text28 {
  font-size: 44.8px;
  font-size: 2.8rem;
}

.template_wrapper .text29 {
  font-size: 46.4px;
  font-size: 2.9rem;
}

.template_wrapper .text30 {
  font-size: 48px;
  font-size: 3rem;
}

.template_wrapper .text_center {
  text-align: center !important;
}

.template_wrapper .text_left {
  text-align: left !important;
}

.template_wrapper .text_right {
  text-align: right !important;
}

.template_wrapper .text_bold {
  font-weight: bold;
}

.template_wrapper .text_underline {
  text-decoration: underline;
}

.template_wrapper .text_red {
  color: #d22238;
}

.template_wrapper .lh_short {
  line-height: 1.1 !important;
}

.template_wrapper .lh_med {
  line-height: 1.5 !important;
}

.template_wrapper .lh_long {
  line-height: 1.8 !important;
}

.template_wrapper .lh_long_ex {
  line-height: 2 !important;
}

.template_wrapper strong.border {
  background: linear-gradient(transparent 40%, #fff59c 0%);
  font-weight: normal;
}

.template_wrapper {
  /* スマホで消す */
}

.template_wrapper h1, .template_wrapper h2, .template_wrapper h3, .template_wrapper h4, .template_wrapper h5, .template_wrapper h6 {
  margin: 0;
  font-feature-settings: "palt" 1;
}

.template_wrapper h1 a, .template_wrapper h1 a:hover, .template_wrapper h2 a, .template_wrapper h2 a:hover, .template_wrapper h3 a, .template_wrapper h3 a:hover, .template_wrapper h4 a, .template_wrapper h4 a:hover, .template_wrapper h5 a, .template_wrapper h5 a:hover, .template_wrapper h6 a, .template_wrapper h6 a:hover {
  color: #333333;
  text-decoration: none;
}

.template_wrapper a {
  color: #f85550;
  transition: all .2s;
}

.template_wrapper a:hover {
  color: #fa8e8b;
}

.template_wrapper a .img-link:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.template_wrapper img {
  max-width: 100%;
}

.template_wrapper .l-container {
  margin-right: 0;
  margin-left: 0;
  width: auto;
  *zoom: 1;
}

.template_wrapper .l-container:before, .template_wrapper .l-container:after {
  display: table;
  content: " ";
}

.template_wrapper .l-container:after {
  clear: both;
}

.template_wrapper .l-row {
  *zoom: 1;
}

.template_wrapper .l-row:before, .template_wrapper .l-row:after {
  display: table;
  content: " ";
}

.template_wrapper .l-row:after {
  clear: both;
}

.template_wrapper [class*="l-span"] {
  width: 100%;
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "icon-font";
  src: url("/common/font/icon.eot");
  src: url("/common/font/icon.eot") format("embedded-opentype"), url("/common/font/icon.ttf") format("truetype"), url("/common/font/icon.woff") format("woff"), url("/common/font/icon.svg") format("svg");
}
.icon-facebook .path1:before {
  color: #b3b3b3;
  content: "\e904";
  font-family: "icon-font";
}

.icon-facebook .path2:before {
  margin-left: -1em;
  color: #ffffff;
  content: "\e905";
  font-family: "icon-font";
}

.icon-twitter .path1:before {
  color: #b3b3b3;
  content: "\e90f";
  font-family: "icon-font";
}

.icon-twitter .path2:before {
  margin-left: -1em;
  color: #ffffff;
  content: "\e910";
  font-family: "icon-font";
}

.icon-line .path1:before {
  color: #b3b3b3;
  content: "\e909";
  font-family: "icon-font";
}

.icon-line .path2:before {
  margin-left: -1em;
  color: #ffffff;
  content: "\e90a";
  font-family: "icon-font";
}

.icon-line .path3:before {
  margin-left: -1em;
  color: #b3b3b3;
  content: "\e90b";
  font-family: "icon-font";
}

.icon-line .path4:before {
  margin-left: -1em;
  color: #b3b3b3;
  content: "\e90c";
  font-family: "icon-font";
}

.icon-line .path5:before {
  margin-left: -1em;
  color: #b3b3b3;
  content: "\e90d";
  font-family: "icon-font";
}

.icon-line .path6:before {
  margin-left: -1em;
  color: #b3b3b3;
  content: "\e90e";
  font-family: "icon-font";
}

.icon-gplus .path1:before {
  color: #b3b3b3;
  content: "\e906";
  font-family: "icon-font";
}

.icon-gplus .path2:before {
  margin-left: -1em;
  color: #ffffff;
  content: "\e907";
  font-family: "icon-font";
}

.icon-gplus .path3:before {
  margin-left: -1em;
  color: #ffffff;
  content: "\e908";
  font-family: "icon-font";
}

.template_wrapper {
  font-size: 14px;
}

.template_wrapper .l-container.pageTitle {
  margin: 0 0 20px 0;
}

.template_wrapper h1 {
  color: #000000;
  vertical-align: middle;
  text-align: center;
  font-size: 28px;
  line-height: 1.2;
}

.template_wrapper h1 .num > span {
  display: inline-block;
  font-weight: 200;
}

.template_wrapper .naka-midashi {
  margin: 40px 0 0 0;
}

.template_wrapper h2 {
  position: relative;
  text-align: center;
  font-weight: normal;
  font-size: 22px;
}

.template_wrapper h2:before {
  position: absolute;
  top: 8px;
  left: 6px;
  width: 100%;
  height: 100%;
  background-color: #f5ece2;
  content: " ";
}

.template_wrapper h2 span {
  position: relative;
  top: 0;
  display: inline-block;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .75em;
  padding-left: 1em;
  line-height: 1.3;
}

.template_wrapper h2 span:before, .template_wrapper h2 span:after {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 100%;
  content: "";
}

.template_wrapper h2 span:before {
  left: 0;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  border-left: solid 2px black;
}

.template_wrapper h2 span:after {
  right: 0;
  border-top: solid 2px black;
  border-right: solid 2px black;
  border-bottom: solid 2px black;
  content: "";
}

.template_wrapper h3 {
  margin: 40px 0;
  color: #1e5e90;
  font-weight: normal;
  font-size: 18px;
}

.template_wrapper h3 span {
  position: relative;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  width: 40px;
  background-color: #4b423b;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
}

.template_wrapper h3 span:before {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-color: #92bcd2;
  content: "";
}

.template_wrapper .photoSet h4 {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-left: 16px solid #1e5e90;
  font-weight: normal;
  font-size: 18px;
}

.template_wrapper .numberSet .h3-group {
  position: relative;
  margin-bottom: 20px;
}

.template_wrapper .numberSet .h3-group h3 {
  display: inline-block;
  margin-left: 30px;
  padding-bottom: 10px;
  border-bottom: 4px solid #65a2bf;
  font-weight: normal;
  font-size: 18px;
  color: #333;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.template_wrapper .numberSet .h3-group span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  padding-top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  background-color: #e2d356;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-family: "Open Sans";
}

.template_wrapper p {
  line-height: 1.6;
}

.template_wrapper .border-outline {
  margin: 20px 0;
  padding: 5px;
  border: 3px solid #000000;
}

.template_wrapper nav.list {
  padding: 1em;
  border: 1px solid #000000;
  background-color: #ffffff;
}

.template_wrapper nav.list a {
  color: #333333;
}

.template_wrapper nav.list a:hover {
  color: #f85550;
}

.template_wrapper nav.list li {
  margin: .7em 0;
}

.template_wrapper nav.list li:before {
  margin-right: 10px;
  content: "\e911";
  font-size: 8px;
  font-family: "icon-font";
}

.template_wrapper nav.list li > ul {
  margin-left: 1em;
}

.template_wrapper hr {
  margin: 40px 0;
  border-top: 1px solid #1e5e90;
  border-bottom: 1px solid #ffffff;
  text-align: center;
  text-align: center;
}

.template_wrapper hr:after {
  position: relative;
  top: -10px;
  display: inline-block;
  padding: 0 10px;
  background: #ffffff;
  color: #1e5e90;
  font-size: 30px;
  font-family: "icon-font";
}

.template_wrapper hr.books:after {
  content: "\e901";
}

.template_wrapper hr.pen:after {
  content: "\e900";
}

.template_wrapper hr.scope:after {
  content: "\e902";
}

.template_wrapper .img-outline {
  position: relative;
}

.template_wrapper .buttonSet {
  margin: 20px 0;
  text-align: center;
}

.template_wrapper .buttonSet span {
  display: block;
  margin: 20px 0;
}

.template_wrapper .buttonSet.buttonSet-bg {
  padding: 20px 20px;
  background: url(images/bg.png) 0 0 repeat;
}

.template_wrapper .buttonSet.buttonSet-bg .l-row {
  background-color: #ffffff;
}

.template_wrapper .btn {
  position: relative;
  top: 0;
  display: inline-block;
  margin-bottom: .5em;
  padding: .7em 2.5em;
  background-color: #cccccc;
  box-shadow: 0 4px 0 #999999;
  color: #000000;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.1;
}

.template_wrapper .btn:hover {
  color: #000000;
}

.template_wrapper .btn:after {
  position: absolute;
  right: 10px;
  content: "\e903";
  font-size: 78%;
  font-family: "icon-font";
}

.template_wrapper .btn:hover {
  top: 4px;
  box-shadow: none;
}

.template_wrapper .btn.btn-lg {
  padding-top: .9em;
  padding-bottom: .9em;
  font-size: 22px;
}

.template_wrapper .btn.btn-lg:after {
  right: 20px;
}

.template_wrapper .btn.btn-red {
  background-color: #cc0001;
  box-shadow: 0 4px 0 #8d1010;
  color: #ffffff;
}

.template_wrapper .btn.btn-red:hover {
  top: 4px;
  box-shadow: none;
  color: #ffffff;
}

.template_wrapper .btn.btn-yellow {
  background-color: #fce772;
  box-shadow: 0 4px 0 #231f20;
}

.template_wrapper .btn.btn-yellow:hover {
  top: 4px;
  box-shadow: none;
}

.template_wrapper .btn.btn-blue {
  background-color: #65a2bf;
  box-shadow: 0 4px 0 #231f20;
}

.template_wrapper .btn.btn-blue:hover {
  top: 4px;
  box-shadow: none;
}

.template_wrapper table {
  margin: 40px 0;
  line-height: 1.4;
}

.template_wrapper table th, .template_wrapper table td {
  display: block;
  padding: 20px;
  border-bottom: 2px dotted #333333;
}

.template_wrapper table td.title {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  font-size: 18px;
}

.template_wrapper table th {
  background-color: #eaeaea;
}

.template_wrapper .numberSet {
  padding: 40px 0;
}

.template_wrapper .photoSet, .template_wrapper .movieSet, .template_wrapper .cfSet {
  margin: 40px 0;
}

.template_wrapper .movieSet .movie {
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 56.25%;
  height: 0;
}

.template_wrapper .movieSet .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.template_wrapper .movieSet p {
  padding-left: 10px;
  border-left: 10px solid #e2d356;
}

.template_wrapper .cfSet {
  padding: 2em;
  border: 1px solid #333333;
}

.template_wrapper .cfSet h4 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 3px solid #333333;
}

.template_wrapper .cfSet-sm {
  position: relative;
}

.template_wrapper .cfSet-sm:after {
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-width: 0 0 40px 40px;
  border-style: solid;
  border-color: #ffffff #ffffff #ffffff #f0e7dd;
  content: "";
}

.template_wrapper ul.socialSet {
  margin: 40px 0;
  padding: 40px 0;
  background-color: #f8f8f8;
  text-align: center;
}

.template_wrapper ul.socialSet li {
  display: inline-block;
}

.template_wrapper ul.socialSet li + li {
  margin-left: 10px;
}

.template_wrapper ul.socialSet a {
  color: #b3b3b3;
  text-decoration: none;
  font-size: 40px;
}

.template_wrapper ul.socialSet a:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

@media (min-width: 768px) {
  .template_wrapper .l-container {
    margin-right: auto;
    margin-left: auto;
    width: 720px;
  }

  .template_wrapper .l-row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .template_wrapper [class*="l-span"] {
    float: left;
    box-sizing: border-box;
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px;
  }

  .template_wrapper .l-span1 {
    width: 8.33333333%;
  }

  .template_wrapper .l-span2 {
    width: 16.66666667%;
  }

  .template_wrapper .l-span3 {
    width: 25%;
  }

  .template_wrapper .l-span4 {
    width: 33.33333333%;
  }

  .template_wrapper .l-span5 {
    width: 41.66666667%;
  }

  .template_wrapper .l-span6 {
    width: 50%;
  }

  .template_wrapper .l-span7 {
    width: 58.33333333%;
  }

  .template_wrapper .l-span8 {
    width: 66.66666667%;
  }

  .template_wrapper .l-span9 {
    width: 75%;
  }

  .template_wrapper .l-span10 {
    width: 83.33333333%;
  }

  .template_wrapper .l-span11 {
    width: 91.66666667%;
  }

  .template_wrapper {
    font-size: 17px;
  }

  .template_wrapper .l-container.pageTitle {
    margin: 0 0 40px 0;
  }

  .template_wrapper h1 {
    font-size: 48px;
  }

  .template_wrapper h2 {
    top: -30px;
    z-index: -1;
    font-size: 48px;
  }

  .template_wrapper h2 span {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }

  .template_wrapper h3 span {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
    width: auto;
    font-size: 38px;
  }

  .template_wrapper .numberSet .h3-group h3 {
    margin-left: 90px;
    padding-bottom: 20px;
    font-size: 38px;
  }

  .template_wrapper .numberSet .h3-group span {
    top: -10px;
    padding-top: 25px;
    width: 70px;
    height: 70px;
    font-size: 48px;
  }

  .template_wrapper .border-outline {
    margin: 40px 0;
  }

  .template_wrapper nav.list {
    padding: 1.5em 2em;
  }

  .template_wrapper nav.list li:before {
    position: relative;
    top: -3px;
  }

  .template_wrapper nav.list li > ul {
    margin-left: 2em;
  }

  .template_wrapper .img-outline:after {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -10;
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    content: " ";
  }

  .template_wrapper .buttonSet {
    margin: 40px 0;
  }

  .template_wrapper .buttonSet.buttonSet-bg {
    padding: 30px 45px;
  }

  .template_wrapper .btn.btn-lg {
    width: 40%;
  }

  .template_wrapper table td.title {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 32px;
  }

  .template_wrapper table th {
    min-width: 120px;
  }

  .template_wrapper .movieSet p {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    border-left: 20px solid #e2d356;
  }

  .template_wrapper .cfSet h4 {
    font-size: 20px;
  }

  .template_wrapper .cfSet-lg {
    position: relative;
    right: -10px;
    width: 810px;
  }

  .template_wrapper .cfSet-lg:after {
    position: absolute;
    top: -10px;
    left: -15px;
    z-index: 99;
    content: url(images/div-cut.png);
  }
}
@media (min-width: 1024px) {
  .template_wrapper .l-container {
    width: 890px;
  }

  .template_wrapper h3 {
    font-size: 38px;
  }

  .template_wrapper .photoSet h4 {
    padding-left: 20px;
    font-size: 35px;
  }

  .template_wrapper table th, .template_wrapper table td {
    display: table-cell;
  }
}
@media (max-width: 768px) {
  .template_wrapper .sp-none {
    display: none;
  }
}
/*//////////20170524end//////////*/
/*//////////20170228//////////*/
.renew-2016 .ch_junior {
  font-size: 14px;
  margin-bottom: 60px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior {
    font-size: 11px;
    margin-bottom: 30px;
  }
}
.renew-2016 .ch_junior * {
  box-sizing: border-box;
}

.renew-2016 .ch_junior .text {
  font-size: 16px;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .text {
    font-size: 14px;
  }
}
.renew-2016 .ch_junior .text-sm {
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .text-sm {
    font-size: 13px;
  }
}
.renew-2016 .ch_junior .mb-md {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .mb-md {
    margin-bottom: 10px;
  }
}
.renew-2016 .ch_junior .text-marker {
  background: -webkit-linear-gradient(transparent 70%, #ff6 0%);
  background: linear-gradient(transparent 70%, #ff6 0%);
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .only-pc {
    display: none;
  }
}
.renew-2016 .ch_junior .intro-top {
  padding-bottom: 60px;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .ch_junior .intro-top .title {
  font-weight: normal;
  margin-bottom: 30px;
  color: #333;
}

.renew-2016 .ch_junior .intro-top .title span {
  font-size: 60px;
  font-weight: bold;
  display: block;
  margin-top: 20px;
  color: #22ac38;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .intro-top {
    padding-bottom: 30px;
  }

  .renew-2016 .ch_junior .intro-top .title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .renew-2016 .ch_junior .intro-top .title span {
    font-size: 30px;
    margin-top: 10px;
  }
}
.renew-2016 .ch_junior .section {
  padding: 60px 0 80px;
}

.renew-2016 .ch_junior .section-lead {
  margin-bottom: 40px;
}

.renew-2016 .ch_junior .section-ttl {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 30px;
}

.renew-2016 .ch_junior .section-subttl {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
}

.renew-2016 .ch_junior .section-subttl-sansu {
  color: #548ed1;
}

.renew-2016 .ch_junior .section-subttl-sansu span {
  background-color: #548ed1;
}

.renew-2016 .ch_junior .section-subttl-kokugo {
  color: #df6964;
}

.renew-2016 .ch_junior .section-subttl-kokugo span {
  background-color: #df6964;
}

.renew-2016 .ch_junior .section-subttl-kanji {
  color: #a47eb1;
}

.renew-2016 .ch_junior .section-subttl-kanji span {
  background-color: #a47eb1;
}

.renew-2016 .ch_junior .section-subttl-kamoku span {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .section {
    padding: 30px 0 40px;
  }

  .renew-2016 .ch_junior .section-lead {
    margin-bottom: 20px;
  }

  .renew-2016 .ch_junior .section-ttl {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .renew-2016 .ch_junior .section-subttl {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .renew-2016 .ch_junior .section-subttl-kamoku span {
    top: -2px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
  }

  .renew-2016 .ch_junior .section-subttl-kamoku span img {
    width: 20px;
  }
}
.renew-2016 .ch_junior .step {
  position: relative;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 4px solid #e5e5e5;
}

.renew-2016 .ch_junior .step:before, .renew-2016 .ch_junior .step:after {
  position: absolute;
  left: -10px;
  display: block;
  width: 20px;
  height: 6px;
  content: '';
  background-color: #fff;
}

.renew-2016 .ch_junior .step:before {
  top: 0;
}

.renew-2016 .ch_junior .step:after {
  bottom: 0;
}

.renew-2016 .ch_junior .step .section-subttl {
  position: relative;
  color: #22ac38;
}

.renew-2016 .ch_junior .step .section-subttl_icon {
  font-size: 20px;
  line-height: 26px;
  position: relative;
  top: 3px;
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  padding: 0 10px;
  vertical-align: top;
  color: #fff;
  border-radius: 15px;
  background-color: #22ac38;
}

.renew-2016 .ch_junior .step .section-subttl_txt {
  position: relative;
  top: -3px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  letter-spacing: -.05em;
}

.renew-2016 .ch_junior .step .section-subttl:before {
  position: absolute;
  top: 6px;
  left: -32px;
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 50%;
  background-color: #e5e5e5;
}

.renew-2016 .ch_junior .step .section-block-txt {
  width: 596px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .step {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .renew-2016 .ch_junior .step:before, .renew-2016 .ch_junior .step:after {
    content: none;
  }

  .renew-2016 .ch_junior .step .section-subttl_icon {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 1px;
    height: 20px;
    margin-right: 8px;
    padding: 0 8px;
    border-radius: 10px;
  }

  .renew-2016 .ch_junior .step .section-subttl_txt {
    top: -1px;
    padding-left: 70px;
  }

  .renew-2016 .ch_junior .step .section-subttl:before {
    content: none;
  }

  .renew-2016 .ch_junior .step .section-block-txt {
    width: 100%;
  }
}
.renew-2016 .ch_junior .section-block {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #b2b2b2;
}

.renew-2016 .ch_junior .section-block:after {
  display: table;
  clear: both;
  content: '';
}

.renew-2016 .ch_junior .section-block-txt {
  float: left;
  width: 620px;
}

.renew-2016 .ch_junior .section-block-img {
  float: right;
  width: 260px;
}

.renew-2016 .ch_junior .section-block-img.is-top-margin {
  margin-top: 100px;
}

.renew-2016 .ch_junior .section-block-btn {
  margin-top: 10px;
  text-align: center;
}

.renew-2016 .ch_junior .section-block-btn .tpl-base-btn {
  display: inline-block;
  width: 200px;
  margin-bottom: 10px;
}

.renew-2016 .ch_junior .section-block-btn .tpl-base-btn > a {
  padding: 5px 40px;
}

.renew-2016 .ch_junior .section-block.is-lg {
  margin-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .section-block {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .renew-2016 .ch_junior .section-block-txt:not(:last-child), .renew-2016 .ch_junior .section-block-img:not(:last-child) {
    margin-bottom: 15px;
  }

  .renew-2016 .ch_junior .section-block-txt {
    float: none;
    width: 100%;
  }

  .renew-2016 .ch_junior .section-block-img {
    float: none;
    width: 100%;
  }

  .renew-2016 .ch_junior .section-block-img.is-top-margin {
    margin-top: 0;
  }

  .renew-2016 .ch_junior .section-block-img > img {
    width: 180px;
    height: auto;
  }

  .renew-2016 .ch_junior .section-block-btn {
    margin-top: 10px;
    text-align: center;
  }

  .renew-2016 .ch_junior .section-block-btn .tpl-base-btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .renew-2016 .ch_junior .section-block-btn .tpl-base-btn > a {
    padding: 5px 40px;
  }

  .renew-2016 .ch_junior .section-block.is-lg {
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .renew-2016 .ch_junior .section-block.noborder-sp {
    border-bottom: none;
  }
}
.renew-2016 .ch_junior .box {
  overflow: hidden;
  padding: 20px;
}

.renew-2016 .ch_junior .box_ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.renew-2016 .ch_junior .box_ttl-02 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.renew-2016 .ch_junior .box-bg01 {
  background-color: #e5f3dc;
}

.renew-2016 .ch_junior .box-bg02 {
  background-color: #e6e6e6;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .box {
    padding: 15px;
  }

  .renew-2016 .ch_junior .box_ttl {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .renew-2016 .ch_junior .box_ttl-02 {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .renew-2016 .ch_junior .box.box-bg01 .flR, .renew-2016 .ch_junior .box.box-bg01 .flL {
    float: none;
  }

  .renew-2016 .ch_junior .box.box-bg01 .flR {
    margin-bottom: 15px;
    padding-right: 15px;
  }

  .renew-2016 .ch_junior .box.box-bg01 .flR img {
    width: 160px;
  }

  .renew-2016 .ch_junior .box.box-bg02 {
    margin-left: 0 !important;
  }

  .renew-2016 .ch_junior .box.box-bg02 .flR img {
    width: 120px;
  }
}
.renew-2016 .ch_junior .ring_frame {
  position: relative;
  width: 830px;
  margin: 30px auto 100px;
  padding: 60px 35px 40px;
  border: 5px solid #22ac38;
  border-radius: 10px;
}

.renew-2016 .ch_junior .ring_frame:before {
  position: absolute;
  top: -16px;
  left: 18px;
  display: block;
  width: 791px;
  height: 38px;
  content: '';
  background-image: url("/course/images/junior/cats/ring_frame.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 38px;
}

.renew-2016 .ch_junior .ring_frame_btn {
  margin-top: 40px;
  letter-spacing: -1em;
}

.renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn {
  width: 30%;
  letter-spacing: 0;
}

.renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn:not(:last-child) {
  margin-right: 5%;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .ring_frame {
    width: 100%;
    margin: 10px auto 30px;
    padding: 40px 20px 30px;
    border: 3px solid #22ac38;
    border-radius: 8px;
  }

  .renew-2016 .ch_junior .ring_frame:before {
    top: -8px;
    left: 50%;
    width: 240px;
    height: 20px;
    margin-left: -120px;
    background-image: url("/course/images/junior/cats/ring_frame.png");
    background-size: auto 19px;
  }

  .renew-2016 .ch_junior .ring_frame_btn {
    margin-top: 20px;
  }

  .renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn {
    display: block;
    width: 70%;
    margin: 0 auto 10px;
  }

  .renew-2016 .ch_junior .ring_frame_btn .tpl-base-btn:not(:last-child) {
    margin-right: auto;
  }
}
.renew-2016 .ch_junior .tpl-base-btn > a {
  width: 100%;
  border: 1px solid #fca300;
  background-color: #fca300;
  box-shadow: 0 3px #e37700;
}

.renew-2016 .ch_junior .tpl-base-btn > a:hover {
  color: #fca300;
  background-color: #fff;
}

.renew-2016 .ch_junior .tpl-base-btn > a:hover:before, .renew-2016 .ch_junior .tpl-base-btn > a:hover:after {
  border-color: #fca300;
}

.renew-2016 .ch_junior .modal.ch_junior {
  margin-bottom: 0;
}

.renew-2016 .ch_junior .modal-ttl {
  font-size: 24px;
  margin-bottom: 30px;
  padding: 8px 0;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #22ac38;
}

.renew-2016 .ch_junior .modal-block {
  overflow: hidden;
}

.renew-2016 .ch_junior .modal-block-subttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.renew-2016 .ch_junior .modal-block-txt {
  float: left;
  width: 300px;
}

.renew-2016 .ch_junior .modal-block-img {
  float: right;
  width: 220px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .ch_junior .modal-ttl {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 8px 0;
    border-radius: 4px;
  }

  .renew-2016 .ch_junior .modal-block-subttl {
    font-size: 16px;
  }

  .renew-2016 .ch_junior .modal-block-txt {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .renew-2016 .ch_junior .modal-block-img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  .renew-2016 .ch_junior .modal-block-img imf {
    max-width: 200px;
  }
}
/*//////////20170228end//////////*/
/*//////////20170517 難関私国立校対策 start//////////*/
.renew-2016 .nankan-shikokuritsu {
  margin-bottom: 60px;
}

.renew-2016 .nankan-shikokuritsu .popUp-content {
  display: none;
}

.renew-2016 .nankan-shikokuritsu .lay-flex {
  display: -webkit-flex;
  display: flex;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .lay-flex {
    flex-wrap: -webkit-wrap;
    flex-wrap: wrap;
  }
}
.renew-2016 .nankan-shikokuritsu .ttl-1 {
  font-size: 3.8rem;
  font-weight: 400;
  margin-bottom: 45px;
  line-height: 1.3;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .ttl-1 {
    font-size: 2.9rem;
    margin-bottom: 35px;
  }
}
.renew-2016 .nankan-shikokuritsu .ttl-2 {
  font-size: 4.0rem;
  font-weight: 400;
  margin-bottom: 23px;
  line-height: 1.3;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .ttl-2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
  }
}
.renew-2016 .nankan-shikokuritsu .ttl-2.blue-txt {
  color: #2266ac;
}

.renew-2016 .nankan-shikokuritsu .ttl-3 {
  font-size: 2.8rem;
  font-weight: normal;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .ttl-3 {
    font-size: 1.7rem;
  }
}
.renew-2016 .nankan-shikokuritsu .ttl-sub {
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 15px;
}

.renew-2016 .nankan-shikokuritsu .marT-1 {
  margin-top: 1em;
}

.renew-2016 .nankan-shikokuritsu .marT-2 {
  margin-top: 2em;
}

.renew-2016 .nankan-shikokuritsu .marT-3 {
  margin-top: 3em;
}

.renew-2016 .nankan-shikokuritsu .marT-4 {
  margin-top: 4em;
}

.renew-2016 .nankan-shikokuritsu .marT-5 {
  margin-top: 5em;
}

.renew-2016 .nankan-shikokuritsu p {
  font-size: 1.6rem;
  line-height: 2;
}

.renew-2016 .nankan-shikokuritsu p .txt-block-small {
  display: block;
  font-size: 1.2rem;
  margin-top: 5px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu p {
    font-size: 1.3rem;
  }
}
.renew-2016 .nankan-shikokuritsu .section + .section {
  margin-top: 50px;
  padding-top: 50px;
  border-top: dotted 1px #b2b2b2;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .section + .section {
    margin-top: 60px;
  }
}
.renew-2016 .nankan-shikokuritsu .p-singleTop {
  margin-bottom: 81px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .p-singleTop {
    margin-bottom: 40px;
  }
}
.renew-2016 .nankan-shikokuritsu .p-singleTop .label {
  font-size: 1.4rem;
  padding: 3px 5px;
  margin-right: 2px;
}

.renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__heading {
  font-size: 5.8rem;
  margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__heading {
    font-size: 2.9rem;
  }
}
@media only screen and (max-width: 374px) {
  .renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__heading {
    font-size: 2.6rem;
  }
}
.renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__secondary {
  font-size: 4rem;
  margin-bottom: 5px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__secondary {
    font-size: 2rem;
  }
}
.renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__tertiary {
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .p-singleTop .p-singleTop__tertiary {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-intro .img-col .txt-block {
    width: 100%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-intro .img-col .img-block {
  margin-left: 25px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-intro .img-col .img-block {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-intro .img-col .img-block img {
    width: 85%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-intro .secondary-section + .secondary-section {
  padding-top: 45px;
  border-top: dotted 1px #b2b2b2;
  margin-top: 45px;
}

.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block {
  margin-top: 30px;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block img {
    width: 100%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list a {
  text-indent: -99999px;
  display: block;
  position: absolute;
  width: 30px;
  height: 200px;
  top: 195px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list a {
    width: 43%;
    height: 5%;
    right: 0;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(1) a {
  left: 14px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(1) a {
    left: auto;
    top: 1.5%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(2) a {
  left: 54px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(2) a {
    left: auto;
    top: 7.8%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(3) a {
  left: 353px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(3) a {
    left: auto;
    top: 35.8%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(4) a {
  left: 420px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(4) a {
    left: auto;
    top: 42%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(5) a {
  left: 600px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(5) a {
    left: auto;
    top: 64.5%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(6) a {
  left: 695px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(6) a {
    left: auto;
    top: 83.9%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(7) a {
  left: 814px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-cal .cal-block .btn-list li:nth-child(7) a {
    left: auto;
    top: 91.5%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .ttl-1 {
  letter-spacing: -0.05em;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #F7F7F7;
  padding: 25px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex {
    margin-bottom: 15px;
    padding: 10px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item {
  width: 200px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item {
    width: 48%;
  }

  .renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item:nth-child(n+3) {
    margin-top: 5%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item a {
  width: 100%;
  background-color: #7ab2d3;
  border-color: #7ab2d3;
  box-shadow: 0 3px #517f9b;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item a {
    padding-left: 10px;
    padding-right: 10px;
    text-indent: -7px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item a::before {
  transform: rotate(135deg);
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item a::before {
    right: 10px;
    width: 4px;
    height: 4px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item a:hover {
  background-color: #fff;
  color: #7ab2d3;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .nav-btn-list.lay-flex .lay-flex__item a:hover::before {
  border-color: #7ab2d3;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section + .secondary-section {
  padding-top: 45px;
  margin-top: 45px;
  border-top: dotted 1px #b2b2b2;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section > .ttl-2 {
  margin-bottom: 23px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section > .ttl-2 {
    margin-bottom: 20px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block {
  border-top: solid 1px #d6d6d6;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 20px;
  border-collapse: collapse;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block {
    font-size: 1.2rem;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr {
  border-bottom: solid 1px #d6d6d6;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr th {
  white-space: nowrap;
  font-weight: 700;
  box-sizing: border-box;
  text-align: center;
  background-color: #eeeeee;
  padding: 20px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr th {
    padding: 15px;
    width: 80px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr td {
  padding: 20px;
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr td {
    padding: 15px;
    width: calc(100% - 80px);
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr td .fs-s {
  font-size: 1.2rem;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .table-block tr td .fs-s {
    font-size: 1rem;
    margin-top: 5px;
    display: block;
    text-indent: -1em;
    padding-left: 1em;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .tertiary-section {
  margin-top: 20px;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .tertiary-section .ttl-3 {
  margin-bottom: 15px;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .tertiary-section p {
  font-size: 1.4rem;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block {
  margin-top: 50px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block {
    margin-top: 40px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .ttl-3 {
  margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .ttl-3 {
    margin-bottom: 20px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .lay-flex {
  justify-content: space-between;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .lay-flex {
    flex-wrap: nowrap;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block p {
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block p {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .txt-block {
    width: 70%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .img-block {
  margin-left: 30px;
  margin-top: -28px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .img-block {
    margin-left: 2%;
    margin-top: -35px;
    width: 28%;
  }

  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .img-block img {
    width: 100%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .mes-block .img-block p {
  text-align: center;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block {
  margin-top: 30px;
  border: solid 1px #d6d6d6;
  padding: 27px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block {
    padding: 18px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block + .border-block {
  margin-top: 10px;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block > .ttl {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 0;
  line-height: 1.5;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block > .ttl {
    font-weight: 400;
    margin-bottom: 10px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block .two-size-ttl {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block .two-size-ttl {
    font-weight: 400;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block .two-size-ttl span {
  display: block;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block .two-size-ttl span:nth-child(1) {
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block .two-size-ttl span:nth-child(1) {
    font-size: 1.2rem;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block .two-size-ttl span:last-child {
  font-size: 1.8rem;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .border-block p {
  font-size: 1.4rem;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex {
  margin-top: 20px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex .lay-flex__item {
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex .lay-flex__item + .lay-flex__item {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex .lay-flex__item img {
    width: 100%;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex .lay-flex__item p {
  margin-top: 5px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .problem-block .problem-list.lay-flex .lay-flex__item p {
    font-size: 1.2rem;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block {
  margin-top: 30px;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .lay-flex__item {
  width: 48%;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .lay-flex__item:nth-child(n+3) {
  margin-top: 20px;
}

@media only screen and (max-width: 640px) {
  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .lay-flex__item {
    width: 100%;
  }

  .renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .lay-flex__item + .lay-flex__item {
    margin-top: 20px;
  }
}
.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 62%;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.renew-2016 .nankan-shikokuritsu .sec-kouza .secondary-section .movie-block.lay-flex .iframe-wrap + .cap {
  margin-top: 5px;
  text-align: center;
}

/* 難関高校受験対策 ページ内リンクPC版 */
/*.renew-2016 .nankan-shikokuritsu */
.renew-2016 .nankan-shikokuritsu .nav-btn-list_pc {
  height: 100px;
  margin: 40px 0 40px;
  background: #e6f2ff;
  border-radius: 60px;
}

.renew-2016 .nankan-shikokuritsu .nav-btn-list_pc li {
  float: left;
  margin-top: 20px;
  margin-left: 55px;
}

.renew-2016 .nankan-shikokuritsu .nav-btn-list_pc a {
  display: block;
  font-size: 1.6rem;
  color: #2266ac;
  text-decoration: none;
}

.renew-2016 .nankan-shikokuritsu .nav-btn-list_pc a:before {
  display: block;
  float: left;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background: url("/koukou-juken/images/course/c03/icon_arrow_down.png") no-repeat;
}

/*//////////20170517 難関私国立校対策 end//////////*/
/*//////////201706 area_tokyo start//////////*/
.renew-2016 .area_tokyo .media, .renew-2016 .area_tokyo .row, .renew-2016 .area_tokyo .school-list, .renew-2016 .area_tokyo .moshikomi, .renew-2016 .area_tokyo .bottom-col .col-images, .renew-2016 .area_tokyo .voice-title, .renew-2016 .area_tokyo .pass__list {
  zoom: 1;
}

.renew-2016 .area_tokyo .media:before, .renew-2016 .area_tokyo .row:before, .renew-2016 .area_tokyo .school-list:before, .renew-2016 .area_tokyo .moshikomi:before, .renew-2016 .area_tokyo .bottom-col .col-images:before, .renew-2016 .area_tokyo .voice-title:before, .renew-2016 .area_tokyo .pass__list:before, .renew-2016 .area_tokyo .media:after, .renew-2016 .area_tokyo .row:after, .renew-2016 .area_tokyo .school-list:after, .renew-2016 .area_tokyo .moshikomi:after, .renew-2016 .area_tokyo .bottom-col .col-images:after, .renew-2016 .area_tokyo .voice-title:after, .renew-2016 .area_tokyo .pass__list:after {
  display: block;
  visibility: hidden;
  height: 0;
  content: '\0020';
}

.renew-2016 .area_tokyo .media:after, .renew-2016 .area_tokyo .row:after, .renew-2016 .area_tokyo .school-list:after, .renew-2016 .area_tokyo .moshikomi:after, .renew-2016 .area_tokyo .bottom-col .col-images:after, .renew-2016 .area_tokyo .voice-title:after, .renew-2016 .area_tokyo .pass__list:after {
  clear: both;
}

.renew-2016 .area_tokyo html {
  font-family: 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Helvetica, 'メイリオ', Meiryo, Arial, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 62.5%;
  color: #333;
}

.renew-2016 .area_tokyo #breadcrumb {
  clear: left;
  height: 42px;
  padding-top: 8px;
}

.renew-2016 .area_tokyo #topicPath {
  float: left;
  margin: 10px 0;
}

.renew-2016 .area_tokyo #topicPath li {
  line-height: 110%;
  float: left;
  list-style-type: none;
  color: #666;
}

.renew-2016 .area_tokyo #topicPath li a {
  margin-right: 5px;
  padding-right: 10px;
  color: #0069c1;
  background: url(https://www.eikoh-seminar.com/common/images/bg_topicpath.gif) no-repeat right center;
}

.renew-2016 .area_tokyo .taC {
  text-align: center;
}

.renew-2016 .area_tokyo .page-lead {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .fluid {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.renew-2016 .area_tokyo .cmn-heading, .renew-2016 .area_tokyo .cmn-heading--bubble {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
  padding: 10px 15px;
  background: #22ac38;
  color: #fff;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .cmn-heading, .renew-2016 .area_tokyo .cmn-heading--bubble {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3;
    padding: 10px;
  }
}
.renew-2016 .area_tokyo .cmn-heading--bubble {
  position: relative;
  margin-top: 37px;
  padding-left: 120px;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .cmn-heading--bubble {
    padding-left: 130px;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .cmn-heading--bubble {
    padding-left: 70px;
  }
}
.renew-2016 .area_tokyo .cmn-heading--bubble img {
  position: absolute;
  bottom: 5px;
  left: -10px;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .cmn-heading--bubble img {
    left: 0;
    width: 120px;
    height: 82px;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .cmn-heading--bubble img {
    top: -10px;
    left: 0;
    width: 60px;
    height: 41px;
  }
}
.renew-2016 .area_tokyo .border-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}

.renew-2016 .area_tokyo .bubble-title {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
  box-sizing: border-box;
  width: 72%;
  margin: 0 auto 35px;
  padding: 20px 0;
  text-align: center;
  border: 2px solid #333;
  background: #ffffd4;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .bubble-title {
    width: 100%;
  }
}
.renew-2016 .area_tokyo .bubble-title:after, .renew-2016 .area_tokyo .bubble-title:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: ' ';
  pointer-events: none;
  border: solid transparent;
}

.renew-2016 .area_tokyo .bubble-title:after {
  margin-left: -15px;
  border-width: 15px;
  border-color: rgba(255, 255, 212, 0);
  border-top-color: #ffffd4;
}

.renew-2016 .area_tokyo .bubble-title:before {
  margin-left: -19px;
  border-width: 19px;
  border-color: rgba(51, 51, 51, 0);
  border-top-color: #333;
}

.renew-2016 .area_tokyo .area-btn {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 34px;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 240px;
  height: 34px;
  margin: 0 auto;
  padding-left: 34px;
  color: #fff;
  background: #2f4599;
}

.renew-2016 .area_tokyo .area-btn:hover {
  text-decoration: none;
}

.renew-2016 .area_tokyo .area-btn i {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 5px;
  height: 10px;
  background: url(ico_arrow.png) no-repeat;
}

.renew-2016 .area_tokyo .area-btn span {
  display: block;
  text-align: center;
  border-left: 1px solid #fff;
}

.renew-2016 .area_tokyo .media__image--left {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .media__image--left {
    float: none;
    margin: 0 0 10px 0;
    text-align: center;
  }
}
.renew-2016 .area_tokyo .media__image--right {
  float: right;
  margin-left: 20px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .media__image--right {
    float: none;
    margin: 0 0 10px 0;
    text-align: center;
  }
}
.renew-2016 .area_tokyo .media__body {
  overflow: hidden;
  padding: 0;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .media__body {
    padding: 0;
  }
}
.renew-2016 .area_tokyo .media__body p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.renew-2016 .area_tokyo .section-block {
  margin-bottom: 50px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .section-block {
    margin-bottom: 30px;
  }
}
.renew-2016 .area_tokyo .cmn-block {
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 30px;
  background: #fff4d9;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .cmn-block {
    margin-bottom: 15px;
    padding: 15px;
  }
}
.renew-2016 .area_tokyo .cmn-block__heading, .renew-2016 .area_tokyo .cmn-block__heading--single {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 10px;
  padding: 10px 20px;
  border-top: 2px solid #333;
  border-bottom: 1px solid #333;
  background: url(/course/images/tokyo/bg_title.png) no-repeat left center;
}

.renew-2016 .area_tokyo .cmn-block__heading--single {
  margin-bottom: 20px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .cmn-block__heading, .renew-2016 .area_tokyo .cmn-block__heading--single {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.renew-2016 .area_tokyo .cmn-block__title {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #333;
}

.renew-2016 .area_tokyo .cmn-block__title span {
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  width: 260px;
  padding: 10px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

.renew-2016 .area_tokyo .panel {
  border: 2px solid #333;
}

.renew-2016 .area_tokyo .panel__heading {
  font-size: 22px;
  font-size: 2.2rem;
  padding: 10px;
  border-bottom: 1px solid #333;
  background: #e6f0b3;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .panel__heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.renew-2016 .area_tokyo .panel__body {
  padding: 15px 15px 10px 15px;
  background: #fff;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .panel__body {
    padding: 10px;
  }
}
.renew-2016 .area_tokyo .panel__body p, .renew-2016 .area_tokyo .panel__body li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.renew-2016 .area_tokyo .panel__body li {
  padding-left: 1em;
  text-indent: -1em;
}

.renew-2016 .area_tokyo .border-block {
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 30px;
  border: 2px solid #333;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .border-block {
    margin-bottom: 15px;
    padding: 10px;
  }
}
.renew-2016 .area_tokyo .border-block__title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid #333;
}

.renew-2016 .area_tokyo .border-block__title img {
  margin-left: 10px;
  vertical-align: -3px;
}

.renew-2016 .area_tokyo .row.border {
  background: url(bg_border.png) repeat-y top center;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .row.border {
    background: none;
  }
}
.renew-2016 .area_tokyo .row .col1 {
  width: 100%;
  margin: 0 auto;
}

.renew-2016 .area_tokyo .row .col2 {
  float: left;
  width: 48.5%;
}

.renew-2016 .area_tokyo .row .col2:first-child {
  margin-right: 3%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .row .col2 {
    float: none;
    width: 100%;
  }

  .renew-2016 .area_tokyo .row .col2:first-child {
    margin: 0 0 10px 0;
  }
}
.renew-2016 .area_tokyo .row .col3 {
  float: left;
  width: 33%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .row .col3 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.renew-2016 .area_tokyo .school-block, .renew-2016 .area_tokyo .school-block--multiple {
  padding: 15px 0;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school-block, .renew-2016 .area_tokyo .school-block--multiple {
    padding: 10px 0;
  }
}
.renew-2016 .area_tokyo .school-block--multiple {
  border-top: none;
}

.renew-2016 .area_tokyo .school-block .room, .renew-2016 .area_tokyo .school-block--multiple .room {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school-block .room, .renew-2016 .area_tokyo .school-block--multiple .room {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.renew-2016 .area_tokyo .school-block .room a, .renew-2016 .area_tokyo .school-block--multiple .room a {
  text-decoration: underline;
  color: #2693ff;
}

.renew-2016 .area_tokyo .school-block .address, .renew-2016 .area_tokyo .school-block--multiple .address {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school-block .address, .renew-2016 .area_tokyo .school-block--multiple .address {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.renew-2016 .area_tokyo .school-block .telnum, .renew-2016 .area_tokyo .school-block--multiple .telnum {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school-block .telnum, .renew-2016 .area_tokyo .school-block--multiple .telnum {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.renew-2016 .area_tokyo .school-block .telnum img, .renew-2016 .area_tokyo .school-block--multiple .telnum img {
  margin-right: 5px;
  vertical-align: 0;
}

.renew-2016 .area_tokyo .school {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

.renew-2016 .area_tokyo .school__group {
  display: table;
  width: 100%;
  border-bottom: 1px solid #333;
}

.renew-2016 .area_tokyo .school__group:last-child {
  border-bottom: none;
}

.renew-2016 .area_tokyo .school__group > div {
  line-height: 60px;
  display: table-cell;
  box-sizing: border-box;
  height: 60px;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .school__group > div {
    line-height: 1.3;
    height: auto;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school__group > div {
    line-height: 1.3;
    display: block;
    width: 100%;
    height: auto;
  }
}
.renew-2016 .area_tokyo .school__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  width: 20%;
  text-align: center;
  border-right: 1px solid #333;
  background: #fff4d9;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school__title {
    width: 100%;
    padding: 10px 0;
    border-right: none;
    border-bottom: 1px solid #333;
  }
}
.renew-2016 .area_tokyo .school__adress {
  font-size: 16px;
  font-size: 1.6rem;
  width: 50%;
  padding: 0 15px;
  border-right: 1px solid #333;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school__adress {
    width: 100%;
    padding: 10px 0;
    border-right: none;
  }
}
.renew-2016 .area_tokyo .school__link {
  width: 30%;
  padding: 15px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school__link {
    width: 100%;
    padding: 10px 0;
  }
}
.renew-2016 .area_tokyo .info {
  margin-bottom: 25px;
}

.renew-2016 .area_tokyo .info__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .info__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.renew-2016 .area_tokyo .info__title span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  position: absolute;
  top: 5px;
  display: inline-block;
  margin-left: 10px;
  padding: 0 3px;
  color: #fff;
  background: #d90000;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .info__title span {
    position: relative;
    top: 0;
  }
}
.renew-2016 .area_tokyo .info__wrap {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

.renew-2016 .area_tokyo .info__wrap dl {
  font-size: 16px;
  font-size: 1.6rem;
  display: table;
  width: 100%;
  border-bottom: 1px solid #333;
}

.renew-2016 .area_tokyo .info__wrap dl:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .info__wrap dl {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
  }
}
.renew-2016 .area_tokyo .info__wrap dt {
  font-weight: bold;
  display: table-cell;
  width: 17%;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #333;
  background: #f2f2f2;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .info__wrap dt {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-right: none;
    border-bottom: 1px solid #333;
  }
}
.renew-2016 .area_tokyo .info__wrap dd {
  line-height: 1.4;
  display: table-cell;
  padding: 15px 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .info__wrap dd {
    display: block;
    padding: 10px;
  }
}
.renew-2016 .area_tokyo .school-list-wrap {
  margin-bottom: 15px;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

.renew-2016 .area_tokyo .school-list {
  background: #fff3da;
}

.renew-2016 .area_tokyo .school-list > li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-left: 15px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .school-list > li {
    width: 50%;
  }

  .renew-2016 .area_tokyo .school-list > li:nth-child(even) {
    border-right: none;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .school-list > li {
    float: none;
    width: 100%;
    border-right: none;
  }

  .renew-2016 .area_tokyo .school-list > li:last-child {
    border-bottom: none;
  }
}
.renew-2016 .area_tokyo .school-list > li:nth-child(4n) {
  border-right: none;
}

.renew-2016 .area_tokyo .school-list > li.last {
  border-bottom: none;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .school-list > li.last {
    border-bottom: 1px solid #333;
  }
}
.renew-2016 .area_tokyo .school-list > li a {
  font-size: 1.4rem;
  display: block;
  padding: 15px 20px;
  background: url(ico_link.png) no-repeat left center;
}

.renew-2016 .area_tokyo .moshikomi {
  width: 880px;
  margin: 0 auto 60px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .moshikomi {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
  }
}
.renew-2016 .area_tokyo .moshikomi p {
  line-height: 1.5;
}

.renew-2016 .area_tokyo .bottom-col {
  float: left;
  width: 430px;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .bottom-col {
    width: 49%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .bottom-col {
    width: 100%;
    margin-bottom: 10px;
  }
}
.renew-2016 .area_tokyo .bottom-col:first-child {
  margin-right: 20px;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .bottom-col:first-child {
    margin-right: 2%;
  }
}
.renew-2016 .area_tokyo .bottom-col .col-inner {
  box-sizing: border-box;
  padding: 15px 15px 20px;
  border: 3px solid #e6e6e6;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .bottom-col .col-inner {
    padding: 10px;
  }
}
.renew-2016 .area_tokyo .bottom-col .col-inner .txt01 {
  margin-bottom: 15px;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .bottom-col .col-inner .btn {
    width: 100%;
  }
}
.renew-2016 .area_tokyo .bottom-col .col-inner .btn a {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .bottom-col .col-inner .btn img {
    width: 90%;
    max-width: 90%;
    height: auto;
    text-align: center;
  }
}
.renew-2016 .area_tokyo .bottom-col .col-inner .btn .alert {
  font-size: 10px;
  font-size: 1rem;
}

.renew-2016 .area_tokyo .bottom-col .col-images {
  margin-bottom: 10px;
}

.renew-2016 .area_tokyo .bottom-col .col-images li {
  font-size: 10px;
  font-size: 1rem;
  float: right;
  width: 50%;
  text-align: center;
}

.renew-2016 .area_tokyo .bottom-col .col-images li:first-child {
  float: left;
}

.renew-2016 .area_tokyo .bottom-col .col-images li img {
  margin-bottom: 5px;
  text-align: center;
}

.renew-2016 .area_tokyo .bottom-col .col-images li span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.renew-2016 .area_tokyo .bottom-col .col-images li span.col-text-left {
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  display: block;
  text-align: left;
}

.renew-2016 .area_tokyo .btn-default, .renew-2016 .area_tokyo .btn-default--apply {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  position: relative;
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background: #2f4599;
  box-shadow: 0 3px 0 #18298f;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .btn-default, .renew-2016 .area_tokyo .btn-default--apply {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.renew-2016 .area_tokyo .btn-default--apply {
  width: 290px;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .btn-default--apply {
    width: 80%;
  }
}
.renew-2016 .area_tokyo .btn-default:hover, .renew-2016 .area_tokyo .btn-default--apply:hover {
  top: 1px;
  text-decoration: none;
  box-shadow: 0 2px 0 #18298f;
}

.renew-2016 .area_tokyo .btn-default i, .renew-2016 .area_tokyo .btn-default--apply i {
  position: absolute;
  top: 15px;
  left: 20px;
  width: 10px;
  height: 18px;
  background: url(ico_btn.png);
  background-size: 10px 18px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .btn-default i, .renew-2016 .area_tokyo .btn-default--apply i {
    top: 12px;
    left: 10px;
  }
}
.renew-2016 .area_tokyo .no-backgroundsize .btn-default i, .renew-2016 .area_tokyo .no-backgroundsize .btn-default--apply i {
  background: url(ico_btn_ie.png);
}

.renew-2016 .area_tokyo .moshikomi-title {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
  padding: 5px 0;
  text-align: center;
  background: #aacc03;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .moshikomi-title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.renew-2016 .area_tokyo .moshikomi-title span {
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .moshikomi-title span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.renew-2016 .area_tokyo .moshikomi-title:after, .renew-2016 .area_tokyo .moshikomi-title:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: ' ';
  pointer-events: none;
  border: solid transparent;
}

.renew-2016 .area_tokyo .moshikomi-title:after {
  margin-left: -10px;
  border-width: 10px;
  border-top-color: #aacc03;
}

.renew-2016 .area_tokyo .moshikomi-title:before {
  margin-left: -19px;
  border-width: 19px;
  border-color: rgba(170, 204, 3, 0);
}

.renew-2016 .area_tokyo .txt01 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.renew-2016 .area_tokyo .course {
  margin-bottom: 10px;
}

.renew-2016 .area_tokyo .course__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

.renew-2016 .area_tokyo .course__title span {
  font-size: 22px;
  font-size: 2.2rem;
  margin-right: 5px;
  color: #abcc01;
}

.renew-2016 .area_tokyo .course__title span.s-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #333;
}

.renew-2016 .area_tokyo .course__span {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 5px;
}

.renew-2016 .area_tokyo .course__span span {
  line-height: 1;
  padding: 1px 3px;
  color: #fff;
  border-radius: 3px;
  background: #2a59b3;
}

.renew-2016 .area_tokyo .course__text {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}

.renew-2016 .area_tokyo .course__detail {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.renew-2016 .area_tokyo .course__detail dt {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

.renew-2016 .area_tokyo .course__detail dd {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  color: #e5182c;
}

.renew-2016 .area_tokyo .course__detail dd span {
  font-size: 12px;
  font-size: 1.2rem;
}

.renew-2016 .area_tokyo .course__alert {
  font-size: 10px;
  font-size: 1rem;
}

.renew-2016 .area_tokyo .course__data {
  text-align: center;
}

.renew-2016 .area_tokyo .course__data dt {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.8;
}

.renew-2016 .area_tokyo .course__data dd {
  font-size: 10px;
  font-size: 1rem;
}

.renew-2016 .area_tokyo .price-alert {
  font-size: 8px;
  font-size: .8rem;
  font-weight: normal;
  display: block;
  color: #333;
}

.renew-2016 .area_tokyo .image-shadow {
  padding: 5px;
  box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.1);
}

.renew-2016 .area_tokyo .pdf-link {
  position: relative;
  margin-top: 10px;
  text-align: right;
}

.renew-2016 .area_tokyo .pdf-link img {
  margin-right: 5px;
  vertical-align: top;
}

.renew-2016 .area_tokyo .pdf-link a {
  text-decoration: underline;
  color: #13469d;
}

.renew-2016 .area_tokyo .price {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .price {
    background: #ffc082;
  }
}
.renew-2016 .area_tokyo .price span {
  background: #ffc082;
}

.renew-2016 .area_tokyo .price span:first-child {
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .price span:first-child {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.renew-2016 .area_tokyo .price span.price-cost {
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .price span.price-cost {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
  }
}
.renew-2016 .area_tokyo .border-list li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
}

.renew-2016 .area_tokyo .voice-title {
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
}

.renew-2016 .area_tokyo .voice-title h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  float: left;
  width: 55%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .voice-title h2 {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
}
.renew-2016 .area_tokyo .voice-title p {
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  width: 40%;
  text-align: right;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .voice-title p {
    text-align: left;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .voice-title p {
    display: block;
    float: none;
    width: 100%;
  }
}
.renew-2016 .area_tokyo .page-header {
  margin-bottom: 30px;
  background: url(/course/images/tokyo/bg_header.jpg) no-repeat top center;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .page-header {
    background: none;
  }
}
.renew-2016 .area_tokyo .page-header__block {
  box-sizing: border-box;
  padding-top: 50px;
  padding-right: 5%;
  padding-left: 48%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .page-header__block {
    width: 100%;
    padding: 0;
  }
}
.renew-2016 .area_tokyo .page-header__inner {
  box-sizing: border-box;
  width: auto;
  height: 360px;
  margin: 0 auto;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .page-header__inner {
    width: 100%;
    height: 360px;
    padding: 0 10px;
    background: url(bg_header_inner.jpg) no-repeat top center;
    background-size: cover;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .page-header__inner {
    width: 100%;
    height: auto;
    padding: 0 10px;
    background: none;
  }
}
.renew-2016 .area_tokyo .page-header__lead {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .page-header__lead {
    font-size: 20px;
    font-size: 2rem;
  }
}
.renew-2016 .area_tokyo .page-header__title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 15px;
  padding: 25px 0;
  border-top: 2px solid #22ac38;
  border-bottom: 2px solid #22ac38;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .page-header__title {
    font-size: 25px;
    font-size: 2.5rem;
    padding: 15px 0;
  }
}
.renew-2016 .area_tokyo .icon-list li {
  display: inline-block;
  margin-right: 2px;
}

.renew-2016 .area_tokyo .event-heading {
  margin-bottom: 15px;
}

.renew-2016 .area_tokyo .event-heading .date {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 5px;
}

.renew-2016 .area_tokyo .event-heading ul {
  display: inline-block;
  margin-right: 10px;
}

.renew-2016 .area_tokyo .event-heading ul li {
  display: inline-block;
}

.renew-2016 .area_tokyo .event-heading .state {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  display: inline-block;
  width: 90px;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  background: #d90000;
}

.renew-2016 .area_tokyo .event-title {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .event-title {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.renew-2016 .area_tokyo .event-btn {
  width: 240px;
  margin-left: auto;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .event-btn {
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .event-btn {
    margin: 10px auto 0;
  }
}
.renew-2016 .area_tokyo .pass {
  margin-bottom: 40px;
  padding-bottom: 45px;
  background: url(/course/images/tokyo/bg_passbody.png) repeat-x bottom left #f8f8f8;
}

.renew-2016 .area_tokyo .pass__inner {
  width: auto;
  margin: 0 auto;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .pass__inner {
    width: 100%;
  }
}
.renew-2016 .area_tokyo .pass__heading {
  box-sizing: border-box;
  height: 190px;
  margin-bottom: 15px;
  padding-top: 30px;
  text-align: center;
  background: url(/course/images/tokyo/bg_pass.png) no-repeat top center;
}

.renew-2016 .area_tokyo .pass__heading .year {
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .pass__heading .year {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.renew-2016 .area_tokyo .pass__heading .number {
  font-size: 50px;
  font-size: 5rem;
  font-weight: bold;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .pass__heading .number {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.renew-2016 .area_tokyo .pass__heading .number .count {
  font-size: 70px;
  font-size: 7rem;
  color: #ff7f00;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .pass__heading .number .count {
    font-size: 50px;
    font-size: 5rem;
  }
}
.renew-2016 .area_tokyo .pass__heading .number .total {
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: normal;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .pass__heading .number .total {
    font-size: 25px;
    font-size: 2.5rem;
    display: block;
  }
}
.renew-2016 .area_tokyo .pass__bubble {
  box-sizing: border-box;
  width: 170px;
  height: 183px;
  margin: 0 auto;
  padding-top: 40px;
  background: url(bg_bubble.png) no-repeat;
}

.renew-2016 .area_tokyo .pass__bubble p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.renew-2016 .area_tokyo .pass__bubble p span {
  font-size: 50px;
  font-size: 5rem;
  display: block;
}

.renew-2016 .area_tokyo .pass__detail {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 15px;
  text-align: center;
}

.renew-2016 .area_tokyo .pass__detail span {
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: bold;
  display: block;
  color: #ff7f00;
}

.renew-2016 .area_tokyo .pass__detail span.space {
  font-size: 25px;
  font-size: 2.5rem;
  display: inline-block;
}

.renew-2016 .area_tokyo .pass__list {
  box-sizing: border-box;
  /* border-top: 2px solid #333;
  border-bottom: 2px solid #333; */
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

@media only screen and (max-width: 979px) {
  .renew-2016 .area_tokyo .pass__list {
    padding: 0 10px;
    border: none;
  }
}
.renew-2016 .area_tokyo .pass__list li {
  float: left;
  box-sizing: border-box;
  width: 33.33333%;
  padding: 15px 20px;
  /* border-right: 1px solid #333;
  border-bottom: 1px solid #333; */
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

.renew-2016 .area_tokyo .pass__list li:last-child {
  font-size: 14px;
  margin-bottom: -20px;
  text-align: right;
  vertical-align: bottom;
  border: none;
}

@media only screen and (min-width: 640px) and (max-width: 979px) {
  .renew-2016 .area_tokyo .pass__list li {
    width: 50%;
  }

  .renew-2016 .area_tokyo .pass__list li:first-child {
    border-top: 1px solid #333;
  }

  .renew-2016 .area_tokyo .pass__list li:nth-child(2) {
    border-top: 1px solid #333;
  }

  .renew-2016 .area_tokyo .pass__list li:nth-child(odd) {
    border-left: 1px solid #333;
  }
}
@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .pass__list li {
    width: 100%;
    border-left: 1px solid #333;
  }

  .renew-2016 .area_tokyo .pass__list li:first-child {
    border-top: 1px solid #333;
  }
}
.renew-2016 .area_tokyo .pass__number p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  float: right;
}

.renew-2016 .area_tokyo .pass__number p:first-child {
  font-weight: normal;
  float: left;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .area_tokyo .pass__number p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.renew-2016 .area_tokyo .heading-wapper {
  position: relative;
}

.renew-2016 .area_tokyo .heading-wapper ul {
  position: absolute;
  top: 0;
  right: 0;
}

.renew-2016 .area_tokyo .heading-wapper ul li {
  display: inline-block;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-navi li a.active:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-navi li a.active:before {
    border-width: 7px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-navi li a.active:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-navi li a.active:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #fcf8ee;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-navi.bottom, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-navi.bottom {
  display: none;
  margin-top: -2px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-navi.bottom li a, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-navi.bottom li a {
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 10px 10px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-navi.bottom li a.active:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-navi.bottom li a.active:after {
  display: none;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-navi.bottom, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-navi.bottom {
    display: block;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents {
  position: relative;
  z-index: 5;
  /*background-color: #fcf8ee;*/
  padding: 20px 0;
  /* Course - Expand Container
        -----------------------------*/
  /* Course - Year
        -----------------------------*/
  /* Course - Purpose
        -----------------------------*/
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents {
    padding: 20px 0;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents.active {
  display: block;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .inner, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .inner {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .inner.fade-in, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .inner.fade-in {
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container {
  overflow: hidden;
  margin: 0 1%;
  letter-spacing: -.4em;
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container {
    margin: 0;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container *, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container * {
  letter-spacing: normal;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 .5%;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item {
    padding: 0 1%;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.active:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.active:before {
  position: absolute;
  z-index: 110;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -18px;
  content: '';
  border: 18px solid transparent;
  border-bottom: 18px solid #c9c9c9;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.active:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.active:after {
  position: absolute;
  z-index: 111;
  bottom: -13px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -18px;
  content: '';
  border: 18px solid transparent;
  border-bottom: 18px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item .detail, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item .detail {
  display: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail {
  position: relative;
  z-index: 100;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
  letter-spacing: normal;
  opacity: 0;
  border: 2px solid #c9c9c9;
  background-color: #fff;
}

@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail {
    padding: 4%;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail.fade-in, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail.fade-in {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail h5, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail h5 {
  font-size: 1.53846em;
  margin: 0 0 15px 0;
  text-align: center;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column {
  display: table-cell;
  width: 70%;
  max-width: 500px;
  margin: auto;
  vertical-align: top;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list {
  display: table-cell;
  width: 64%;
  max-width: 500px;
  margin: auto;
  vertical-align: top;
}

@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column {
    display: block;
    width: auto;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment {
  font-size: 1.15385em;
  line-height: 1.7;
  padding: 10px 20px;
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment {
    padding: 10px 20px 10px 0;
  }
}
@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment {
    margin-bottom: 10px;
    padding: 10px 0;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment .course-title, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment .course-title {
  font-size: 1.6em;
  /* 24/15 */
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment .course-title, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment .course-title {
    font-size: 1.2em;
    /* 18/15 */
    margin-bottom: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment ul.recommend, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment ul.recommend {
  border-top: 1px solid #ccc;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment ul.recommend li, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment ul.recommend li {
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #ccc;
  background: url(icon_check.png) no-repeat 0 14px;
  background-size: auto 15px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment ul.recommend li, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.comment ul.recommend li {
    background-image: url(icon_check@2x.png);
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list {
  min-width: 350px;
  padding: 20px;
  border: 3px solid;
  background-color: #f2f2f2;
}

@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list {
    min-width: 0;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul {
  margin: auto;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li {
  margin-bottom: 10px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption {
  margin: 15px 0 20px 10px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li {
  font-size: 1em;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  min-width: 160px;
  margin: 2px 12px 2px 0;
  padding-left: .76923em;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li:before {
  font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li span {
  font-size: 90%;
  display: inline-block;
  margin-top: 3px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl {
  max-width: 500px;
  margin: 0 auto 14px auto;
  padding-top: 14px;
  text-align: center;
  border-top: 1px dotted #999;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt {
  font-size: 1.46154em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
  vertical-align: bottom;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt .year-icon, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt .year-icon {
  display: inline-block;
  margin: 5px;
  vertical-align: 2px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i {
  font-size: 14.3px;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 26px;
  margin: 0 1px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border-radius: 50%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i:first-letter, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i:first-letter {
  font-size: 65%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dd, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dd {
  display: inline-block;
  min-width: 220px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dd.mini, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list dl dd.mini {
  min-width: 30%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list h5 + dl, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list h5 + dl {
  padding-top: 0;
  border: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list .caption, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail .column.course-list .caption {
  font-size: .84615em;
  line-height: 1.4;
  max-width: 500px;
  margin: 20px auto 0 auto;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents {
  border-color: #8fc31f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn {
  font-weight: bold;
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn span {
  font-size: 1.230769230769231em;
  /* 16/13 */
  line-height: 1.1;
  display: table-cell;
  height: 54px;
  padding-top: 1px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn span {
    height: 48.6px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn span small {
  font-size: 70%;
  margin-top: 1px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn span small {
    display: block;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: '';
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.active span {
  height: 57px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.active span {
    height: 51.6px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents a.toggle-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn.active span {
  height: 54px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn {
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn span {
  font-size: 1.38462em;
  font-weight: bold;
  line-height: 1.1;
  display: table-cell;
  height: 42px;
  padding-top: 1px;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn span {
    font-size: 1.24615em;
    height: 37.8px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn span {
    font-size: 1.10769em;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn span small {
  font-size: 70%;
  display: block;
  margin-top: 1px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-top: -5px;
  content: '';
  background: url(icon-arrow-white.png) no-repeat;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.active span {
  height: 45px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.active span {
    height: 40.8px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.popup-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents a.popup-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents a.popup-btn.active span {
  height: 42px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item {
  width: 24.999999999999999%;
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item {
    width: 50%;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #fecb2f;
  background-color: #fecb2f;
  box-shadow: 0 3px 0 #e6ad00;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:after {
  background-color: #726D5E;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn {
  border-bottom: 3px solid #e6ad00;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active {
  color: #fecb2f;
  border-color: #fecb2f;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #fecb2f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-1 + .detail .course-list .course-caption li:before {
  color: #fecb2f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #ffa943;
  background-color: #ffa943;
  box-shadow: 0 3px 0 #cd7711;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn {
  border-bottom: 3px solid #cd7711;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active {
  color: #ffa943;
  border-color: #ffa943;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #ffa943;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-2 + .detail .course-list .course-caption li:before {
  color: #ffa943;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #f38230;
  background-color: #f38230;
  box-shadow: 0 3px 0 #cd4a00;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn {
  border-bottom: 3px solid #cd4a00;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active {
  color: #f38230;
  border-color: #f38230;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #f38230;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-3 + .detail .course-list .course-caption li:before {
  color: #f38230;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #83c99d;
  background-color: #83c99d;
  box-shadow: 0 3px 0 #6e9964;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn {
  border-bottom: 3px solid #6e9964;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active {
  color: #83c99d;
  border-color: #83c99d;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #83c99d;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-4 + .detail .course-list .course-caption li:before {
  color: #83c99d;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #1ab16c;
  background-color: #1ab16c;
  box-shadow: 0 3px 0 #008701;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn {
  border-bottom: 3px solid #008701;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active {
  color: #1ab16c;
  border-color: #1ab16c;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #1ab16c;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-5 + .detail .course-list .course-caption li:before {
  color: #1ab16c;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #009d47;
  background-color: #009d47;
  box-shadow: 0 3px 0 #005c27;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn {
  border-bottom: 3px solid #005c27;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active {
  color: #009d47;
  border-color: #009d47;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #009d47;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-6 + .detail .course-list .course-caption li:before {
  color: #009d47;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn {
  color: #fff;
  border: 2px solid #8ec37a;
  background-color: #8ec37a;
  box-shadow: 0 3px 0 #5c9745;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn {
  border-bottom: 3px solid #5c9745;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active {
  color: #8ec37a;
  border-color: #8ec37a;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #8ec37a;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.sho-wk + .detail .course-list .course-caption li:before {
  color: #8ec37a;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #00a6de;
  background-color: #00a6de;
  box-shadow: 0 3px 0 #1983a6;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn {
  border-bottom: 3px solid #1983a6;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active {
  color: #00a6de;
  border-color: #00a6de;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #00a6de;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-1 + .detail .course-list .course-caption li:before {
  color: #00a6de;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #008cd1;
  background-color: #008cd1;
  box-shadow: 0 3px 0 #004f75;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn {
  border-bottom: 3px solid #004f75;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active {
  color: #008cd1;
  border-color: #008cd1;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #008cd1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-2 + .detail .course-list .course-caption li:before {
  color: #008cd1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #006eb9;
  background-color: #006eb9;
  box-shadow: 0 3px 0 #001845;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn {
  border-bottom: 3px solid #001845;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active {
  color: #006eb9;
  border-color: #006eb9;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #006eb9;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-3 + .detail .course-list .course-caption li:before {
  color: #006eb9;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn {
  color: #fff;
  border: 2px solid #3d3993;
  background-color: #3d3993;
  box-shadow: 0 3px 0 #0b0761;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn {
  border-bottom: 3px solid #0b0761;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn.active {
  color: #3d3993;
  border-color: #3d3993;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.kou + .detail .course-list .course-caption li:before {
  color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn {
  color: #fff;
  border: 2px solid #7dabc7;
  background-color: #7dabc7;
  box-shadow: 0 3px 0 #547c95;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn {
  border-bottom: 3px solid #547c95;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active {
  color: #7dabc7;
  border-color: #7dabc7;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #7dabc7;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.chu-kou + .detail .course-list .course-caption li:before {
  color: #7dabc7;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose {
  border-color: #d8a330;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn {
  font-weight: bold;
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span {
  font-size: 1.38462em;
  line-height: 1.1;
  display: table-cell;
  height: 42px;
  padding-top: 1px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span {
    font-size: 1.24615em;
    height: 37.8px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span {
    font-size: 1.10769em;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn span small {
  font-size: 70%;
  display: block;
  margin-top: 1px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: '';
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active span {
  height: 45px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active span {
    height: 40.8px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.toggle-btn.active span {
  height: 42px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn {
  font-weight: bold;
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span {
  font-size: 1.38462em;
  line-height: 1.1;
  display: table-cell;
  height: 36px;
  padding-top: 1px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span {
    font-size: 1.24615em;
    height: 32.4px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span {
    font-size: 1.10769em;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn span small {
  font-size: 70%;
  display: block;
  margin-top: 1px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: '';
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active span {
  height: 39px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active span {
    height: 35.4px;
  }
}
.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose a.popup-btn.active span {
  height: 36px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container {
  max-width: 800px;
  margin: auto;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group {
  overflow: hidden;
  margin-bottom: 20px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group h4, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group h4 {
  font-size: 1.69231em;
  font-weight: bold;
  margin: 0 .5% 10px .5%;
  padding: 5px;
  text-align: center;
  color: #fff;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho h4, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho h4 {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn {
  color: #333;
  border: 2px solid #a2e0c2;
  background-color: #a2e0c2;
  box-shadow: 0 3px 0 #70ae90;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:after {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn {
  border-bottom: 3px solid #70ae90;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active {
  color: #00b65f;
  border-color: #00b65f;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list .course-caption li:before {
  color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list dt, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list dt {
  color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn {
  color: #fff;
  border: 2px solid #00b65f;
  background-color: #00b65f;
  box-shadow: 0 3px 0 #00842d;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn {
  border-bottom: 3px solid #00842d;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active {
  color: #00b65f;
  border-color: #00b65f;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:after {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu h4, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu h4 {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn {
  color: #333;
  border: 2px solid #afd1e4;
  background-color: #afd1e4;
  box-shadow: 0 3px 0 #7d9fb2;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:after {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn {
  border-bottom: 3px solid #7d9fb2;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active {
  color: #2795d3;
  border-color: #2795d3;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list .course-caption li:before {
  color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list dt, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list dt {
  color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn {
  color: #fff;
  border: 2px solid #2795d3;
  background-color: #2795d3;
  box-shadow: 0 3px 0 #0063a1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn {
  border-bottom: 3px solid #0063a1;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active {
  color: #2795d3;
  border-color: #2795d3;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:after {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 {
  color: #fff;
  border: 2px solid #a0bae3;
  background-color: #a0bae3;
  box-shadow: 0 3px 0 #1983a6;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 {
  border-bottom: 3px solid #1983a6;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active {
  color: #a0bae3;
  border-color: #a0bae3;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:after {
  background-color: #a0bae3;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 {
  color: #fff;
  border: 2px solid #2381a7;
  background-color: #2381a7;
  box-shadow: 0 3px 0 #004f75;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 {
  border-bottom: 3px solid #004f75;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active {
  color: #2381a7;
  border-color: #2381a7;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:after {
  background-color: #2381a7;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 {
  color: #fff;
  border: 2px solid #2a4a77;
  background-color: #2a4a77;
  box-shadow: 0 3px 0 #001845;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 {
  border-bottom: 3px solid #001845;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active {
  color: #2a4a77;
  border-color: #2a4a77;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:after {
  background-color: #2a4a77;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou h4, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou h4 {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn {
  color: #333;
  border: 2px solid #cbcbd8;
  background-color: #cbcbd8;
  box-shadow: 0 3px 0 #9999a6;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn {
  border-bottom: 3px solid #9999a6;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active {
  color: #3d3993;
  border-color: #3d3993;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list .course-caption li:before {
  color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list dt, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list dt {
  color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn {
  color: #fff;
  border: 2px solid #3d3993;
  background-color: #3d3993;
  box-shadow: 0 3px 0 #0b0761;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn {
  border-bottom: 3px solid #0b0761;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active {
  color: #3d3993;
  border-color: #3d3993;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:after {
  background-color: #3d3993;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-navi li a.active:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-navi li a.active:before {
    border-width: 7px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-navi li a.active:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-navi li a.active:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #fcf8ee;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-navi.bottom, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-navi.bottom {
  display: none;
  margin-top: -2px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-navi.bottom li a, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-navi.bottom li a {
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 10px 10px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-navi.bottom li a.active:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-navi.bottom li a.active:after {
  display: none;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-navi.bottom, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-navi.bottom {
    display: block;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents {
  position: relative;
  z-index: 5;
  /*background-color: #fcf8ee;*/
  padding: 20px 0;
  /* Course - Expand Container
        -----------------------------*/
  /* Course - Year
        -----------------------------*/
  /* Course - Purpose
        -----------------------------*/
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents {
    padding: 20px 0;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents.active {
  display: block;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .inner, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .inner {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .inner.fade-in, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .inner.fade-in {
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container {
  overflow: hidden;
  margin: 0 1%;
  letter-spacing: -.4em;
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container {
    margin: 0;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container *, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container * {
  letter-spacing: normal;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 .5%;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item {
    padding: 0 1%;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.active:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.active:before {
  position: absolute;
  z-index: 110;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -18px;
  content: '';
  border: 18px solid transparent;
  border-bottom: 18px solid #c9c9c9;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.active:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.active:after {
  position: absolute;
  z-index: 111;
  bottom: -13px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -18px;
  content: '';
  border: 18px solid transparent;
  border-bottom: 18px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item .detail, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item .detail {
  display: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail {
  position: relative;
  z-index: 100;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
  letter-spacing: normal;
  opacity: 0;
  border: 2px solid #c9c9c9;
  background-color: #fff;
}

@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail {
    padding: 4%;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail.fade-in, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail.fade-in {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail h5, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail h5 {
  font-size: 1.53846em;
  margin: 0 0 15px 0;
  text-align: center;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column {
  display: table-cell;
  width: 70%;
  max-width: 500px;
  margin: auto;
  vertical-align: top;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list {
  display: table-cell;
  width: 64%;
  max-width: 500px;
  margin: auto;
  vertical-align: top;
}

@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column {
    display: block;
    width: auto;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment {
  font-size: 1.15385em;
  line-height: 1.7;
  padding: 10px 20px;
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment {
    padding: 10px 20px 10px 0;
  }
}
@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment {
    margin-bottom: 10px;
    padding: 10px 0;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment .course-title, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment .course-title {
  font-size: 1.6em;
  /* 24/15 */
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment .course-title, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment .course-title {
    font-size: 1.2em;
    /* 18/15 */
    margin-bottom: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment ul.recommend, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment ul.recommend {
  border-top: 1px solid #ccc;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment ul.recommend li, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment ul.recommend li {
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #ccc;
  background: url(icon_check.png) no-repeat 0 14px;
  background-size: auto 15px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment ul.recommend li, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.comment ul.recommend li {
    background-image: url(icon_check@2x.png);
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list {
  min-width: 350px;
  padding: 20px;
  border: 3px solid;
  background-color: #f2f2f2;
}

@media screen and (max-width: 700px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list {
    min-width: 0;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul {
  margin: auto;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li {
  margin-bottom: 10px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption {
  margin: 15px 0 20px 10px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li {
  font-size: 1em;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  min-width: 160px;
  margin: 2px 12px 2px 0;
  padding-left: .76923em;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li:before {
  font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list > ul > li > ul.course-caption li span {
  font-size: 90%;
  display: inline-block;
  margin-top: 3px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl {
  max-width: 500px;
  margin: 0 auto 14px auto;
  padding-top: 14px;
  text-align: center;
  border-top: 1px dotted #999;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt {
  font-size: 1.46154em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
  vertical-align: bottom;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt .year-icon, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt .year-icon {
  display: inline-block;
  margin: 5px;
  vertical-align: 2px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i {
  font-size: 14.3px;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  display: inline-block;
  overflow: hidden;
  width: 26px;
  height: 26px;
  margin: 0 1px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border-radius: 50%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i:first-letter, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dt .year-icon i:first-letter {
  font-size: 65%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dd, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dd {
  display: inline-block;
  min-width: 220px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dd.mini, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list dl dd.mini {
  min-width: 30%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list h5 + dl, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list h5 + dl {
  padding-top: 0;
  border: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list .caption, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail .column.course-list .caption {
  font-size: .84615em;
  line-height: 1.4;
  max-width: 500px;
  margin: 20px auto 0 auto;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents {
  border-color: #8fc31f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn {
  font-weight: bold;
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span {
  font-size: 1.230769230769231em;
  /* 16/13 */
  line-height: 1.1;
  display: table-cell;
  height: 54px;
  padding-top: 1px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span {
    height: 48.6px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span small {
  font-size: 70%;
  margin-top: 1px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span small {
    display: block;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: '';
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active span {
  height: 57px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active span {
    height: 51.6px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn.active span {
  height: 54px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn {
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span {
  font-size: 1.38462em;
  font-weight: bold;
  line-height: 1.1;
  display: table-cell;
  height: 42px;
  padding-top: 1px;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span {
    font-size: 1.24615em;
    height: 37.8px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span {
    font-size: 1.10769em;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn span small {
  font-size: 70%;
  display: block;
  margin-top: 1px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-top: -5px;
  content: '';
  background: url(icon-arrow-white.png) no-repeat;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active span {
  height: 45px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active span {
    height: 40.8px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents a.popup-btn.active span {
  height: 42px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item {
  width: 24.999999999999999%;
}

@media screen and (max-width: 800px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item {
    width: 50%;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #fecb2f;
  background-color: #fecb2f;
  box-shadow: 0 3px 0 #e6ad00;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn i:after {
  background-color: #726D5E;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn {
  border-bottom: 3px solid #e6ad00;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active {
  color: #fecb2f;
  border-color: #fecb2f;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #fecb2f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-1 + .detail .course-list .course-caption li:before {
  color: #fecb2f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #ffa943;
  background-color: #ffa943;
  box-shadow: 0 3px 0 #cd7711;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn {
  border-bottom: 3px solid #cd7711;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active {
  color: #ffa943;
  border-color: #ffa943;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #ffa943;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-2 + .detail .course-list .course-caption li:before {
  color: #ffa943;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #f38230;
  background-color: #f38230;
  box-shadow: 0 3px 0 #cd4a00;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn {
  border-bottom: 3px solid #cd4a00;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active {
  color: #f38230;
  border-color: #f38230;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #f38230;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-3 + .detail .course-list .course-caption li:before {
  color: #f38230;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #83c99d;
  background-color: #83c99d;
  box-shadow: 0 3px 0 #6e9964;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn {
  border-bottom: 3px solid #6e9964;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active {
  color: #83c99d;
  border-color: #83c99d;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #83c99d;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-4 + .detail .course-list .course-caption li:before {
  color: #83c99d;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #1ab16c;
  background-color: #1ab16c;
  box-shadow: 0 3px 0 #008701;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn {
  border-bottom: 3px solid #008701;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active {
  color: #1ab16c;
  border-color: #1ab16c;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #1ab16c;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-5 + .detail .course-list .course-caption li:before {
  color: #1ab16c;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #009d47;
  background-color: #009d47;
  box-shadow: 0 3px 0 #005c27;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn {
  border-bottom: 3px solid #005c27;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active {
  color: #009d47;
  border-color: #009d47;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #009d47;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-6 + .detail .course-list .course-caption li:before {
  color: #009d47;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn {
  color: #fff;
  border: 2px solid #8ec37a;
  background-color: #8ec37a;
  box-shadow: 0 3px 0 #5c9745;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn {
  border-bottom: 3px solid #5c9745;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active {
  color: #8ec37a;
  border-color: #8ec37a;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #8ec37a;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.sho-wk + .detail .course-list .course-caption li:before {
  color: #8ec37a;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #00a6de;
  background-color: #00a6de;
  box-shadow: 0 3px 0 #1983a6;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn {
  border-bottom: 3px solid #1983a6;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active {
  color: #00a6de;
  border-color: #00a6de;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #00a6de;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-1 + .detail .course-list .course-caption li:before {
  color: #00a6de;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #008cd1;
  background-color: #008cd1;
  box-shadow: 0 3px 0 #004f75;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn {
  border-bottom: 3px solid #004f75;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active {
  color: #008cd1;
  border-color: #008cd1;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #008cd1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-2 + .detail .course-list .course-caption li:before {
  color: #008cd1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn {
  color: #fff;
  border: 2px solid #006eb9;
  background-color: #006eb9;
  box-shadow: 0 3px 0 #001845;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn {
  border-bottom: 3px solid #001845;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active {
  color: #006eb9;
  border-color: #006eb9;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #006eb9;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-3 + .detail .course-list .course-caption li:before {
  color: #006eb9;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn {
  color: #fff;
  border: 2px solid #3d3993;
  background-color: #3d3993;
  box-shadow: 0 3px 0 #0b0761;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn {
  border-bottom: 3px solid #0b0761;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn.active {
  color: #3d3993;
  border-color: #3d3993;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.kou + .detail .course-list .course-caption li:before {
  color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn {
  color: #fff;
  border: 2px solid #7dabc7;
  background-color: #7dabc7;
  box-shadow: 0 3px 0 #547c95;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn {
  border-bottom: 3px solid #547c95;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active {
  color: #7dabc7;
  border-color: #7dabc7;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #7dabc7;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.chu-kou + .detail .course-list .course-caption li:before {
  color: #7dabc7;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose {
  border-color: #d8a330;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn {
  font-weight: bold;
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span {
  font-size: 1.38462em;
  line-height: 1.1;
  display: table-cell;
  height: 42px;
  padding-top: 1px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span {
    font-size: 1.24615em;
    height: 37.8px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span {
    font-size: 1.10769em;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn span small {
  font-size: 70%;
  display: block;
  margin-top: 1px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: '';
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active span {
  height: 45px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active span {
    height: 40.8px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.toggle-btn.active span {
  height: 42px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn {
  font-weight: bold;
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span {
  font-size: 1.38462em;
  line-height: 1.1;
  display: table-cell;
  height: 36px;
  padding-top: 1px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span {
    font-size: 1.24615em;
    height: 32.4px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span {
    font-size: 1.10769em;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span small, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn span small {
  font-size: 70%;
  display: block;
  margin-top: 1px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.popup-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.popup-btn span {
  padding-right: 15px;
  padding-left: 22px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.popup-btn:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.popup-btn:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: '';
  border: 7px solid transparent;
  border-left: 7px solid #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn span {
  padding-right: 25px;
  padding-left: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn span {
    padding-left: 10px;
  }
}
@media screen and (max-width: 349px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn span {
    padding-left: 5px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i {
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after {
  position: absolute;
  content: '';
  background-color: #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 20%;
  margin-top: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.toggle-btn i:after {
  top: 0;
  left: 50%;
  width: 20%;
  height: 100%;
  margin-left: -10%;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active span {
  height: 39px;
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active span {
    height: 35.4px;
  }
}
.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active i:after {
  display: none;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active span, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose a.popup-btn.active span {
  height: 36px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container {
  max-width: 800px;
  margin: auto;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group {
  overflow: hidden;
  margin-bottom: 20px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group h4, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group h4 {
  font-size: 1.69231em;
  font-weight: bold;
  margin: 0 .5% 10px .5%;
  padding: 5px;
  text-align: center;
  color: #fff;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho h4, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho h4 {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn {
  color: #333;
  border: 2px solid #a2e0c2;
  background-color: #a2e0c2;
  box-shadow: 0 3px 0 #70ae90;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn i:after {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn {
  border-bottom: 3px solid #70ae90;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active {
  color: #00b65f;
  border-color: #00b65f;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list .course-caption li:before {
  color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list dt, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list dt {
  color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn {
  color: #fff;
  border: 2px solid #00b65f;
  background-color: #00b65f;
  box-shadow: 0 3px 0 #00842d;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn {
  border-bottom: 3px solid #00842d;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active {
  color: #00b65f;
  border-color: #00b65f;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.sho .item + .detail .course-list a.select-btn.active.toggle-btn i:after {
  background-color: #00b65f;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu h4, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu h4 {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn {
  color: #333;
  border: 2px solid #afd1e4;
  background-color: #afd1e4;
  box-shadow: 0 3px 0 #7d9fb2;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn i:after {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn {
  border-bottom: 3px solid #7d9fb2;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active {
  color: #2795d3;
  border-color: #2795d3;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list .course-caption li:before {
  color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list dt, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list dt {
  color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn {
  color: #fff;
  border: 2px solid #2795d3;
  background-color: #2795d3;
  box-shadow: 0 3px 0 #0063a1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn {
  border-bottom: 3px solid #0063a1;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active {
  color: #2795d3;
  border-color: #2795d3;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.active.toggle-btn i:after {
  background-color: #2795d3;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 {
  color: #fff;
  border: 2px solid #a0bae3;
  background-color: #a0bae3;
  box-shadow: 0 3px 0 #1983a6;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1 {
  border-bottom: 3px solid #1983a6;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active {
  color: #a0bae3;
  border-color: #a0bae3;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu1.active.toggle-btn i:after {
  background-color: #a0bae3;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 {
  color: #fff;
  border: 2px solid #2381a7;
  background-color: #2381a7;
  box-shadow: 0 3px 0 #004f75;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2 {
  border-bottom: 3px solid #004f75;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active {
  color: #2381a7;
  border-color: #2381a7;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu2.active.toggle-btn i:after {
  background-color: #2381a7;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 {
  color: #fff;
  border: 2px solid #2a4a77;
  background-color: #2a4a77;
  box-shadow: 0 3px 0 #001845;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3 {
  border-bottom: 3px solid #001845;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active {
  color: #2a4a77;
  border-color: #2a4a77;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.chu .item + .detail .course-list a.select-btn.chu3.active.toggle-btn i:after {
  background-color: #2a4a77;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou h4, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou h4 {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn {
  color: #333;
  border: 2px solid #cbcbd8;
  background-color: #cbcbd8;
  box-shadow: 0 3px 0 #9999a6;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn {
  border-bottom: 3px solid #9999a6;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active {
  color: #3d3993;
  border-color: #3d3993;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail a.select-btn.active.toggle-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo .no-rgba #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list, .renew-2016 .area_tokyo .no-rgba .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list {
  border-color: transparent;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list .course-caption li:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list .course-caption li:before {
  color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list dt, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list dt {
  color: #3d3993;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn {
  color: #fff;
  border: 2px solid #3d3993;
  background-color: #3d3993;
  box-shadow: 0 3px 0 #0b0761;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn i:after {
  background-color: #fff;
}

.renew-2016 .area_tokyo .is-oldie #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn, .renew-2016 .area_tokyo .is-oldie .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn {
  border-bottom: 3px solid #0b0761;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active {
  color: #3d3993;
  border-color: #3d3993;
  background-color: #fff;
  box-shadow: none;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:after, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:before, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents#courses-purpose .btn-container .group.kou .item + .detail .course-list a.select-btn.active.toggle-btn i:after {
  background-color: #3d3993;
}

.renew-2016 .area_tokyo #sec-flow, .renew-2016 .area_tokyo .this-modal #sec-flow {
  margin-top: 80px;
}

.renew-2016 .area_tokyo .img-area {
  margin-top: 10px;
  text-align: center;
}

.renew-2016 .area_tokyo .list01 {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.renew-2016 .area_tokyo .list01 dt {
  float: left;
  width: 84px;
}

.renew-2016 .area_tokyo .list01 dd {
  margin-bottom: 10px;
  margin-left: 84px;
}

.renew-2016 .area_tokyo .boxer {
  position: relative;
  display: inline-block;
}

.renew-2016 .area_tokyo .boxer i {
  position: absolute;
  z-index: 99;
  right: 0;
  bottom: 0;
  display: block;
  width: 40px;
  height: 40px;
  content: '';
  background: url(/course/images/tokyo/icon-zoom.png) 0 0 no-repeat;
  background-size: 40px;
}

.renew-2016 .area_tokyo .sp-only {
  display: none;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item {
  width: 270px;
  height: 60px;
  margin-bottom: 20px;
  padding-right: 20px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item.last, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item.last {
  padding-right: 0;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents a.toggle-btn span {
  font-size: 17px;
  color: #726D5E;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .item.active + .detail, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .item.active + .detail {
  box-sizing: border-box;
  margin-top: -10px;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents {
  padding-bottom: 0 !important;
}

.renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container {
  margin-bottom: 0;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector .tab-contents .btn-container .item {
  width: 270px;
  height: 60px;
  margin-bottom: 20px;
  padding-right: 20px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item.last, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector .tab-contents .btn-container .item.last {
  padding-right: 0;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents a.toggle-btn span {
  font-size: 17px;
  color: #726D5E;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .item.active + .detail {
  box-sizing: border-box;
  margin-top: -10px;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents {
  padding-bottom: 0 !important;
}

.renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container {
  margin-bottom: 0;
}

.renew-2016 .area_tokyo .detail {
  padding: 30px 20px 20px !important;
}

.renew-2016 .area_tokyo .detail .title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #22ac38;
}

.renew-2016 .area_tokyo .detail .page-lead span {
  color: #da4444;
}

.renew-2016 .area_tokyo .detail .left {
  float: left;
  width: 440px;
}

.renew-2016 .area_tokyo .detail .right {
  float: right;
  width: 322px;
}

.renew-2016 .area_tokyo .detail .right img {
  width: 322px;
}

.renew-2016 .area_tokyo .detail .catch01 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 56px;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
  color: #ffaa35;
  border: 2px solid #ffaa35;
}

.renew-2016 .area_tokyo .detail .left02 {
  float: left;
  width: 394px;
}

.renew-2016 .area_tokyo .detail .right02 {
  float: right;
  width: 394px;
}

.renew-2016 .area_tokyo .detail .color-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 34px;
  height: 34px;
  margin-bottom: 10px;
  padding-left: 20px;
  background: #e6f1b0;
}

.renew-2016 .area_tokyo .detail .page-lead span.bold {
  font-weight: bold;
  color: #000;
}

.renew-2016 .area_tokyo div:after, .renew-2016 .area_tokyo dt:after, .renew-2016 .area_tokyo ul:after {
  display: block;
  clear: both;
  content: '';
}

.renew-2016 .area_tokyo .mt10 {
  margin-top: 10px;
}

.renew-2016 .area_tokyo #sec-courses {
  margin-bottom: 0;
}

.renew-2016 .area_tokyo .tpl-base-btn {
  position: relative;
  display: inline-block;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.renew-2016 .area_tokyo .tpl-base-btn a {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 400px;
  padding: 15px 23px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  text-align: center;
  text-decoration: none;
  color: #000;
  border: 1px solid #22ac38;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 3px #286c0b;
}

.renew-2016 .area_tokyo .tpl-base-btn a:hover {
  color: #fff;
  background-color: #22ac38;
}

.renew-2016 .area_tokyo .tpl-base-btn a::before {
  right: 10px;
  border-top: 3px solid #22ac38;
  border-right: 3px solid #22ac38;
}

.renew-2016 .area_tokyo .tpl-base-btn a:hover::before {
  right: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.renew-2016 .area_tokyo .btns {
  text-align: center;
}

.renew-2016 .area_tokyo .btns .tpl-base-btn:first-child {
  margin-right: 40px;
}

.renew-2016 .area_tokyo .box01 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}

.renew-2016 .area_tokyo .box01 .left {
  float: left;
  width: 320px;
}

.renew-2016 .area_tokyo .box01 .left img:hover {
  opacity: .7;
}

.renew-2016 .area_tokyo .box01 .right {
  margin-left: 320px;
}

.renew-2016 .area_tokyo .box01 .right .text {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  height: 14px;
  margin-bottom: 22px;
  padding: 5px;
  background: #ddd;
}

.renew-2016 .area_tokyo .box01 .right .link {
  font-size: 25px;
  line-height: 1.4;
  margin-bottom: 22px;
}

.renew-2016 .area_tokyo .box01 .right .note {
  font-size: 14px;
  position: relative;
  display: inline-block;
}

.renew-2016 .area_tokyo .box01 .right .note span {
  font-size: 14px;
  position: absolute;
  top: -2px;
  right: -45px;
  display: block;
  padding: 3px 4px;
  color: #fff;
  background: #009a47;
}

.renew-2016 .area_tokyo .link-text {
  text-align: right;
}

.renew-2016 .area_tokyo .link-text a {
  font-size: 14px;
  position: relative;
  display: inline-block;
  text-align: right;
}

.renew-2016 .area_tokyo .link-text a::before {
  position: absolute;
  top: 2px;
  left: 10px;
  left: -15px;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo .sp-only {
    display: block;
  }

  .renew-2016 .area_tokyo .img-area img {
    width: 100%;
  }

  .renew-2016 .area_tokyo .list01 dt {
    float: none;
    width: 100%;
  }

  .renew-2016 .area_tokyo .list01 dd {
    margin-bottom: 10px;
    margin-left: 0;
  }

  .renew-2016 .area_tokyo #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses #courses-selector .tab-contents .btn-container .item, .renew-2016 .area_tokyo #sec-courses02 #courses-selector02 .tab-contents .btn-container .item, .renew-2016 .area_tokyo .this-modal #sec-courses02 #courses-selector02 .tab-contents .btn-container .item {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-right: 0;
  }

  .renew-2016 .area_tokyo .detail .title {
    font-size: 24px;
  }

  .renew-2016 .area_tokyo .detail .left {
    float: none;
    width: 100%;
  }

  .renew-2016 .area_tokyo .detail .right {
    float: none;
    width: 100%;
  }

  .renew-2016 .area_tokyo .detail .right img {
    width: 100%;
  }

  .renew-2016 .area_tokyo .detail .left02 {
    float: none;
    width: 100%;
  }

  .renew-2016 .area_tokyo .detail .right02 {
    float: none;
    width: 100%;
  }

  .renew-2016 .area_tokyo .tpl-base-btn a {
    width: 100%;
  }

  .renew-2016 .area_tokyo .tpl-base-btn a:first-child {
    margin-bottom: 15px;
  }

  .renew-2016 .area_tokyo .box01 .left {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }

  .renew-2016 .area_tokyo .box01 .right {
    margin-left: 0;
  }

  .renew-2016 .area_tokyo .box01 .right .link {
    font-size: 20px;
  }
}
.renew-2016 .area_tokyo .mgn_b30 {
  margin-bottom: 30px;
}

.renew-2016 .area_tokyo .small {
  font-size: 14px;
}

@media screen and (max-width: 640px) {
  .renew-2016 .area_tokyo .mgn_b30 {
    margin-bottom: 20px;
  }
}
/*//////////201706 area_tokyo end//////////*/
/* iframeレスポンシブコンポーネント */
.tpl-iframe--responsive {
  position: relative;
  width: 100%;
  padding-top: 62%;
  margin-top: 30px;
}

.tpl-iframe--responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

	/* iframeレスポンシブコンポーネントend *

	/* .chara-item--area
	-----------------------------*/
.content-renew-2016 .chara-item--area {
  padding-bottom: 80px;
}

.content-renew-2016 .chara-item--area .btn-container {
  clear: both;
  padding-top: 30px;
  margin-left: -1.573033707865169%;
  /* 14/890 */
}

.content-renew-2016 .chara-item--area .item {
  box-sizing: border-box;
  display: inline-block;
  width: 23.1%;
  /* 212/904 */
  margin-left: 1.548672566371681%;
  /* 14/904 */
  position: relative;
  margin-bottom: 17px;
  vertical-align: top;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .item {
    width: 48%;
  }
}
/* [ icon triangle ] */
.content-renew-2016 .chara-item--area .item.active::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 34px;
  height: 30px;
  background: url(/images/common/toggle-triangle-gray.png) no-repeat;
  z-index: 110;
  bottom: -22px;
  left: 50%;
  margin-left: -17px;
}

.content-renew-2016 .chara-item--area a.select-btn {
  display: table;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  background-color: #006eb9;
  border: 2px solid #006eb9;
  box-shadow: 0 3px 0 #004b7e;
}

.content-renew-2016 .chara-item--area a.select-btn.active {
  color: #006eb9;
  border-color: #006eb9;
  background-color: #FFF;
  box-shadow: none;
}

.content-renew-2016 .chara-item--area a.select-btn span {
  box-sizing: border-box;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
  line-height: 3;
  font-size: 1.6rem;
}

/* [icon toggle] */
.content-renew-2016 .chara-item--area a.toggle-btn.toggle-btn i {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}

.content-renew-2016 .chara-item--area a.toggle-btn.toggle-btn i::before,
.content-renew-2016 .chara-item--area a.toggle-btn.toggle-btn i::after {
  position: absolute;
  content: '';
  background-color: #FFF;
}

.content-renew-2016 .chara-item--area a.toggle-btn.toggle-btn i::before {
  width: 100%;
  height: 20%;
  top: 50%;
  left: 0;
  margin-top: -10%;
}

.content-renew-2016 .chara-item--area a.select-btn.active.toggle-btn i:before {
  background-color: #006eb9;
}

.content-renew-2016 .chara-item--area a.toggle-btn.toggle-btn i::after {
  width: 20%;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -10%;
}

.content-renew-2016 .chara-item--area a.select-btn.active.toggle-btn i::after {
  display: none;
}

/* .detail
-----------------------------*/
/* INIT */
.content-renew-2016 .chara-item--area .item .detail {
  display: none;
}

.content-renew-2016 .chara-item--area .item.active + .detail {
  box-sizing: border-box;
  border: 5px solid #eee;
  background-color: #FFF;
  letter-spacing: normal;
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 30px;
  margin-bottom: 10px;
  z-index: 100;
  opacity: 0;
  margin-left: 1.548672566371681%;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .item.active + .detail {
    padding: 30px 15px;
    margin-left: 1.548672566371681%;
    width: 97.5%;
  }
}
.content-renew-2016 .chara-item--area .item.active + .detail.fade-in {
  transition: opacity 0.3s;
  opacity: 1;
}

/* .inner-sec
-----------------------------*/
.content-renew-2016 .chara-item--area .detail .inner-sec + .inner-sec {
  margin-top: 55px;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .inner-sec + .inner-sec {
    margin-top: 30px;
  }
}
.content-renew-2016 .chara-item--area .detail .inner-sec .ttl {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .inner-sec .ttl {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }
}
.content-renew-2016 .chara-item--area .detail .inner-sec .btn-link {
  margin-top: 10px;
}

.content-renew-2016 .chara-item--area .detail .inner-sec .btn-link a {
  display: inline-block;
}

.content-renew-2016 .chara-item--area .detail .inner-sec .btn-link a::before,
.content-renew-2016 .chara-item--area .detail .inner-sec .btn-link a::after {
  top: 8px;
  bottom: auto;
}

/* sub-box
-----------------------------*/
.content-renew-2016 .chara-item--area .detail .sub-box {
  background: #eee;
  padding: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .sub-box {
    padding: 15px;
    margin-top: 15px;
  }
}
.content-renew-2016 .chara-item--area .detail .sub-box .title-wrap {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #2266ac;
}

.content-renew-2016 .chara-item--area .detail .sub-box .title-wrap .sub-title {
  font-size: 20px;
  color: #2266ac;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .sub-box .title-wrap .sub-title {
    font-size: 16px;
  }
}
.content-renew-2016 .chara-item--area .detail .sub-box .title-wrap .sub-text {
  font-size: 1.2rem !important;
  margin-top: 10px;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .sub-box .title-wrap .sub-text,
  .content-renew-2016 .chara-item--area .detail .sub-box .description .text .sub-text {
    font-size: 1.1rem !important;
  }
}
.content-renew-2016 .chara-item--area .detail .sub-box .description .text .sub-text {
  font-size: 12px !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* .description
-----------------------------*/
.content-renew-2016 .chara-item--area .detail .sub-box .description + .description {
  margin-top: 35px;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .sub-box .description + .description {
    margin-top: 20px;
  }
}
.content-renew-2016 .chara-item--area .detail .sub-box .description .desc-title {
  font-size: 16px;
  margin: 0;
  margin-bottom: 8px;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .content-renew-2016 .chara-item--area .detail .sub-box .description .desc-title {
    margin-bottom: 5px;
  }
}
/* .p-class-movie__list
-----------------------------*/
.content-renew-2016 .chara-item--area .detail .p-class-movie {
  padding-top: 15px;
}

.content-renew-2016 .chara-item--area .detail .p-class-movie__list li:hover {
  background: #2266ac;
}

.content-renew-2016 .chara-item--area .detail .p-class-movie__list li:hover:after {
  border-right-color: #2266ac;
}

div .tertiary-section h4 {
  font-size: 20px;
  margin-bottom: 5px;
}

div .tertiary-section p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

@media screen and (max-width: 639px) {
  div .tertiary-section h4 {
    font-size: 16px;
  }
}
.renew-2016 .course.s06 .chara-list02 .item-box {
  margin-bottom: 30px;
}

.renew-2016 .course.s06 .chara-list02 .item-box-jhs04 .label.x04 {
  float: left;
  width: 42px;
  height: 42px;
  margin-right: 3px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  line-height: 40px;
}

.renew-2016 .course.s06 .chara-list02 .item-box-jhs05 .label.x05 {
  float: left;
  width: 42px;
  height: 42px;
  margin-right: 3px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  line-height: 40px;
}

.renew-2016 .course.s06 .chara-list02 .label-str {
  font-size: 1.5rem;
}

.renew-2016 .course.s06 .chara-list02 .label-num {
  font-size: 2.2rem;
}

.renew-2016 .course.s06 .chara-list02 .item-box h4 {
  float: left;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px;
  line-height: 43px;
}

.renew-2016 .course.s06 .chara-list02 .item-box p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .chara-list02 .item-box h4 {
    float: right;
    width: calc(100% - 45px);
    line-height: 1;
    font-size: 2rem;
  }
}
/*公立中進学コース 小学英語への導線*/
/*juniorEnglish*/
.renew-2016 .course.s06 .juniorEnglish, .renew-2016 .course.s06 .juniorEnglish * {
  box-sizing: border-box;
}

.renew-2016 .course.s06 .juniorEnglish {
  margin-bottom: 50px;
  padding: 50px 20px;
  border-top: 1px dotted #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}

.renew-2016 .course.s06 .juniorEnglish_left {
  float: left;
  width: 560px;
}

.renew-2016 .course.s06 .juniorEnglish_right {
  float: right;
  width: 259px;
}

.renew-2016 .course.s06 .juniorEnglish_ttl {
  margin-bottom: 25px;
  font-size: 3rem;
  color: #22ac38;
}

.renew-2016 .course.s06 .juniorEnglish_txt {
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 15px;
}

.renew-2016 .course.s06 .juniorEnglish_btn {
  position: relative;
  display: block;
  width: 260px;
  padding: 15px 0;
  font-size: 1.5rem;
  color: #000;
  text-decoration: none;
  border: 1px solid #ffd200;
  background: #ffd200 url(/course/images/s06/juniorenglish_icon.png) right 20px top 50% no-repeat;
  text-align: center;
  text-indent: -1em;
  transition: background 0.3s;
  box-shadow: 0 3px #b39300;
}

.renew-2016 .course.s06 .juniorEnglish_btn:hover {
  top: 2px;
  color: #000;
  background-color: #fff;
  box-shadow: 0 1px #b39300;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s06 .juniorEnglish_ttl {
    font-size: 2.0rem;
    text-align: center;
  }

  .renew-2016 .course.s06 .juniorEnglish_txt {
    font-size: 1.2rem;
  }

  .renew-2016 .course.s06 .juniorEnglish_left {
    float: none;
    width: 100%;
  }

  .renew-2016 .course.s06 .juniorEnglish_right {
    float: none;
    width: 200px;
    margin: 0 auto 25px;
  }

  .renew-2016 .course.s06 .juniorEnglish_btn {
    width: 200px;
    margin: auto;
    padding: 12px 0;
    font-size: 1.2rem;
  }
}
.nankan-shikokuritsu .intro-top .tlt {
  display: table;
}

.nankan-shikokuritsu .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  line-height: 1.5;
  color: #333;
  font-weight: normal;
}

.nankan-shikokuritsu .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.nankan-shikokuritsu .intro-top .sub-tlt {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 50px;
}

.nankan-shikokuritsu .intro-top .table {
  margin-top: 30px;
}

.nankan-shikokuritsu .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.nankan-shikokuritsu .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.nankan-shikokuritsu .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.nankan-shikokuritsu .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.nankan-shikokuritsu .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nankan-shikokuritsu .intro-top .table02 .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 5px 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nankan-shikokuritsu .intro-top .table .td .jhs02,
.nankan-shikokuritsu .intro-top .table .td .jhs03 {
  margin-right: 10px;
}

.nankan-shikokuritsu .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 220px;
  text-align: center;
}

.sec-intro {
  margin-top: 50px;
}

@media screen and (max-width: 639px) {
  .nankan-shikokuritsu .intro-top .tlt {
    margin-top: 28px;
    display: inline-block;
  }

  .nankan-shikokuritsu .intro-top .title {
    font-size: 29px;
    line-height: 1.2em;
  }

  .nankan-shikokuritsu .intro-top .sub-tlt {
    margin-bottom: 20px;
    font-size: 14px;
    margin-top: 8px;
  }

  .nankan-shikokuritsu .intro-top .tlt h1 p,
  .nankan-shikokuritsu .intro-top .labels {
    display: inline-block;
  }

  .nankan-shikokuritsu .intro-top .table .td .jhs02,
  .nankan-shikokuritsu .intro-top .table .td .jhs03 {
    margin-right: 10px;
  }

  .nankan-shikokuritsu .intro-top .table .td:first-child {
    font-weight: bold;
    background-color: #eee;
    width: 21.73%;
  }

  .nankan-shikokuritsu .intro-top .table .td {
    font-size: 12px;
    padding: 10px;
    line-height: 1.8;
  }

  .nankan-shikokuritsu .intro-top .table02 .td {
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1.8;
  }

  .nankan-shikokuritsu .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.item-box-big {
  background-color: #e6f2ff;
  margin-top: 40px;
}

.item-box-big dl {
  display: flex;
  padding: 20px 40px;
}

.item-box-big dt {
  width: 380px;
  padding: 46px 0;
  font-size: 30px;
  line-height: 1.5;
  border-right: 1px solid #666666;
}

.item-box-big dd {
  padding: 46px 0 0 30px;
  font-size: 17px;
  color: #333;
  line-height: 1.5;
}

.item-box-big dd span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

@media screen and (max-width: 639px) {
  .item-box-big dl {
    display: block;
    padding: 0px 25px;
  }

  .item-box-big dt {
    text-align: center;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px solid #666666;
    padding: 13px 0;
    border-right: none;
  }

  .item-box-big dd {
    text-align: center;
    padding: 13px 0;
    font-size: 12px;
  }

  .item-box-big dd span {
    display: block;
    margin-top: 5px;
    font-size: 10px;
  }
}
/* 難関高校受験対策 特待生制度box */
/*.renew-2016 .nankan-shikokuritsu */
.renew-2016 .nankan-shikokuritsu .tokutai {
  margin: 40px 0 80px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 9px 0;
  padding-left: 17px;
}

.renew-2016 .nankan-shikokuritsu .tokutai-left {
  float: left;
}

.renew-2016 .nankan-shikokuritsu .tokutai-right {
  float: right;
}

.renew-2016 .nankan-shikokuritsu .tokutai-ttl {
  margin: 32px 0 10px;
  font-size: 3.3rem;
  line-height: 1;
}

.renew-2016 .nankan-shikokuritsu .tokutai-ttl span {
  color: #22ac38;
}

.renew-2016 .nankan-shikokuritsu .tokutai-txt {
  margin-bottom: 10px;
  font-size: 1.7rem;
  line-height: 1.5;
}

.renew-2016 .nankan-shikokuritsu .tokutai-small {
  font-size: 1.1rem;
  line-height: 1.5;
}

.renew-2016 .nankan-shikokuritsu .tokutai-small dt {
  float: left;
  line-height: 1.5;
}

.renew-2016 .nankan-shikokuritsu .tokutai-small dd {
  padding-left: 20px;
  line-height: 1.5;
}

@media screen and (max-width: 639px) {
  .renew-2016 .nankan-shikokuritsu .tokutai-ttl {
    font-size: 2.3rem;
    line-height: 1.2;
    margin-top: 26px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai-txt {
    font-size: 1.4rem;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai-small dd {
    padding-left: 15px;
  }
}
/*kourituchukouikkanTips*/
.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_top {
  padding: 5px 0 35px;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips {
  padding: 45px 20px 80px;
  border-bottom: 1px solid #333;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_left {
  float: left;
  width: calc(100% - 380px);
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_right {
  float: right;
  width: 368px;
  padding-top: 25px;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_ttl {
  margin-bottom: 10px;
  font-size: 4rem;
  line-height: 1.5;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_txt {
  margin-bottom: 15px;
  font-size: 2.8rem;
  line-height: 1;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_btn {
  position: relative;
  display: block;
  padding: 12px 0;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid #63ac22;
  background: #63ac22 url(/course/kourituchukouikkan/images/kourituchukouikkantips_icon.png) right 20px top 50% no-repeat;
  text-align: center;
  text-indent: -1em;
  transition: background 0.3s;
  box-shadow: 0 3px #437e0e;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanTips_btn:hover {
  top: 2px;
  color: #63ac22;
  background-color: #fff;
  background-image: url(/course/kourituchukouikkan/images/kourituchukouikkantips_icon_act.png);
  box-shadow: 0 1px #437e0e;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .kourituchukouikkanTips {
    padding: 25px 15px;
  }

  .juken-top.course.kourituchukouikkan .kourituchukouikkanTips_left {
    float: none;
    width: 100%;
  }

  .juken-top.course.kourituchukouikkan .kourituchukouikkanTips_right {
    float: none;
    width: 100%;
    padding-top: 0;
    margin-bottom: 20px;
  }

  .juken-top.course.kourituchukouikkan .kourituchukouikkanTips_ttl {
    text-align: center;
    font-size: 2.7rem;
  }

  .juken-top.course.kourituchukouikkan .kourituchukouikkanTips_txt {
    text-align: center;
    font-size: 1.9rem;
  }

  .juken-top.course.kourituchukouikkan .kourituchukouikkanTips_btn {
    padding: 12px 0;
    font-size: 1rem;
  }
}
.juken-top.course.kourituchukouikkan .chara-list .course-box {
  background-color: #fdfffd;
  padding: 20px;
  border: solid 1px #22ac38;
  margin-top: 20px;
}

.juken-top.course.kourituchukouikkan .chara-list .course-box .chara-item {
  padding-top: 0;
}

.juken-top.course.kourituchukouikkan .chara-list .course-box .chara-item h2.ttl {
  text-align: center;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 10px;
}

.juken-top.course.kourituchukouikkan .chara-list .course-box .chara-item h3.ttl {
  text-align: left;
  font-size: 20px;
}

.juken-top.course.kourituchukouikkan .chara-list .course-box .chara-item {
  border: none;
}

.juken-top.course.kourituchukouikkan .chara-list .course-box .chara-item .inner-left {
  width: 530px;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .chara-list .course-box .chara-item .inner-left {
    width: 100%;
  }
}
.juken-top.course.kourituchukouikkan .kourituchukouikkanArea {
  margin-top: 30px;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanArea .link {
  display: block;
  font-size: 1.6rem;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanArea-detail {
  display: block;
  padding-left: 20px;
  font-size: 1.2rem;
}

.juken-top.course.kourituchukouikkan .kourituchukouikkanArea td {
  padding-right: 15px;
}

@media screen and (max-width: 639px) {
  .juken-top.course.kourituchukouikkan .kourituchukouikkanArea .link {
    margin-left: 0;
    font-size: 1.2rem;
  }

  .juken-top.course.kourituchukouikkan .kourituchukouikkanArea td {
    float: left;
  }
}
/* ------小学英語(s09.html)------- */
/*.renew-2016 .course.s09 */
/*この回の更新(2017-12)各ページ共通部分--------*/
/*s06が振られていたので流用し、ユニークな名前(s09)を振ってコピペして使用した*/
.renew-2016 .course.s09 .chara-list02 .item-box {
  margin-bottom: 30px;
}

.renew-2016 .course.s09 .chara-list02 .item-box h4 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px;
}

.renew-2016 .course.s09 .chara-list02 .item-box p,
.renew-2016 .course.s09 .chara-list02 .item-box-english dt,
.renew-2016 .course.s09 .chara-list02 .item-box-english dd {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.renew-2016 .course.s09 .chara-list02 .item-box-english {
  background-color: #e2f9cd;
}

.renew-2016 .course.s09 .chara-list02 .item-box-english dl {
  display: flex;
  padding: 20px 40px;
}

.renew-2016 .course.s09 .chara-list02 .item-box-english dt {
  width: 570px;
  padding: 46px 0;
  border-right: 1px solid #666666;
}

.renew-2016 .course.s09 .chara-list02 .item-box-english dd {
  padding-left: 30px;
}

.renew-2016 .course.s09 .chara-list02 .item-box-english dd span {
  display: block;
  margin-top: 5px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .chara-list02 .item-box p,
  .renew-2016 .course.s09 .chara-list02 .item-box-english dt,
  .renew-2016 .course.s09 .chara-list02 .item-box-english dd {
    font-size: 13px;
  }

  .renew-2016 .course.s09 .chara-list02 .item-box h4 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
  }

  .renew-2016 .course.s09 .chara-list02 .item-box-english dl {
    display: block;
    padding: 0px 15px;
  }

  .renew-2016 .course.s09 .chara-list02 .item-box-english dt {
    width: 100%;
    border-bottom: 1px solid #666666;
    padding: 13px 0;
    border-right: none;
  }

  .renew-2016 .course.s09 .chara-list02 .item-box-english dd {
    padding: 13px 0;
  }
}
.renew-2016 .course.s09 {
  margin-bottom: 60px;
}

.renew-2016 .course.s09 .x04 {
  background-color: #83c99d;
}

.renew-2016 .course.s09 .x05 {
  background-color: #1ab16c;
}

.renew-2016 .course.s09 .x06 {
  background-color: #15974d;
}

.renew-2016 .course.s09 .juken-top .koukou-juken .chara-item .ttl {
  color: #22ac38;
}

.renew-2016 .course.s09 .juken-top .koukou-juken a.link-blue {
  color: #333;
}

.renew-2016 .course.s09 .juken-top .koukou-juken .btn-blue a {
  background-color: #2266ac;
  border: solid 1px #22ac38;
  box-shadow: 0 3px #286c0b;
}

.renew-2016 .course.s09 .juken-top .koukou-juken .btn-blue a:hover {
  background-color: #fff;
  color: #22ac38;
}

.renew-2016 .course.s09 .intro-top {
  margin-bottom: 87px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .intro-top {
    margin-bottom: 0;
  }
}
.renew-2016 .course.s09 .intro-top .tlt {
  display: table;
}

.renew-2016 .course.s09 .intro-top .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 58px;
  color: #333;
  font-weight: normal;
}

.renew-2016 .course.s09 .intro-top .labels {
  display: table-cell;
  vertical-align: middle;
}

.renew-2016 .course.s09 .intro-top .sub-tlt {
  font-size: 24px;
  margin-top: 10px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .intro-top .tlt {
    margin-top: 0;
  }

  .renew-2016 .course.s09 .intro-top .title {
    font-size: 29px;
  }

  .renew-2016 .course.s09 .intro-top .sub-tlt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.renew-2016 .course.s09 .intro-top .table.only-pc {
  margin-top: 42px;
  display: block;
}

.renew-2016 .course.s09 .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.renew-2016 .course.s09 .intro-top .table .foot {
  font-size: 12px;
  margin-top: 10px;
}

.renew-2016 .course.s09 .intro-top .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.renew-2016 .course.s09 .intro-top .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .course.s09 .intro-top .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .course.s09 .intro-top .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 160px;
  text-align: center;
}

.renew-2016 .course.s09 .intro-top .table .td.td01 {
  width: 86px;
}

.renew-2016 .course.s09 .intro-top .table .td.td02 {
  width: 160px;
}

.renew-2016 .course.s09 .intro-top .table .td.td03 {
  width: 145px;
  font-weight: bold;
  background-color: #eee;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .intro-top .table.only-pc {
    display: none;
  }

  .table.only-sp {
    display: block;
    margin-top: 38px;
  }

  .renew-2016 .course.s09 .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .renew-2016 .course.s09 .intro-top .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .renew-2016 .course.s09 .intro-top .table .td:first-child {
    width: 34.78%;
  }

  .renew-2016 .course.s09 .intro-top .table .foot {
    font-size: 10px;
    margin-top: 4px;
  }
}
/*********************chara-list*****************************/
.renew-2016 .course.s09 .chara-list .chara-title {
  font-size: 38px;
  font-weight: normal;
  line-height: 1.2;
}

.renew-2016 .course.s09 .chara-list .chara-item .inner-left {
  width: 560px;
}

.renew-2016 .course.s09 .chara-list .chara-item .inner-right {
  width: 300px;
}

.renew-2016 .course.s09 .chara-list .chara-item .inner-right img {
  max-width: 100%;
}

.renew-2016 .course.s09 .chara-list .chara-item p {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.renew-2016 .course.s09 .chara-list .chara-item p strong {
  background-color: #ffff00;
}

.renew-2016 .course.s09 .chara-list .chara-item .ttl {
  font-size: 28px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 23px;
  color: #22ac38;
}

.renew-2016 .course.s09 .chara-list .chara-item.item01 {
  border-top: 0 none;
}

.renew-2016 .course.s09 .chara-list .chara-item.item02 .tpl-base-btn a {
  width: 360px;
}

.renew-2016 .course.s09 .chara-list .chara-item.chara-item-tlt-02 .inner-right {
  margin-top: -90px;
}

.renew-2016 .course.s09 .chara-list .chara-item.chara-item-tlt-03 .inner-right {
  margin-top: -125px;
}

.renew-2016 .course.s09 .chara-list .chara-item div.txt {
  margin-top: 40px;
}

.renew-2016 .course.s09 .chara-list .chara-item div.txt .ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.renew-2016 .course.s09 .chara-list .chara-item div.txt p.txt {
  font-size: 14px;
}

.renew-2016 .course.s09 .chara-list .chara-item div.txt p.ttl i {
  font-size: 14px;
  font-style: normal;
}

.renew-2016 .course.s09 .chara-list .chara-item h4 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 15px;
  font-weight: bold;
}

.renew-2016 .course.s09 .boxlayaut_english {
  width: 100%;
  border: 3px solid #eee;
}

.renew-2016 .course.s09 .boxlayaut_english_ttlwrap {
  margin-top: -30px;
  text-align: center;
}

.renew-2016 .course.s09 .boxlayaut_english h3 {
  display: inline-block;
  margin: auto;
  font-size: 26px;
  line-height: 2;
  font-weight: 200;
  text-align: center;
  padding: 0 30px 20px 30px;
  background: #fff;
}

.renew-2016 .course.s09 .boxlayaut_english h3:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 22px;
  height: 32px;
  padding-right: 5px;
  background: url(/course/images/s09/juniorenglish-part_left.png) 0 0 no-repeat;
}

.renew-2016 .course.s09 .boxlayaut_english h3:after {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 22px;
  height: 32px;
  padding-left: 5px;
  background: url(/course/images/s09/juniorenglish-part_right.png) 100% 0 no-repeat;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul {
  display: flex;
  padding-bottom: 10px;
  margin-top: 10px;
  padding: 10px 40px 40px 40px;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li {
  width: 260px;
  margin-right: 30px;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li:last-child {
  margin-right: 0px;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt {
  padding-top: 10px;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt p {
  text-align: center;
  font-size: 16px;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt span {
  font-size: 24px;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd {
  font-size: 1.4rem;
  line-height: 1.8;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd strong {
  background: #ff0;
}

.renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd span {
  font-weight: bold;
}

.renew-2016 .course.s09 .chara-list .chara-item.item02 {
  border-top: none;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .chara-list .chara-item h4 {
    font-size: 16px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .renew-2016 .course.s09 .boxlayaut_english {
    box-sizing: border-box;
    margin: auto;
    padding: 20px;
  }

  .renew-2016 .course.s09 .boxlayaut_english_ttlwrap {
    margin-top: -4.5rem;
  }

  .renew-2016 .course.s09 .boxlayaut_english h3 {
    font-size: 2rem;
    font-weight: 200;
    text-align: center;
    padding: 0 10px 20px 10px;
  }

  .renew-2016 .course.s09 .boxlayaut_english h3:before {
    width: 11px;
    height: 16px;
    background-size: auto 100%;
  }

  .renew-2016 .course.s09 .boxlayaut_english h3:after {
    width: 11px;
    height: 16px;
    background-size: auto 100%;
  }

  .renew-2016 .course.s09 .boxlayaut_english h4 {
    float: left;
    width: 40px;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul {
    display: block;
    float: left;
    width: calc(100% - 40px);
    padding: 0;
    padding-top: 10px;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li {
    float: none;
    width: 230px;
    margin: auto;
    margin-bottom: 50px;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li:last-child {
    margin: auto auto 0;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt {
    padding-top: 0px;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt p {
    text-align: center;
    font-size: 1.6rem;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dt span {
    font-size: 2.4rem;
  }

  .renew-2016 .course.s09 .chara-list .boxlayaut_english .boxlayaut_english-inner ul li dl dd {
    padding-top: 10px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .chara-list .chara-title {
    font-size: 25px;
    line-height: 1.3;
  }

  .renew-2016 .course.s09 .chara-list {
    margin-top: 50px;
  }

  .renew-2016 .course.s09 .chara-list .chara-item .inner-left,
  .renew-2016 .course.s09 .chara-list .chara-item .inner-right {
    width: 100%;
  }

  .renew-2016 .course.s09 .chara-list .chara-item .inner-right {
    margin-top: 25px !important;
  }

  .renew-2016 .course.s09 .chara-list .chara-item.item02 .tpl-base-btn {
    margin: 26px 0 7px;
  }

  .renew-2016 .course.s09 .chara-list .chara-item.item02 .tpl-base-btn a {
    width: 94%;
    margin: 0 auto;
  }

  .renew-2016 .course.s09 .chara-list .chara-item .ttl {
    font-size: 20px;
  }

  .renew-2016 .course.s09 .chara-list .chara-item p {
    font-size: 13px;
  }

  .renew-2016 .course.s09 .chara-list .chara-item div.txt {
    margin-top: 33px;
  }
}
/******************chara-list*********************************/
/******************chara-list2*********************************/
.renew-2016 .course.s09 .chara-list02 .fix-top {
  margin-top: 0;
}

.renew-2016 .course.s09 .chara-list02 .line {
  margin-top: 34px;
  width: 100%;
  height: 1px;
  background-color: transparent;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .chara-list02 .line {
    margin-top: 36px;
  }
}
/******************chara-list2*********************************/
.renew-2016 .course.s09 .chara-list .chara-item .con3 {
  margin-top: 35px;
}

.renew-2016 .course.s09 .chara-list .chara-item .con3 dl {
  width: 30.3%;
  float: left;
  margin-right: 4.4%;
}

.renew-2016 .course.s09 .chara-list .chara-item .con3 dl:last-child {
  margin-right: 0;
}

.renew-2016 .course.s09 .chara-list .chara-item .con3 dt.tlt {
  font-size: 18px;
  font-weight: bold;
}

.renew-2016 .course.s09 .chara-list .chara-item .con3 dd.txt {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 13px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .course.s09 .chara-list .chara-item .con3 dl {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 33px;
  }

  .renew-2016 .course.s09 .chara-list .chara-item .con3 dt.tlt {
    font-size: 16px;
  }

  .renew-2016 .course.s09 .chara-list .chara-item .con3 dd.txt {
    font-size: 13px;
  }
}
/* foot-btns */
/*.renew-2016 .course.s09 .foot-btns{
  margin-top: 30px;
}*/
.renew-2016 .course.s09 .foot-btns .btn {
  width: 280px;
  margin-right: 10px;
  /*background-color: #f0f5d7;*/
  /*padding: 35px;*/
  float: left;
  color: #333;
  font-weight: normal;
}

.renew-2016 .course.s09 .foot-btns .btn.right {
  float: right;
}

.renew-2016 .course.s09 .foot-btns .btn dt {
  font-size: 28px;
}

.renew-2016 .course.s09 .foot-btns .btn dd.text {
  font-size: 14px;
  margin: 18px 0 16px;
}

@media screen and (max-width: 639px) {
  .lines.only-sp {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }

  .renew-2016 .course.s09 .foot-btns .btn {
    padding: 9px 9px;
  }

  .renew-2016 .course.s09 .foot-btns .btn dd.text {
    font-size: 13px;
    margin: 11px 0px;
    line-height: 1.8;
  }

  .renew-2016 .course.s09 .foot-btns .btn dt {
    font-size: 23px;
  }

  .renew-2016 .course.s09 .foot-btns .btn {
    float: none !important;
    width: 100%;
  }

  .renew-2016 .course.s09 .foot-btns .btn.right {
    margin-top: 15px;
  }

  .renew-2016 .course.s09 .chara-list02 .item03 {
    padding-bottom: 0;
  }
}
.renew-2016 .course.s09 .foot-btns .btn a {
  background: #22ac38;
  border: solid 1px #22ac38;
  box-shadow: 0 3px #286c0b;
}

.renew-2016 .course.s09 .foot-btns .btn a:hover {
  background-color: #fff;
  color: #22ac38;
  box-shadow: 0 1px #286c0b;
}

/* ///////foot-btns */
.renew-2016 .course.s09 .intro-top .tlt {
  margin-bottom: 20px;
}

.renew-2016 .course.s09 .intro-top .table .des {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.renew-2016 .course.s09 .labels {
  padding-left: 20px;
}

.renew-2016 .course.s09 .chara-list .chara-title {
  line-height: 1.4;
  letter-spacing: 0;
}

.renew-2016 .course.s09 .chara-list .chara-item p {
  font-size: 1.6rem;
  line-height: 2;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .course.s09 .intro-top .tlt {
    margin-bottom: 10px;
  }

  .renew-2016 .course.s09 .intro-top .sub-tlt {
    line-height: 1.5;
  }

  .renew-2016 .course.s09 .intro-top .table .td:first-child {
    width: 21.73%;
  }

  .renew-2016 .course.s09 .intro-top .table .des {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .renew-2016 .course.s09 .chara-item {
    padding-bottom: 50px;
  }

  .renew-2016 .course.s09 .chara-item:last-child {
    border-bottom: dotted 1px #b2b2b2;
  }

  .renew-2016 .course.s09 figure.figure iframe {
    display: block;
    margin: auto;
  }

  .renew-2016 .course.s09 .chara-list .chara-item .inner-right {
    margin-top: 0 !important;
    margin-bottom: 25px;
  }
}
/*文章内の注釈*/
.renew-2016 .course.s09 aside.comment dt {
  float: left;
  font-size: 1.2rem;
  line-height: 2;
}

.renew-2016 .course.s09 aside.comment dd {
  padding-left: 20px;
  font-size: 1.2rem;
  line-height: 2;
}

/*////////この回の更新各ページ共通部分*/
/*item02(学習した英語をネイティブ教師と実践～)*/
.renew-2016 .course.s09 .item02 {
  border-top: 1px dotted #b2b2b2 !important;
  margin-top: 50px;
}

.renew-2016 .course.s09 .item02 + .item02 {
  margin-top: 0;
}

/*openClass(開講教室はこちら)*/
.renew-2016 .course.s09 .openClass, .renew-2016 .course.s09 .openClass * {
  box-sizing: border-box;
}

.renew-2016 .course.s09 .openClass {
  border: 1px solid #b2b2b2;
  padding: 10px 10px 36px 10px;
}

.renew-2016 .course.s09 .openClass_ttl {
  position: relative;
  margin-bottom: 30px;
  font-size: 2.8rem;
  line-height: 2.3;
  letter-spacing: 0.25em;
  color: #fff;
  text-align: center;
  background: #22ac38;
}

.renew-2016 .course.s09 .openClass_ttl:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  border: 25px solid transparent;
  border-top: 20px solid #22ac38;
}

.renew-2016 .course.s09 .openClass_txt {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.3;
}

.renew-2016 .course.s09 .openClass_btn {
  position: relative;
  display: block;
  width: 260px;
  margin: auto;
  padding: 15px 0;
  font-size: 1.5rem;
  color: #000;
  text-decoration: none;
  border: 1px solid #ffd200;
  background: #ffd200 url(/course/images/s09/openClass_icon.png) right 20px top 50% no-repeat;
  text-align: center;
  text-indent: -1em;
  transition: background 0.3s;
  box-shadow: 0 3px #b39300;
}

.renew-2016 .course.s09 .openClass_btn:hover {
  top: 2px;
  color: #000;
  background-color: #fff;
  box-shadow: 0 1px #b39300;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .course.s09 .openClass {
    padding: 7px 7px 25px 7px;
  }

  .renew-2016 .course.s09 .openClass_ttl {
    letter-spacing: 0.08em;
    font-size: 2.0rem;
  }

  .renew-2016 .course.s09 .openClass_ttl:after {
    border: 18px solid transparent;
    border-top: 15px solid #22ac38;
  }

  .renew-2016 .course.s09 .openClass_txt {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }

  .renew-2016 .course.s09 .openClass_btn {
    width: 200px;
    padding: 12px 0;
    font-size: 1.2rem;
  }
}
/**
 *
 * Written by: kobetsu, 2017
 * author:Zhangjing
 * date:2017-12-20
 */
/**
===================================*/
.sp-only {
  display: none !important;
}

.pc-only {
  display: block !important;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main {
  padding: 0 0 70px 0;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 70px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__p {
  font-size: 2rem;
  line-height: 1.2;
  color: #333;
  margin: 0 0 25px 0;
  text-align: center;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single {
  margin-bottom: 0;
  margin-top: 25px;
  background: none;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single b {
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  margin: 0 2.5px;
  padding: 0 3px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single b:nth-child(1) {
  background: #63ac22;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single b:nth-child(2) {
  background: #2266ac;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single b:nth-child(3) {
  background: #915aaa;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__heading {
  font-size: 6.8rem;
  line-height: 1;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap {
  margin-top: 50px;
  background: url("../images/course/kobetsu/p-coursetop-lead-wrap-img.jpg") no-repeat top right;
  height: 580px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap h2 {
  background: url("../images/course/kobetsu/p-coursetop-lead-wrap-bg.png") no-repeat;
  height: 155px;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: normal;
  padding: 53px 0 0 50px;
  box-sizing: border-box;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap .lt {
  padding: 50px 0 0 53px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap .lt .p-coursetop__lead--single {
  text-align: left;
  line-height: 2;
  font-size: 1.6rem;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading {
  text-align: center;
  margin-bottom: 30px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong {
  display: inline-block;
  font-size: 4.6rem;
  line-height: 1.22;
  border-bottom: 2px solid #b91820;
  padding-bottom: 15px;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong span {
  color: #b91820;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong i {
  font-style: normal;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong b {
  background: none;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 {
  padding: 0 0 70px 0;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 70px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single__p {
  text-align: center;
  font-size: 20px;
  color: #333;
  margin-bottom: 15px;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap {
  margin-bottom: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info {
  margin-bottom: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info img {
  margin-bottom: 12px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__heading {
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 20px;
  text-align: center;
  padding-left: 0;
  background: none;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__heading a {
  text-decoration: none;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__heading a i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 3px;
  background: url("../images/course/kobetsu/ico_info.png") no-repeat left center;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__text {
  font-size: 1.4rem;
  line-height: 1.71;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-course-btn {
  width: 100%;
  font-size: 1.5rem;
  line-height: 2.13;
  padding: 10px 0;
  border: none;
  color: #fff;
  background: #22ac38;
  display: inline-block;
  height: auto;
  font-weight: normal;
  position: relative;
  border-radius: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-course-btn:after {
  content: '';
  background: url("../images/course/kobetsu/ico_info_arrow.png") no-repeat;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 18px;
  top: 50%;
  color: #fff;
  margin-top: -7px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-course-btn:hover {
  width: 100%;
  font-size: 1.5rem;
  line-height: 2.13;
  padding: 10px 0;
  border: 1px solid #22ac38;
  color: #22ac38;
  background: #fff;
  display: inline-block;
  height: auto;
  font-weight: normal;
  position: relative;
  border-radius: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-course-btn:hover:after {
  content: '';
  background: url("../images/course/kobetsu/ico_info_arrow_hover.png") no-repeat;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 18px;
  top: 50%;
  color: #fff;
  margin-top: -7px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3.sec3-1 .p-single__heading {
  margin-bottom: 40px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3.sec3-1 .media .kobetsu_mov iframe {
  width: 100%;
  height: 169px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .p-single__heading {
  margin-bottom: 70px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media {
  border-bottom: 1px dotted #b2b2b2;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body {
  float: left;
  width: 63%;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__heading {
  margin-bottom: 20px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__heading h3 {
  font-size: 3.6rem;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__heading h3 span {
  font-size: 2rem;
  color: #b91820;
  display: block;
  margin: 10px 0 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text {
  font-size: 1.6rem;
  line-height: 2;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text {
  font-size: 1.6rem;
  line-height: 2;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .kobetsu_mov {
  width: 300px;
  float: right;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text i {
  background: #fff100;
  font-style: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text2 {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.67;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 p {
  font-size: 1.2rem;
  line-height: 1.67;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 p strong {
  font-size: 1.6rem;
  line-height: 3.5;
  color: #333;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table {
  margin-bottom: 10px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr th {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 1.4rem;
  line-height: 34px;
  color: #333;
  text-align: center;
  background: #eeeeee;
  width: 58px;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr th:last-child {
  border-right: none;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr th:nth-child(2) {
  width: 133px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr td {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  font-size: 1.4rem;
  line-height: 40px;
  text-align: center;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr td:last-child {
  border-right: none;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .ad-wrap {
  border-bottom: 1px dotted #b2b2b2;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg {
  background: #f7f7f7;
  padding: 60px 50px 50px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media {
  margin-top: 40px;
  position: relative;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .lt {
  float: left;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .rt {
  float: right;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr:first-child {
  margin-bottom: 80px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con {
  width: 38%;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con:nth-child(even) {
  text-align: right;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con:nth-child(odd) {
  text-align: left;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con img {
  display: inline-block;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con p {
  font-size: 1.4rem;
  line-height: 1.71;
  color: #333;
  margin-top: 10px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con p.w90 {
  width: 82%;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con p.w80 {
  width: 80%;
  text-align: left;
  padding-left: 50px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-center {
  position: absolute;
  background: url("../images/course/kobetsu/img_index14.png") no-repeat;
  width: 290px;
  height: 294px;
  left: 50%;
  top: 50%;
  margin-left: -145px;
  margin-top: -200px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 {
  padding: 70px 0;
  border-top: 1px dotted #b2b2b2;
  margin: 70px 0 0;
  border-bottom: 1px dotted #b2b2b2;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap {
  margin-bottom: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings {
  height: 85px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings span {
  font-size: 1.6rem;
  line-height: 2;
  color: #333;
  display: block;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings strong {
  font-size: 3.2rem;
  line-height: 1;
  color: #333;
  display: block;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings b {
  font-size: 1.2rem;
  line-height: 1.67;
  color: #333;
  display: block;
  background: none;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info img {
  margin: 20px auto 10px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__texts {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.71;
  color: #333;
  text-align: left;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__texts i {
  background: #fff100;
  font-style: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info:last-child .p-single-info__headings strong {
  font-size: 2.6rem;
  line-height: 1.3;
  color: #333;
  display: block;
  font-weight: normal;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 {
  padding: 70px 0 0;
  border-bottom: 1px dotted #b2b2b2;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info {
  width: 49%;
  padding: 0 5%;
  box-sizing: border-box;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-single-info__headings {
  height: 50px;
  text-align: center;
  margin-bottom: 25px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .h3-1 {
  text-indent: -9999px;
  background: url("../images/course/kobetsu/img_index18.png") no-repeat center;
  background-size: 90%;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .h3-2 {
  text-indent: -9999px;
  background: url("../images/course/kobetsu/img_index20.png") no-repeat center;
  background-size: 90%;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info img {
  margin-bottom: 30px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info h4 {
  font-size: 2rem;
  line-height: 1.5;
  color: #333;
  font-weight: normal;
  margin-bottom: 15px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info h5 {
  font-size: 2rem;
  line-height: 1.5;
  color: #333;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 15px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-single-info__textx {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-course-btn {
  width: 70%;
  font-size: 1.5rem;
  line-height: 2.13;
  padding: 10px 0;
  border: none;
  color: #fff;
  background: #22ac38;
  display: inline-block;
  height: auto;
  font-weight: normal;
  position: relative;
  border-radius: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-course-btn:after {
  content: '';
  background: url("../images/course/kobetsu/ico_info_arrow.png") no-repeat;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 18px;
  top: 50%;
  color: #fff;
  margin-top: -7px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-course-btn:hover {
  width: 70%;
  font-size: 1.5rem;
  line-height: 2.13;
  padding: 10px 0;
  border: 1px solid #22ac38;
  color: #22ac38;
  background: #fff;
  display: inline-block;
  height: auto;
  font-weight: normal;
  position: relative;
  border-radius: 0;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-course-btn:hover:after {
  content: '';
  background: url("../images/course/kobetsu/ico_info_arrow_hover.png") no-repeat;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 18px;
  top: 50%;
  color: #22ac38;
  margin-top: -7px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info:first-child {
  border-right: 1px dotted #b2b2b2;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 {
  padding: 70px 0 0;
  margin-bottom: 75px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-visavis__text {
  font-size: 2.6rem;
  line-height: 1.54;
  color: #333;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn {
  width: 70%;
  font-size: 1.5rem;
  line-height: 2.13;
  padding: 10px 0;
  border: none;
  color: #fff;
  background: #cc0000;
  display: inline-block;
  height: auto;
  font-weight: normal;
  position: relative;
  border-radius: 0;
  margin-top: 30px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn:after {
  content: '';
  background: url("../images/course/kobetsu/ico_info_arrow.png") no-repeat;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 18px;
  top: 50%;
  color: #fff;
  margin-top: -7px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn:hover {
  width: 70%;
  font-size: 1.5rem;
  line-height: 2.13;
  padding: 10px 0;
  border: #cc0000 1px solid;
  color: #cc0000;
  background: #fff;
  display: inline-block;
  height: auto;
  font-weight: normal;
  position: relative;
  border-radius: 0;
  margin-top: 30px;
}

.content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn:hover:after {
  content: '';
  background: url("../images/course/kobetsu/ico_info_arrow_red_hover.png") no-repeat;
  width: 7px;
  height: 13px;
  position: absolute;
  right: 18px;
  top: 50%;
  color: #fff;
  margin-top: -7px;
}

@media only screen and (max-width: 639px) {
  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }

  /* .renew-2016 .content-renew-2017 {
    padding: 0; } */
  .content-renew-2017 .tpl-inner-wrap {
    padding: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main {
    padding: 0 0 25px 0;
    border-bottom: none;
    margin-bottom: 25px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single {
    margin-bottom: 0;
    margin-top: 12px;
    background: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__p {
    font-size: 1.4rem;
    margin: 0 0 12px 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__single b {
    font-size: 1.1rem;
    line-height: 1.18;
    margin: 0 2.5px;
    padding: 0 3px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop__heading {
    font-size: 3.6rem;
    line-height: .91;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap {
    margin-top: 25px;
    background: url("../images/course/kobetsu/sp/p-coursetop-lead-wrap-img.jpg") no-repeat left bottom;
    background-size: 100%;
    height: 580px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap h2 {
    background: url("../images/course/kobetsu/sp/p-coursetop-lead-wrap-bg.png") no-repeat;
    font-size: 2.0rem;
    line-height: 1.57;
    padding: 20px 0 0 20px;
    background-size: 100%;
    height: 122px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap .lt {
    padding: 20px 0 0 23px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-coursetop__main .p-coursetop-lead-wrap .lt .p-coursetop__lead--single {
    text-align: left;
    line-height: 1.6;
    font-size: 1.3rem;
    color: #333;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading {
    text-align: center;
    margin-bottom: 15px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong {
    font-size: 3rem;
    line-height: 1.67;
    padding-bottom: 7px;
    border-bottom: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong span {
    display: block;
    border-bottom: 2px solid #b91820;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .p-single__heading strong i {
    border-bottom: 2px solid #b91820;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 {
    padding: 0 0 25px;
    margin-bottom: 25px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single__p {
    font-size: 1.4rem;
    margin-bottom: 7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap {
    margin-bottom: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info {
    padding: 0 2.5%;
    margin: 0;
    box-sizing: border-box;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info img {
    margin-bottom: 6px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__heading {
    font-size: 1.7rem;
    line-height: 1.24;
    margin-bottom: 10px;
    position: relative;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__heading a i {
    position: absolute;
    top: 12px;
    left: 0%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__text {
    font-size: 1.4rem;
    line-height: 1.36;
    height: 130px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-course-btn {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.13;
    padding: 10px 0;
    border: none;
    color: #fff;
    background: #22ac38;
    display: inline-block;
    height: auto;
    font-weight: normal;
    position: relative;
    border-radius: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-course-btn:after {
    content: '';
    background: url("../images/course/kobetsu/ico_info_arrow.png") no-repeat;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 18px;
    top: 50%;
    color: #fff;
    margin-top: -7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3.sec3-1 .p-single__heading {
    margin-bottom: 35px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3.sec3-1 .media .kobetsu_mov {
    margin-top: 10px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3.sec3-1 .media .kobetsu_mov iframe {
    width: 100%;
    height: 180px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 {
    padding: 0 5%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .p-single__heading {
    margin-bottom: 35px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .p-single__heading strong {
    border-bottom: 2px solid #b91820;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .p-single__heading strong span {
    display: inline-block;
    border-bottom: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media {
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__image--right {
    margin: 5% 0 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body {
    float: none;
    width: 90%;
    margin: 0 auto;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__heading {
    margin-bottom: 10px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__heading h3 {
    font-size: 2.5rem;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__heading h3 span {
    font-size: 1.6rem;
    margin: 5px 0 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text {
    font-size: 1.4rem;
    line-height: 2;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text2 {
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 {
    margin-top: 20px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 p strong {
    font-size: 1.4rem;
    line-height: 1.36;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table {
    margin-bottom: 10px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr th {
    font-size: 1rem;
    line-height: 30px;
    width: 58px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr th:last-child {
    border-right: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr th:nth-child(2) {
    width: 133px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr td {
    font-size: 1rem;
    line-height: 30px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .media__body .p-single-point__text3 table tr td:last-child {
    border-right: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec3 .media .kobetsu_mov {
    width: 100%;
    float: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 {
    padding: 0 5%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg {
    padding: 6% 5% 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .p-single__heading strong {
    border-bottom: 2px solid #b91820;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media {
    margin-top: 20px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .lt {
    float: left;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .rt {
    float: right;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr:first-child {
    margin-bottom: 10px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con {
    width: 48%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con:nth-child(even) {
    text-align: left;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con:nth-child(odd) {
    text-align: left;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con img {
    display: inline-block;
    width: 100%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con p {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 5px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con p.w90 {
    width: 100%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr .media-con p.w80 {
    width: 100%;
    padding-left: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr:last-child {
    position: relative;
    top: -20px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr:last-child .media-con img {
    position: relative;
    top: 75px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-lr:last-child .media-con p {
    position: relative;
    top: -120px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec4 .sec4-bg .media .media-center {
    position: static;
    background: url("../images/course/kobetsu/sp/img_index14.png") no-repeat;
    background-size: 100%;
    width: 90%;
    left: 0;
    top: 0;
    margin: 0 auto;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 {
    padding: 25px 5% 0;
    margin: 25px 0 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap {
    margin-bottom: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info {
    margin-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #b2b2b2;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings {
    height: 85px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings span {
    font-size: 1.6rem;
    line-height: 1;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings strong {
    font-size: 3rem;
    line-height: 1.5;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__headings b {
    font-size: 1rem;
    line-height: 1;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info img {
    margin: 10px auto 5px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info .p-single-info__texts {
    margin-top: 7px;
    font-size: 1.4rem;
    line-height: 2;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec5 .p-single-wrap .p-single-info:last-child .p-single-info__headings strong {
    font-size: 2.5rem;
    line-height: 1.4;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 {
    padding: 25px 0 0;
    border-bottom: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-single-info__headings {
    height: 50px;
    text-align: center;
    margin-bottom: 12px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .h3-1 {
    background: url("../images/course/kobetsu/img_index18.png") no-repeat center;
    background-size: 65%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .h3-2 {
    background: url("../images/course/kobetsu/img_index20.png") no-repeat center;
    background-size: 65%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info img {
    width: 100%;
    margin-bottom: 15px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info h4 {
    font-size: 1.8rem;
    line-height: 1.28;
    margin-bottom: 7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info h5 {
    font-size: 1.8rem;
    line-height: 1.28;
    margin-bottom: 7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-single-info__textx {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 10px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-course-btn {
    width: 70%;
    font-size: 1.5rem;
    line-height: 2.13;
    padding: 10px 0;
    border: none;
    color: #fff;
    background: #22ac38;
    display: inline-block;
    height: auto;
    font-weight: normal;
    position: relative;
    border-radius: 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info .p-course-btn:after {
    content: '';
    background: url("../images/course/kobetsu/ico_info_arrow.png") no-repeat;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 18px;
    top: 50%;
    color: #fff;
    margin-top: -7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec6 .p-single-wrap .p-single-info:first-child {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #b2b2b2;
    border-right: none;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 {
    padding: 25px 0 20px;
    margin-bottom: 35px;
    border-bottom: 1px solid #b2b2b2;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-visavis__text {
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .media__image--right {
    width: 80%;
    margin: 25px auto;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .media__image--right img {
    width: 100%;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn {
    width: 55%;
    font-size: 1.5rem;
    line-height: 2.13;
    padding: 10px 0;
    border: none;
    color: #fff;
    background: #cc0000;
    height: auto;
    display: block;
    font-weight: normal;
    position: relative;
    border-radius: 0;
    margin: 30px auto 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn:after {
    content: '';
    background: url("../images/course/kobetsu/ico_info_arrow.png") no-repeat;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 18px;
    top: 50%;
    color: #fff;
    margin-top: -7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn:hover {
    width: 55%;
    font-size: 1.5rem;
    line-height: 2.13;
    padding: 10px 0;
    border: #cc0000 1px solid;
    color: #cc0000;
    background: #fff;
    height: auto;
    display: block;
    font-weight: normal;
    position: relative;
    border-radius: 0;
    margin: 30px auto 0;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .p-course-btn:hover:after {
    content: '';
    background: url("../images/course/kobetsu/ico_info_arrow_red_hover.png") no-repeat;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 18px;
    top: 50%;
    color: #fff;
    margin-top: -7px;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .media__image_bt {
    width: 80%;
    margin: 25px auto;
  }

  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec7 .media__body .media__image_bt img {
    width: 100%;
  }
}
@media only screen and (max-width: 321px) {
  .content-renew-2017 .tpl-inner-wrap .tpl-main-column .sec2 .p-single-wrap .p-single-info .p-single-info__text {
    height: 150px;
  }
}
/*-----------------*/
/*-----------------*/
/*高校受験2017-12-20*/
/*-----------------*/
/*-----------------*/
@media all and (min-width: 751px) {
  #NW .SP {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  #NW .PC {
    display: none !important;
  }
}
/*normalize*/
#NW * {
  box-sizing: border-box;
}

#NW img {
  display: inline;
}

/*newintro*/
#NW .newintro {
  position: relative;
  margin-bottom: 40px;
}

#NW .newintro h2 {
  margin: 30px 0;
  text-align: center;
  font-size: 4.6rem;
  font-weight: normal;
}

#NW .newintro p {
  line-height: 2;
}

/*courseList*/
#NW .courseList {
  padding: 40px 40px 70px;
  border-top: 3px solid #2266ac;
  border-bottom: 3px solid #2266ac;
}

#NW .courseList h2 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 3.6rem;
  color: #2266ac;
}

#NW .courseList li {
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}

#NW .courseList li:first-child {
  border-top: 1px solid #ccc;
}

#NW .courseList li a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: 2.6rem;
}

#NW .courseList li dt {
  float: left;
  width: 22px;
  height: 32px;
  margin-right: 10px;
  background: url("/koukou-juken/top/img/icon_arrow.png") 0 50% no-repeat;
}

#NW .courseList li dd {
  padding-left: 0px;
  border-bottom: 1px solid #333;
  display: inline-block;
}

#NW .icon_gr {
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 5px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  line-height: 32px;
}

#NW .icon_gr + .icon_gr {
  margin-left: 0;
}

/*point*/
#NW .point {
  padding: 0 20px;
}

#NW .point > ul > li {
  padding: 60px 20px;
  border-top: 1px dotted #b2b2b2;
}

#NW .point > ul > li:first-child {
  border-top: 0;
}

#NW .point > ul > li:last-child {
  padding-bottom: 0;
}

#NW .point .point_right {
  float: right;
  width: 300px;
}

#NW .point .point_right.point_right_1 iframe {
  width: 100%;
  height: 300px;
}

#NW .point .point_left {
  float: left;
  width: calc(100% - 340px);
}

#NW .point .point_left h2 {
  font-size: 3.6rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

#NW .point .point_left p {
  line-height: 1.5;
}

#NW .point .point_left p strong {
  background: #ffff00;
  font-weight: normal;
}

#NW .point .point_timetable {
  margin-top: 30px;
}

#NW .point_timetable_ttl {
  margin-bottom: 10px;
  padding-left: 10px;
}

#NW .point_timetable_img {
  padding-left: 10px;
  margin-bottom: 12px;
}

#NW .point_timetable_txt {
  padding-left: 10px;
  font-size: 1.2rem;
}

#NW .point_btn {
  display: block;
  margin-top: 20px;
  width: 260px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  background: #2266ac url("/koukou-juken/top/img/btn_icon.png") right 20px top 50% no-repeat;
  text-align: center;
  text-indent: -1em;
  color: #fff;
}

#NW .point_btn:hover {
  border: 1px solid #2266ac;
  background: #fff url("/koukou-juken/top/img/btn_icon_hover.png") right 20px top 50% no-repeat;
  color: #2266ac;
  transition: 0.2s;
}

#NW .point_wrap_2 {
  padding: 60px 0 0;
  border-top: 1px dotted #b2b2b2;
  margin-top: 60px;
}

#NW .point_wrap_2 .point_left p img {
  margin-bottom: 40px;
  margin-top: 10px;
}

#NW .point_wrap_2 .point_left p small {
  font-size: 14px;
}

/*col3*/
#NW .point ul.col3 {
  margin-top: 50px;
}

#NW .point ul.col3 > li {
  border-top: 1px dotted #b2b2b2;
  padding: 45px 0 50px;
}

#NW .point ul.col3 > li > h2 {
  margin-bottom: 30px;
  font-size: 3rem;
  line-height: 1.3;
}

#NW .point ul.col3 > li > p {
  margin-bottom: 30px;
  line-height: 2;
}

/*3カラムのリストの部分*/
/*#NW .point ul.col3 > li > ul > li*/
#NW .point ul.col3 > li > ul > li {
  float: left;
  width: 240px;
  margin-left: 45px;
}

#NW .point ul.col3 > li > ul > li:first-child {
  margin-left: 0;
}

#NW .point ul.col3 > li > ul > li > h3 {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  font-size: 2rem;
  line-height: 1.3;
}

#NW .point ul.col3 > li > ul > li .col3_txt {
  /*文章*/
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

#NW .point ul.col3 > li > ul > li .col3_txt .col3_img {
  /*文章内のimg*/
  margin-top: 15px;
}

#NW .point ul.col3 > li > ul > li .col3_txt > ul {
  /*文章内の小さなリスト*/
  padding-left: 20px;
}

#NW .point ul.col3 > li > ul > li .col3_txt > ul > li {
  /*文章内の小さなリスト*/
  list-style-type: disc;
  font-size: 1.4rem;
  line-height: 1.8;
}

#NW .point ul.col3 > li > ul > li .col3_txt > aside dt {
  float: left;
  font-size: 1.2rem;
  line-height: 1.6;
}

#NW .point ul.col3 > li > ul > li .col3_txt > aside dd {
  padding-left: 14px;
  font-size: 1.2rem;
  line-height: 1.6;
}

/*catshome*/
#NW .catshome {
  background: #eee;
  margin-top: 15px;
  padding: 15px;
}

#NW .catshome ul {
  margin-bottom: 15px;
}

#NW .catshome li {
  margin-top: 10px;
  font-size: 1.3rem;
}

#NW .catshome li:first-child {
  margin-top: 0;
}

#NW .catshome li:before {
  display: block;
  float: left;
  content: '●';
}

#NW .catshome li span {
  display: block;
  padding-left: 17px;
}

#NW .catshome_img {
  margin-bottom: 10px;
}

#NW .catshome_wrap aside dt {
  float: left;
  font-size: 1.1rem;
  line-height: 1.6;
}

#NW .catshome_wrap aside dd {
  padding-left: 13px;
  font-size: 1.1rem;
  line-height: 1.6;
}

/*#panel_koukou-juken*/
#panel_koukou-juken {
  padding: 20px;
}

#panel_koukou-juken h3 {
  font-size: 2rem;
  line-height: 1.5;
}

.panel_koukou-juken_img {
  margin-top: 15px;
  margin-bottom: 8px;
}

.panel_koukou-juken_date {
  margin-bottom: 8px;
}

.panel_koukou-juken_ttl {
  display: block;
  margin-bottom: 8px;
  text-decoration: underline !important;
  font-size: 1.6rem;
  color: #2c7aad;
}

.panel_koukou-juken_txt {
  /*2行をはみ出ると「…」にする*/
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #2c7aad;
  line-height: 1.5;
}

@media screen and (max-width: 750px) {
  /*newintro*/
  #NW .newintro {
    position: relative;
    margin-bottom: 20px;
  }

  #NW .newintro_main {
    /*幅ハック*/
    position: relative;
    top: 0;
    left: -15px;
    width: 100vw;
  }

  #NW .newintro h2 {
    margin: 20px 0 15px;
    font-size: 2.3rem;
    white-space: nowrap;
  }

  #NW .newintro p {
    font-size: 1.4rem;
    line-height: 1.6;
  }

  /*courseList*/
  #NW .courseList {
    padding: 20px 10px 40px;
    border-top: 2px solid #2266ac;
    border-bottom: 2px solid #2266ac;
  }

  #NW .courseList h2 {
    margin-bottom: 20px;
    font-size: 2.6rem;
  }

  #NW .courseList li {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
  }

  #NW .courseList li:first-child {
    border-top: 1px solid #ccc;
  }

  #NW .courseList li a {
    font-size: 1.5rem;
    line-height: 1.7;
  }

  #NW .courseList li dt {
    float: left;
    width: 11px;
    height: 25px;
    margin-right: 5px;
    background: url("/koukou-juken/top/img/icon_arrow-sp.png") 0 50% no-repeat;
    background-size: 11px 8px;
  }

  #NW .courseList li dd {
    padding-left: 15px;
    border-bottom: none;
    display: inline-block;
  }

  #NW .icon_gr {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin: 0 3px;
    margin-top: 2px;
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    line-height: 21px;
  }

  #NW .icon_gr + .icon_gr {
    margin-left: 0;
  }

  /*point*/
  #NW .point {
    padding: 0 22px;
  }

  #NW .point > ul > li {
    padding: 30px 0;
    border-top: 1px dotted #b2b2b2;
  }

  #NW .point > ul > li:first-child {
    border-top: 0;
  }

  #NW .point .point_right {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  #NW .point .point_right.point_right_1 iframe {
    width: 100%;
    height: auto;
  }

  #NW .point .point_left {
    float: none;
    width: 100%;
  }

  #NW .point h2 {
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  #NW .point .point_left p {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  #NW .point .point_timetable {
    margin-top: 15px;
  }

  #NW .point_timetable_ttl {
    padding-left: 0;
    margin-bottom: 10px;
    font-size: 1.4rem;
  }

  #NW .point_timetable_img {
    padding-left: 0;
    margin-bottom: 8px;
  }

  #NW .point_timetable_txt {
    padding-left: 0;
    font-size: 0.9rem;
    line-height: 1.5;
  }

  #NW .point_btn {
    display: block;
    margin: auto;
    margin-top: 20px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    background: #2266ac url("/koukou-juken/top/img/btn_icon-sp.png") right 10px top 50% no-repeat;
    background-size: 6px 10px;
    text-align: center;
    text-indent: -0.5em;
    font-size: 1.2rem;
  }

  #NW .point_btn:hover {
    opacity: 0.8;
    transition: 0.2s;
  }

  #NW .point_wrap_2 {
    padding: 30px 0 0;
    border-top: 1px dotted #b2b2b2;
    margin-top: 30px;
  }

  #NW .point_wrap_2 .point_left p img {
    margin-bottom: 4%;
    margin-top: 2%;
    width: 100%;
  }

  #NW .point_wrap_2 .point_left p small {
    font-size: 12px;
  }

  /*col3*/
  #NW .point ul.col3 {
    margin-top: 35px;
  }

  #NW .point ul.col3 > li {
    border-top: 1px dotted #b2b2b2;
    padding: 35px 0 35px;
  }

  #NW .point ul.col3 > li > h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 2.2rem;
    line-height: 1.3;
  }

  #NW .point ul.col3 > li > p {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 1.4rem;
  }

  /*3カラムのリストの部分*/
  /*#NW .point ul.col3 > li > ul > li*/
  #NW .point ul.col3 > li > ul > li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  #NW .point ul.col3 > li > ul > li:first-child {
    margin-top: 0;
  }

  #NW .point ul.col3 > li > ul > li > h3 {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #000;
    font-size: 1.7rem;
    line-height: 1.3;
  }

  #NW .point ul.col3 > li > ul > li .col3_txt {
    float: left;
    width: calc(100% - 135px);
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.6;
  }

  #NW .point ul.col3 > li > ul > li .col3_img {
    /*文章内のimg*/
    float: right;
    width: 120px;
    margin-top: 0;
  }

  #NW .point ul.col3 > li > ul > li .col3_txt > ul {
    padding-left: 20px;
  }

  #NW .point ul.col3 > li > ul > li .col3_txt > ul > li {
    list-style-type: disc;
    font-size: 1.2rem;
    line-height: 1.8;
  }

  #NW .point ul.col3 > li > ul > li aside dt {
    float: left;
    font-size: 0.9rem;
    line-height: 1.4;
  }

  #NW .point ul.col3 > li > ul > li aside dd {
    padding-left: 14px;
    font-size: 0.9rem;
    line-height: 1.4;
  }

  /*catshome*/
  #NW .point ul.col3 > li > ul > li.catshome_wrap .col3_txt {
    /*文章 cats@homeの場合 SPのみ*/
    float: none;
    width: 100%;
  }

  #NW .catshome {
    background: #eee;
    margin-top: 15px;
    padding: 15px;
  }

  #NW .catshome_txt {
    float: left;
    width: calc(100% - 120px);
  }

  #NW .catshome_img {
    float: right;
    width: 105px;
  }

  #NW .catshome ul {
    margin-bottom: 15px;
  }

  #NW .catshome li {
    margin-top: 5px;
    font-size: 1.1rem;
    line-height: 1.3;
  }

  #NW .catshome li:first-child {
    margin-top: 0;
  }

  #NW .catshome li:before {
    display: block;
    float: left;
    content: '●';
  }

  #NW .catshome li span {
    display: block;
    padding-left: 14px;
  }

  #NW .catshome_icon {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 10px;
    width: 130px;
  }

  #NW .catshome_img {
    margin-bottom: 10px;
  }

  /*#panel_koukou-juken*/
  .panel_koukou-juken_date {
    font-size: 1rem;
  }

  .panel_koukou-juken_ttl {
    margin-bottom: 8px;
    font-size: 1.6rem;
    color: #2c7aad !important;
    font-weight: bold;
  }

  .panel_koukou-juken_txt {
    font-size: 1.3rem;
  }
}
/*iPhone5ハック*/
@media all and (min-width: 321px) {
  #NW .SP320 {
    display: none !important;
  }
}
@media screen and (max-width: 320px) {
  #NW .newintro h2 {
    line-height: 1.3;
  }

  #NW .point h2 {
    font-size: 2rem;
  }

  #NW .catshome_icon {
    margin-left: 0;
  }
}
/*-----------------*/
/*-----------------*/
/*ここまで　高校受験2017-12-20*/
/*-----------------*/
/*-----------------*/
.mid-conv {
  display: none;
}

@media only screen and (max-width: 639px) {
  .mid-conv {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
  }
}
.mid-conv__list li {
  list-style: disc inside;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.mid-conv p {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

.mid-conv p.border {
  padding-bottom: 15px;
  border-bottom: 1px dotted #999;
}

.mid-conv__inner {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.mid-conv__inner p {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

.mid-conv__inner dl dt, .mid-conv__inner dl dd {
  display: inline-block;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}

.mid-conv__inner dl dd {
  font-weight: bold;
}

.mid-conv__inner dl dd span {
  font-weight: normal;
  font-size: 10px;
  font-size: 1rem;
}

.mid-conv .btn--contact, .mid-conv .btn--contact--event {
  margin: 10px auto;
}

/*//////////201712 course/science.html start//////////*/
.renew-2016 .science {
  /*＋、－切り替え*/
}

.renew-2016 .science .sp-only {
  display: none;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science .sp-only {
    display: block;
  }

  .renew-2016 .science .pc-only {
    display: none;
  }
}
.renew-2016 .science .page-link.style02 {
  margin: 0 0 40px;
}

.renew-2016 .science .page-link.style02 > li {
  float: left;
  width: 280px;
  margin-right: 10px;
}

.renew-2016 .science .page-link.style02 > li:first-child {
  width: 310px;
}

.renew-2016 .science .page-link.style02 > li:last-child {
  margin-right: 0;
}

.renew-2016 .science .section-sub-ttl02 {
  font-size: 20px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  color: #22ac38;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.renew-2016 .science .section-sub-ttl02::before, .renew-2016 .science .section-sub-ttl02::after {
  display: block;
  height: 2px;
  content: '';
  background: #22ac38;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.renew-2016 .science .section-sub-ttl02::before {
  margin-right: .4em;
}

.renew-2016 .science .section-sub-ttl02::after {
  margin-left: .4em;
}

.renew-2016 .science .section-sub-ttl02.mt-adjust {
  padding-top: 30px;
}

.renew-2016 .science .section-block.last {
  margin-bottom: 0;
}

.renew-2016 .science .class-box-title {
  font-size: 30px;
  line-height: 70px;
  height: 70px;
  padding-left: 30px;
  color: #fff;
  background: #22ac38;
}

.renew-2016 .science .class-box-title .label-area {
  display: inline-block;
  height: 70px;
  margin-top: -14px;
  margin-left: 14px;
  vertical-align: middle;
}

.renew-2016 .science .class-box-title .label-area span {
  margin-right: 5px;
}

.renew-2016 .science .class-box-content {
  padding: 30px 26px;
}

.renew-2016 .science .section-block-body02 {
  float: left;
  width: 540px;
  margin-right: 20px;
}

.renew-2016 .science .section-block-r02 {
  margin-left: 560px;
}

.renew-2016 .science .class-heading01 {
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 35px;
}

.renew-2016 .science .class-heading01 span {
  font-size: 14px;
  margin-left: 20px;
}

.renew-2016 .science .img-box01-outer {
  margin-bottom: 40px;
}

.renew-2016 .science .img-box01 {
  float: left;
  width: 263px;
  margin-right: 20px;
}

.renew-2016 .science .img-box01:last-child {
  margin-right: 0;
}

.renew-2016 .science .img-box01 p {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
  color: #22ac38;
}

.renew-2016 .science .img-box01 img {
  width: 263px;
}

.renew-2016 .science .class-heading02 {
  font-size: 30px;
  margin-bottom: 25px;
  text-align: center;
  color: #22ac38;
}

.renew-2016 .science .class-movie-content-outer {
  width: 535px;
  margin: 0 auto;
}

.renew-2016 .science .class-movie-content {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0;
}

.renew-2016 .science .class-movie-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.renew-2016 .science .voice-box {
  margin-top: 40px;
}

.renew-2016 .science .voice-box-text {
  position: relative;
  float: left;
  width: 674px;
  padding: 15px 20px;
  border-radius: 4px;
  background: #eef8e8;
}

.renew-2016 .science .voice-box-text p {
  font-size: 14px;
  line-height: 1.6;
}

.renew-2016 .science .voice-box-text:after {
  position: absolute;
  top: 35%;
  right: -28px;
  display: block;
  width: 0;
  height: 0;
  content: '';
  border: 15px solid transparent;
  border-left: 15px solid #eef8e8;
}

.renew-2016 .science .voice-box-text p.voice-box-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  color: #22ac38;
}

.renew-2016 .science .voice-box-face {
  margin-left: 714px;
}

.renew-2016 .science .voice-box-face img {
  margin: 0;
}

.renew-2016 .science .figure01 {
  margin-top: 40px;
}

.renew-2016 .science .accordionbox {
  position: relative;
  margin: 0 auto 30px;
  border: 4px solid #22ac38;
}

.renew-2016 .science .accordionlist dt {
  display: block;
  padding-bottom: 40px;
}

.renew-2016 .science .click-area {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 70px;
  padding: 20px 30px 0 0;
  cursor: pointer;
}

.renew-2016 .science .accordionlist dd {
  display: none;
  padding: 0 26px 26px;
}

.renew-2016 .science .accordion_icon, .renew-2016 .science .accordion_icon span {
  display: inline-block;
  box-sizing: border-box;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.renew-2016 .science .accordion_icon {
  position: relative;
  float: right;
  width: 24px;
  height: 24px;
}

.renew-2016 .science .accordion_icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
}

.renew-2016 .science .accordion_icon span:nth-of-type(1) {
  top: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.renew-2016 .science .accordion_icon span:nth-of-type(2) {
  top: 12px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.renew-2016 .science .accordion_icon.active span:nth-of-type(1) {
  display: none;
}

.renew-2016 .science .accordion_icon.active span:nth-of-type(2) {
  top: 12px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (min-width: 640px) {
  .renew-2016 .science .style03 {
    display: block;
    margin: 20px auto 10px;
  }

  .renew-2016 .science .style03 a {
    font-family: 'メイリオ', sans-serif;
    font-weight: bold;
    line-height: 27px;
    width: 480px;
    height: 56px;
    margin: 0 auto;
    border: none;
    background: url(../course/images/science/arrow-blue-r.png) 90% center no-repeat #31459b;
    box-shadow: 0 3px #27377c;
  }

  .renew-2016 .science .style03 a::before {
    display: none;
  }

  .renew-2016 .science .style03 a:hover {
    color: #31459b;
    border: 1px solid #31459b;
    background: url(../course/images/science/arrow-blue-r-on.png) 90% center no-repeat #fff;
    box-shadow: 0 2px #27377c;
  }

  .renew-2016 .science .style02 .tpl-base-btn a {
    font-size: 1.6rem;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 280px;
    padding: 10px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #22ac38;
    border-radius: 5px;
    background-color: #22ac38;
    box-shadow: 0 3px #286c0b;
  }

  .renew-2016 .science .style02 li:first-child a {
    width: 310px;
  }

  .renew-2016 .science .style02 .tpl-base-btn a:hover {
    color: #fff;
  }

  .renew-2016 .science .page-link.style02 > li.tpl-base-btn a:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .renew-2016 .science .style02 li.tpl-base-btn a:hover {
    color: #fca300;
    background: #fff;
  }

  .renew-2016 .science .style02 .tpl-base-btn a::before {
    right: 10px;
  }

  .renew-2016 .science .style02 li.tpl-base-btn a {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    border-color: #fca300;
    background: #fca300;
    box-shadow: 0 3px 0 #c76a1b;
  }

  .renew-2016 .science .style02 li.tpl-base-btn a span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
  }

  .renew-2016 .science .style02 li.tpl-base-btn a:hover {
    color: #fca300;
    background: #fff;
  }

  .renew-2016 .science .style02 li.tpl-base-btn a:hover::before, .renew-2016 .science .style02 li.tpl-base-btn a:hover::after {
    border-color: #fca300;
  }
}
.more-btn {
  font-size: 16px;
  width: 200px;
  margin: 0 auto 20px;
  text-align: center;
}

.more-btn a {
  padding: 12px 0 12px 20px;
}

.more-btn a.active::before {
  top: 5px;
  left: -50px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.more-btn a::before {
  left: -70px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media only screen and (max-width: 639px) {
  .renew-2016 .science {
    /*＋、－切り替え*/
  }

  .renew-2016 .science .style03 {
    display: block;
    margin: 20px auto 0;
  }

  .renew-2016 .science .style03 a {
    font-family: 'メイリオ', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    width: 300px;
    height: 50px;
    margin: 0 auto;
    border: none;
    background: url(../course/images/science/arrow-blue-r.png) 90% center no-repeat #31459b;
    background-size: 12px;
    box-shadow: 0 3px #27377c;
  }

  .renew-2016 .science .style03 a::before {
    display: none;
  }

  .renew-2016 .science .page-link.style02 {
    margin: 0 0 20px;
  }

  .renew-2016 .science .page-link.style02 > li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .renew-2016 .science .page-link.style02 > li:first-child {
    width: 100%;
  }

  .renew-2016 .science .page-link.style02 > li:last-child {
    margin-right: 0;
  }

  .renew-2016 .science .style02 .tpl-base-btn a {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 280px;
    padding: 10px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #22ac38;
    border-radius: 5px;
    background-color: #22ac38;
    box-shadow: 0 3px #286c0b;
  }

  .renew-2016 .science .style02 li:first-child a {
    width: 310px;
  }

  .renew-2016 .science .page-link.style02 > li.tpl-base-btn a:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .renew-2016 .science .style02 .tpl-base-btn a::before {
    right: 10px;
  }

  .renew-2016 .science .style02 li.tpl-base-btn a {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    border-color: #fca300;
    background: #fca300;
    box-shadow: 0 3px 0 #c76a1b;
  }

  .renew-2016 .science .style02 li.tpl-base-btn a span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
  }

  .renew-2016 .science .section-sub-ttl02 {
    font-size: 15px;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
  }

  .renew-2016 .science .section-sub-ttl02::before, .renew-2016 .science .section-sub-ttl02::after {
    display: none;
  }

  .renew-2016 .science .section-sub-ttl02.mt-adjust {
    padding-top: 10px;
  }

  .renew-2016 .science .section-block.last {
    margin-bottom: 0;
  }

  .renew-2016 .science .class-box-title {
    font-size: 20px;
    line-height: 1.8;
    height: 65px;
    padding-left: 14px;
  }

  .renew-2016 .science .class-box-title .label-area {
    display: block;
    height: auto;
    margin-top: -14px;
    margin-left: 0;
    vertical-align: middle;
  }

  .renew-2016 .science .class-box-title .label-area span {
    margin-right: 5px;
  }

  .renew-2016 .science .class-box-content {
    padding: 10px 15px;
  }

  .renew-2016 .science .section-block-body02 {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .renew-2016 .science .section-block-r02 {
    margin-top: 20px;
    margin-left: 0;
  }

  .renew-2016 .science .class-heading01 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
  }

  .renew-2016 .science .class-heading01 span {
    font-size: 12px;
    margin-left: 0;
  }

  .renew-2016 .science .img-box01-outer {
    margin-bottom: 35px;
  }

  .renew-2016 .science .img-box01 {
    float: left;
    width: 48%;
    margin-right: 0;
  }

  .renew-2016 .science .img-box01:first-child {
    margin-right: 4%;
  }

  .renew-2016 .science .img-box01:last-child {
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
  }

  .renew-2016 .science .img-box01 p {
    font-size: 14px;
  }

  .renew-2016 .science .img-box01 img {
    width: 100%;
  }

  .renew-2016 .science .class-heading02 {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: left;
  }

  .renew-2016 .science .class-movie-content-outer {
    width: 100%;
  }

  .renew-2016 .science .voice-box {
    margin-top: 20px;
  }

  .renew-2016 .science .voice-box-text {
    float: none;
    width: 100%;
    padding: 15px;
  }

  .renew-2016 .science .voice-box-text p {
    font-size: 11px;
    line-height: 1.6;
    min-height: 70px;
  }

  .renew-2016 .science .voice-box-text:after {
    display: none;
  }

  .renew-2016 .science .voice-box-text p.voice-box-title {
    font-size: 16px;
    font-weight: bold;
    min-height: auto;
    margin-bottom: 6px;
    color: #22ac38;
  }

  .renew-2016 .science .voice-box-face-sp {
    float: right;
    width: 70px;
    margin: 0 0 20px 5px;
  }

  .renew-2016 .science .figure01 {
    margin-top: 30px;
    padding: 0;
  }

  .renew-2016 .science .figure01 img {
    width: 100%;
  }

  .renew-2016 .science .close-btn {
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    margin: 20px -15px -15px;
    text-align: center;
    color: #fff;
    background: #22ac38;
  }

  .renew-2016 .science .more-btn {
    width: calc(100% - 30px);
  }

  .renew-2016 .science .more-btn a {
    padding: 12px 0 12px 30px;
  }

  .renew-2016 .science .more-btn a.active::before {
    top: 5px;
    left: -50px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .renew-2016 .science .more-btn a::before {
    left: -90px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .renew-2016 .science .accordionbox {
    margin: 0 auto 20px;
    border: 1px solid #22ac38;
  }

  .renew-2016 .science .accordionlist dt {
    padding-bottom: 0;
  }

  .renew-2016 .science .click-area {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 65px;
    padding: 24px 12px 0 0;
    cursor: pointer;
  }

  .renew-2016 .science .accordionlist dd {
    display: none;
    padding: 0 15px 15px;
  }

  .renew-2016 .science .accordion_icon {
    position: relative;
    width: 12px;
    height: 12px;
  }

  .renew-2016 .science .accordion_icon span {
    height: 2px;
  }

  .renew-2016 .science .accordion_icon span:nth-of-type(1) {
    top: 6px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .renew-2016 .science .accordion_icon span:nth-of-type(2) {
    top: 6px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .renew-2016 .science .accordion_icon.active span:nth-of-type(1) {
    display: none;
  }

  .renew-2016 .science .accordion_icon.active span:nth-of-type(2) {
    top: 6px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/*//////////201712 course/science.html end//////////*/
/**
 * author:Zhangjing
 * date:2018-1-11
 * pageName: nyujuku(slide)
 * start
 */
.renew-2016 .tpl-local-nav ul li.active a {
  background: none;
  color: #333;
  font-weight: normal;
}

.renew-2016 .tpl-local-nav ul li a.active {
  color: #22ac38;
  font-weight: bold;
}

.renew-2016 .tpl-local-nav ul li a.no:before {
  width: 0;
  height: 0;
  border: none;
}

.renew-2016 .tpl-local-nav ul li a.no:hover {
  color: #333;
  cursor: default;
}

.renew-2016 .tpl-local-nav ul li dl {
  padding: 0 30px 20px 25px;
}

.renew-2016 .tpl-local-nav ul li dl dd {
  background: #eeeeee;
  margin-bottom: 2px;
}

.renew-2016 .tpl-local-nav ul li dl dd a {
  padding: 0 30px 0 25px;
  height: 50px;
  line-height: 50px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .tpl-local-nav ul li dl dd {
    margin-bottom: 4px;
  }
}
/**
 * author:Zhangjing
 * date:2018-1-11
 * pageName: nyujuku(slide)
 * start
 */
.renew-2016 .section-main-visual .section-inquiry {
  clear: both;
  margin-top: 50px;
  margin-bottom: 0;
  padding: 50px 0 0;
  border-top: 1px solid #CCCCCC;
}

.renew-2016 .section-inquiry .tpl-box.for-pc {
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  -webkit-justify-content: space-between;
  /*--- safari（PC）用 ---*/
  justify-content: space-between;
  padding: 25px 30px 15px 30px;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .column-l {
  display: block;
  width: 670px;
  padding-top: 5px;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .ttl {
  margin-bottom: 15px;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .tel-wrap {
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  width: auto;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .tel-wrap .tel {
  background: url(/images/top/icon-freedial.png) no-repeat left center;
  padding-left: 72px;
  width: 370px;
  float: none;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .column-r {
  display: block;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .btn-wrap {
  margin-bottom: 15px;
}

.renew-2016 .section-inquiry .tpl-box.for-pc .btn-wrap li:first-child {
  margin-left: 0;
}

.renew-2016 .section-inquiry .line-link {
  text-align: center;
}

.renew-2016 .section-inquiry .line-link img {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.renew-2016 .section-inquiry .line-link span {
  font-size: 16px;
  padding-right: 5px;
}

.renew-2016 .section-inquiry .line-link a {
  font-size: 14px;
  color: #003cd5;
}

.renew-2016 .section-inquiry .line-link a:hover {
  color: #333;
}

.renew-2016 .section-inquiry .tpl-box.for-sp {
  display: none;
}

.renew-2016 .section-inquiry-ttl {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  margin-bottom: 20px;
}

.renew-2016 .section-inquiry-ttl .tpl-section-ttl {
  margin-bottom: 0;
  margin-right: 20px;
}

.renew-2016 .section-inquiry-ttl p {
  font-size: 16px;
  font-weight: bold;
}

.renew-2016 .section-inquiry-box {
  border: 2px solid #DDDDDD;
  border-radius: 8px;
  display: -webkit-flex;
  /* Safari */
  display: flex;
}

.renew-2016 .section-inquiry-box-l {
  width: 774px;
  padding: 30px 40px 20px 30px;
  box-sizing: border-box;
}

.renew-2016 .section-inquiry-box-l-btn {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  margin-bottom: 25px;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn {
  width: 340px;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn a {
  padding: 25px 20px;
  text-align: left;
  background-color: #CC0000;
  border: 1px solid #CC0000;
  border-radius: 5px;
  box-shadow: 0 4px #8D0F0F;
  font-size: 24px;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn a:hover {
  color: #CC0000;
  background-color: #fff;
  box-shadow: 0 2px #8D0F0F;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn a:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 10px;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn a:hover:before {
  border-top: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn a .icon-radio {
  font-style: normal;
  background: url("/images/common/icon-radio-bit.png") no-repeat;
  width: 51px;
  height: 51px;
  color: #333;
  font-size: 18px;
  text-align: center;
  line-height: 51px;
  display: inline-block;
  float: left;
  margin: -13px 10px 0 0;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn a .small {
  font-size: 18px;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn-experience a {
  background-color: #2D92CB;
  border: 1px solid #2D92CB;
  box-shadow: 0 4px #08689E;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn-experience a:hover {
  color: #2D92CB;
  background-color: white;
  box-shadow: 0 2px #2D92CB;
}

.renew-2016 .section-inquiry-box-l-btn .tpl-base-btn-experience a:hover:before {
  border-top: 2px solid #2D92CB;
  border-right: 2px solid #2D92CB;
}

/*ふきだしPC*/
.renew-2016 .section-inquiry-box-l-btn-fukidashi {
  margin-top: -20px;
}

@media screen and (max-width: 639px) {
  .renew-2016 .section-inquiry-box-l-btn-fukidashi {
    margin-top: 0;
    width: 100%;
    text-align: center;
  }

  .renew-2016 .section-inquiry-box-l-btn-fukidashi img {
    display: inline;
    width: 96%;
  }
}
.renew-2016 .section-inquiry-box-r {
  width: 426px;
  background-color: #F5F5F5;
  border-radius: 0 8px 8px 0;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

.renew-2016 .section-inquiry-box-r-inner {
  text-align: center;
}

.renew-2016 .section-inquiry-box-r-inner-ttl {
  font-size: 16px;
  background-color: white;
  display: inline-block;
  font-weight: bold;
  padding: 5px 20px;
  border-radius: 14px;
  margin-bottom: 10px;
}

.renew-2016 .section-inquiry-box-r-inner-tel {
  background: url(/images/top/icon-freedial-color.png) no-repeat left 6px;
  padding-left: 62px;
  font-size: 4.2em;
  font-weight: 700;
  margin-bottom: 15px;
}

.renew-2016 .section-inquiry-box-r-inner-time {
  font-size: 11px;
  line-height: 1.45;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .section-main-visual .section-inquiry {
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
    border-top: none;
  }

  .renew-2016 .section-inquiry .tpl-box.for-pc {
    display: none;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp {
    display: block;
    padding: 0;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .ttl {
    font-weight: normal;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn {
    font-size: 12px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn a {
    height: 46px;
    line-height: 1.3;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn-experience a {
    background-color: #2D92CB;
    border-color: #2D92CB;
    box-shadow: 0 3px #08689E;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn-experience.top-a a .icon-radio {
    font-style: normal;
    background: url("/images/common/icon-radio.png") no-repeat;
    width: 37px;
    height: 37px;
    color: #333;
    text-align: center;
    line-height: 37px;
    display: inline-block;
    font-size: 10px;
    float: left;
    margin: 0 5px 0 -5px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn-experience.top-a a span {
    position: relative;
    top: 5px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn a .small {
    font-size: 9px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .btn-wrap .tpl-btn a::before {
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .column-r {
    padding: 10px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .column-r a {
    text-decoration: none;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .column-r a:hover {
    color: inherit;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .tel-wrap .notes {
    padding: 0 0 5px;
    font-size: 13px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .tel-wrap .tel {
    margin: 0 0 10px;
    background: url(/images/top/icon-freedial.png) no-repeat left;
    background-size: 40px auto;
    padding-left: 45px;
  }

  .renew-2016 .section-inquiry .tpl-box.for-sp .tel-wrap .time {
    padding: 0;
    font-size: 12px;
  }
}
#banner {
  margin-top: 50px;
  margin-bottom: 10px;
}

#banner a {
  width: 49%;
  display: block;
  float: left;
  margin-left: 1%;
}

#banner a.left {
  margin-left: 0;
}

#banner a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 639px) {
  #banner {
    width: auto !important;
    margin-top: 30px;
  }

  #banner a {
    width: 100%;
    display: block;
    margin-top: 10px;
    float: none;
    margin-left: 0;
  }

  #banner a img {
    width: 100%;
  }
}
/* 難関高校受験対策 特待生制度box  2018-3-28 zhangjing*/
/*.renew-2016 .nankan-shikokuritsu */
.renew-2016 .nankan-shikokuritsu .tokutai {
  padding: 60px 0;
  border-top: 1px dotted #b2b2b2;
  border-bottom: 1px dotted #b2b2b2;
  margin-top: 60px;
}

.renew-2016 .nankan-shikokuritsu .tokutai .point_left {
  float: left;
  width: calc(100% - 340px);
}

.renew-2016 .nankan-shikokuritsu .tokutai .point_left h2 {
  font-size: 3.6rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

.renew-2016 .nankan-shikokuritsu .tokutai .point_left p {
  line-height: 1.5;
  font-size: 1.6rem;
}

.renew-2016 .nankan-shikokuritsu .tokutai .point_left p small {
  font-size: 14px;
}

.renew-2016 .nankan-shikokuritsu .tokutai .point_left p img {
  margin-bottom: 40px;
  margin-top: 10px;
  margin-left: 0;
}

.renew-2016 .nankan-shikokuritsu .tokutai .point_right {
  float: right;
  width: 300px;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .nankan-shikokuritsu .tokutai {
    padding: 30px 0;
    margin-top: 30px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai h2 {
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left {
    float: none;
    width: 100%;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left p {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left p small {
    font-size: 12px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left p img {
    margin-bottom: 4%;
    margin-top: 2%;
    width: 100%;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_right {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_right img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 320px) {
  .renew-2016 .nankan-shikokuritsu .tokutai {
    padding: 30px 0;
    margin-top: 30px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai h2 {
    text-align: center;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left {
    float: none;
    width: 100%;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left p {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left p small {
    font-size: 12px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_left p img {
    margin-bottom: 4%;
    margin-top: 2%;
    width: 100%;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_right {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai .point_right img {
    width: 100%;
    height: auto;
  }
}
/* 開講教室  2018-4-23 zhangjing*/
.renew-2016 .nankan-shikokuritsu .tokutai2 {
  padding: 50px 0 0;
  border-top: 1px dotted #b2b2b2;
  margin-top: 60px;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 h2 {
  font-size: 3.6rem;
  line-height: 1.3;
  margin-bottom: 23px;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .point_left {
  float: left;
  width: 47%;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .labels .label {
  line-height: 1.3;
  font-size: 1.8rem;
  font-weight: bold;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .table {
  margin-top: 10px;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .table .tr {
  display: table;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d6d6d6;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .table .tr.last {
  border-bottom: 1px solid #d6d6d6;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .table .td {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 20px;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .table .td span {
  border-bottom: 1px solid #000;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .table .td:first-child {
  font-weight: bold;
  background-color: #eee;
  width: 83px;
  text-align: center;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 small {
  font-size: 12px;
  margin-top: 10px;
  display: block;
}

.renew-2016 .nankan-shikokuritsu .tokutai2 .point_right {
  float: right;
  width: 47%;
}

@media only screen and (max-width: 639px) {
  .renew-2016 .nankan-shikokuritsu .tokutai2 {
    padding: 25px 0 0;
    border-top: 1px dotted #b2b2b2;
    margin-top: 30px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 h2 {
    font-size: 2.6rem;
    line-height: 1.3;
    margin-bottom: 11px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .point_left {
    float: none;
    width: 100%;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .labels .label {
    line-height: 1;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .table {
    margin-top: 5px;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .table .tr {
    display: table;
    width: 100%;
    font-size: 14px;
    border-top: 1px solid #d6d6d6;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .table .tr.last {
    border-bottom: 1px solid #d6d6d6;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .table .td {
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .table .td span {
    border-bottom: 1px solid #000;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .table .td:first-child {
    width: 21.73%;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 small {
    font-size: 12px;
    margin-top: 5px;
    display: block;
  }

  .renew-2016 .nankan-shikokuritsu .tokutai2 .point_right {
    float: none;
    width: 100%;
    margin-top: 5%;
  }
}
/* PC版の追従ヘッダー */
.tpl-header-min {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #CCCCCC;
  background-color: white;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  min-width: 1200px;
  box-sizing: border-box;
  transform: translateY(-70px);
  transition: transform 0.3s;
}

@media only screen and (max-width: 639px) {
  .tpl-header-min {
    display: none;
  }
}
.tpl-header-min.active {
  transform: translateY(0);
}

.tpl-header-min .header-min--l {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
}

.tpl-header-min .header-min--logo {
  padding: 0 25px 0 22px;
  border-right: 1px solid #CCCCCC;
  height: 32px;
}

.tpl-header-min .header-min--logo svg {
  width: 31px;
}

.tpl-header-min .header-min--nav {
  padding: 0 0 0 23px;
}

.tpl-header-min .header-min--nav ul {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}

.tpl-header-min .header-min--nav ul li {
  margin-right: 25px;
}

@media only screen and (max-width: 1399px) {
  .tpl-header-min .header-min--nav ul li {
    margin-right: 15px;
  }
}
.tpl-header-min .header-min--nav ul li a {
  font-weight: bold;
  text-decoration: none;
}

.tpl-header-min .header-min--nav ul li a,
.tpl-header-min .header-min--cats a {
  font-size: 13px;
}

@media only screen and (max-width: 1399px) {
  .tpl-header-min .header-min--nav ul li a,
  .tpl-header-min .header-min--cats a {
    font-size: 11px;
  }
}
.tpl-header-min .header-min--btn {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  padding-right: 12px;
}

.tpl-header-min .header-min--btn li {
  margin-left: 5px;
}

.tpl-header-min .header-min--btn .tpl-base-btn {
  width: 150px;
  height: 42px;
}

.tpl-header-min .header-min--btn .tpl-base-btn a {
  padding: 0;
  height: 100%;
  padding: 11px 0;
  border-radius: 5px;
}

.tpl-header-min .header-min--btn .tpl-base-btn--blue a {
  background-color: #2D92CB;
  border: 1px solid #2D92CB;
  box-shadow: 0 3px #08689E;
}

.tpl-header-min .header-min--btn .tpl-base-btn--red a {
  background-color: #CC0000;
  border: 1px solid #CC0000;
  box-shadow: 0 3px #8D0F0F;
}

.tpl-header-min .header-min--btn .tpl-base-btn a:hover {
  color: white;
}

.tpl-header-min .header-min--btn .tpl-base-btn--blue a:hover {
  box-shadow: 0 1px #08689E;
}

.tpl-header-min .header-min--btn .tpl-base-btn--red a:hover {
  box-shadow: 0 1px #8D0F0F;
}

.tpl-header-min .header-min--btn .tpl-base-btn--blue a::before {
  right: 12px;
}

.tpl-header-min .header-min--btn .tpl-base-btn--blue a:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}

.tpl-header-min .header-min--btn .tpl-base-btn--red a::before {
  right: 12px;
}

.tpl-header-min .header-min--btn .tpl-base-btn--red a:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}

.tpl-header-min .header-min--btn .tpl-base-btn a small {
  font-size: 11px;
}

/* SP版の追従ボタン */
.tpl-sp-bottom-btn {
  display: none;
}

@media only screen and (max-width: 639px) {
  .tpl-sp-bottom-btn {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
  }

  .tpl-sp-bottom-btn.hide {
    opacity: 0;
    pointer-events: none;
  }

  .tpl-sp-bottom-btn ul {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
  }

  .tpl-sp-bottom-btn ul li {
    width: 49.75%;
  }

  .tpl-sp-bottom-btn .tpl-base-btn {
    width: 100%;
    height: 100%;
  }

  .tpl-sp-bottom-btn .tpl-base-btn a {
    padding: 0;
    height: 100%;
    font-size: 14px;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    padding: 5px 0;
  }

  .tpl-sp-bottom-btn .tpl-base-btn--blue a {
    background-color: #2D92CB;
    border: 1px solid #2D92CB;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 3px #08689E;
  }

  .tpl-sp-bottom-btn .tpl-base-btn--red a {
    background-color: #CC0000;
    border: 1px solid #CC0000;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 3px #8D0F0F;
  }

  .tpl-sp-bottom-btn .tpl-base-btn a::before {
    display: none;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-inner {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-icon {
    width: 35px;
    height: 35px;
    background: url(/images/common/sp-bottom-btn-icon.png) no-repeat;
    background-size: contain;
    font-size: 11px;
    color: black;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    margin-right: 7px;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-txt {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    font-size: 13px;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-txt small {
    padding-left: 10px;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-txt small img {
    width: 45px;
  }
}
@media only screen and (max-width: 374px) {
  .tpl-sp-bottom-btn .sp-bottom-btn-icon {
    margin-right: 3px;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-txt {
    font-size: 10px;
  }

  .tpl-sp-bottom-btn .sp-bottom-btn-txt small {
    padding-left: 5px;
  }
}
/* tab  2018-7-31 zhangjing*/
.tab-wrap {
  margin-top: 50px;
}

@media screen and (max-width: 750px) {
  .tab-wrap {
    margin-top: 30px;
  }
}
.tab-wrap .hd {
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /*--- safari（PC）用 ---*/
  -ms-justify-content: space-between;
  justify-content: space-between;
  /*--- safari（PC）用 ---*/
  -webkit-align-items: center;
  align-items: center;
}

.tab-wrap .hd a {
  font-size: 20px;
  height: 80px;
  line-height: 80px;
  border-bottom: none;
  margin-bottom: 0;
  width: 50%;
  display: inline-block;
  text-align: center;
  background: #005ba9;
  color: #fff;
  position: relative;
}

@media screen and (max-width: 750px) {
  .tab-wrap .hd a {
    font-size: 13px;
    height: 50px;
    line-height: 50px;
  }
}
.tab-wrap .hd a.on {
  text-decoration: none;
  background: #2baade;
}

.tab-wrap .hd a.on:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-top: 20px solid #2baade;
  border-right: 20px solid transparent;
}

@media screen and (max-width: 750px) {
  .tab-wrap .hd a.on:after {
    bottom: -10px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-top: 10px solid #2baade;
    border-right: 10px solid transparent;
  }
}
.tab-wrap .bd {
  margin-top: 20px;
}

.tab-wrap .bd .con-wrap {
  display: none;
}

.tab-wrap .bd .con-wrap:first-child {
  display: block;
}

.tab-wrap .bd .con-wrap .tpl-section-ttl.bd-green {
  padding: 30px 0;
}

@media screen and (max-width: 750px) {
  .tab-wrap .bd .con-wrap .tpl-section-ttl.bd-green {
    padding: 20px 0 15px;
  }
}
.tab-wrap .bd .con-wrap a {
  color: #35abdc;
}

.tab-wrap .bd .con-wrap .acc-faq dt:before {
  color: #35abdc;
}

.tab-wrap .bd .con-wrap .acc-faq dt span:before, .tab-wrap .bd .con-wrap .acc-faq dt span:after {
  background-color: #35abdc;
}

.tab-wrap .bd .con-wrap .acc-faq dd > div > div:before {
  color: #35abdc;
}

/* 2018年8月17日 zhangjing*/
.nyujuku817 h1 {
  font-size: 58px;
  color: #333;
  line-height: 1;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .nyujuku817 h1 {
    font-size: 29px;
  }
}
.nyujuku817 .sec-inner {
  margin-top: 48px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .sec-inner {
    margin-top: 5%;
  }
}
.nyujuku817 .sec-inner h2 {
  font-size: 30px;
  color: #333;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .sec-inner h2 {
    font-size: 18px;
    margin-bottom: 2%;
  }
}
.nyujuku817 .sec-inner p {
  font-size: 16px;
  color: #333;
  line-height: 1;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .sec-inner p {
    font-size: 13px;
  }
}
.nyujuku817 .list-wrap {
  margin-bottom: 100px;
  overflow: hidden;
  margin-top: 50px;
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /*--- safari（PC）用 ---*/
  -ms-justify-content: space-between;
  justify-content: space-between;
  /*--- safari（PC）用 ---*/
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap {
    margin-bottom: 10%;
    margin-top: 5%;
  }
}
.nyujuku817 .list-wrap .list {
  width: 440px;
  height: 390px;
  border: 3px solid;
  box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list {
    width: 100%;
    height: auto;
    border: 2px solid;
    margin-bottom: 2%;
  }
}
.nyujuku817 .list-wrap .list:nth-child(1) {
  border-color: #1eaa39;
}

.nyujuku817 .list-wrap .list:nth-child(1) .hd {
  background: #1eaa39;
}

.nyujuku817 .list-wrap .list:nth-child(1) .bd .red {
  height: 110px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(1) .bd .red {
    height: 75px;
  }
}
.nyujuku817 .list-wrap .list:nth-child(1) .bd p {
  margin-top: 0;
}

.nyujuku817 .list-wrap .list:nth-child(2) {
  border-color: #ed6d9a;
}

.nyujuku817 .list-wrap .list:nth-child(2) .hd {
  background: #ed6d9a;
}

.nyujuku817 .list-wrap .list:nth-child(2) .bd {
  padding-top: 15px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(2) .bd {
    padding-top: 2%;
  }
}
.nyujuku817 .list-wrap .list:nth-child(2) .bd .red h4 {
  font-size: 110px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(2) .bd .red h4 {
    font-size: 70px;
  }
}
.nyujuku817 .list-wrap .list:nth-child(2) .bd .red h4 small {
  font-size: 60px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(2) .bd .red h4 small {
    font-size: 40px;
  }
}
.nyujuku817 .list-wrap .list:nth-child(3) {
  height: 690px;
  border-color: #389dcd;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(3) {
    height: auto;
  }
}
.nyujuku817 .list-wrap .list:nth-child(3) .hd {
  background: #389dcd;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(3) .bd {
    padding-bottom: 0;
  }
}
.nyujuku817 .list-wrap .list:nth-child(3) .bd .red h4 {
  font-size: 80px;
  line-height: 90px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(3) .bd .red h4 {
    font-size: 55px;
    line-height: 1.18;
  }
}
.nyujuku817 .list-wrap .list:nth-child(3) .bd .red h4 small {
  font-size: 36px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(3) .bd .red h4 small {
    font-size: 30px;
  }
}
.nyujuku817 .list-wrap .list:nth-child(4) {
  height: 690px;
  border-color: #ea7a16;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(4) {
    height: auto;
  }
}
.nyujuku817 .list-wrap .list:nth-child(4) .hd {
  background: #ea7a16;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(4) .bd {
    padding-bottom: 0;
  }
}
.nyujuku817 .list-wrap .list:nth-child(4) .bd .red h4 {
  font-size: 80px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(4) .bd .red h4 {
    font-size: 55px;
  }
}
.nyujuku817 .list-wrap .list:nth-child(4) .bd .red h4 small {
  font-size: 36px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list:nth-child(4) .bd .red h4 small {
    font-size: 30px;
  }
}
.nyujuku817 .list-wrap .list .hd {
  padding: 20px 17px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .hd {
    padding: 2% 1.5%;
  }
}
.nyujuku817 .list-wrap .list .hd p {
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .hd p {
    font-size: 17px;
    margin-bottom: 3%;
  }
}
.nyujuku817 .list-wrap .list .hd p small {
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .hd p small {
    font-size: 13px;
  }
}
.nyujuku817 .list-wrap .list .hd h3 {
  color: #333;
  font-size: 32px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  font-weight: normal;
  border-radius: 60px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .hd h3 {
    font-size: 25px;
    height: auto;
    line-height: 1;
    padding: 2% 0;
    border-radius: 60px;
  }
}
.nyujuku817 .list-wrap .list .bd {
  text-align: center;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd {
    padding-bottom: 4%;
  }
}
.nyujuku817 .list-wrap .list .bd h5 {
  font-size: 22px;
  color: #333;
  font-weight: normal;
  margin: 25px 0 10px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd h5 {
    font-size: 17px;
    margin: 2.5% 0 1%;
  }
}
.nyujuku817 .list-wrap .list .bd .red h4 {
  font-size: 100px;
  color: #e60012;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .red h4 {
    font-size: 65px;
  }
}
.nyujuku817 .list-wrap .list .bd .red h4 small {
  font-size: 50px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .red h4 small {
    font-size: 40px;
  }
}
.nyujuku817 .list-wrap .list .bd .red h4 span {
  font-size: 17px;
  color: #1eaa39;
  width: 88px;
  height: 88px;
  text-align: center;
  border-radius: 88px;
  border: 2px solid #1eaa39;
  padding: 1%;
  box-sizing: border-box;
  position: relative;
  top: -36px;
  margin-right: 10px;
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: inline-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: center;
  /*--- safari（PC）用 ---*/
  -ms-justify-content: center;
  justify-content: center;
  /*--- safari（PC）用 ---*/
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .red h4 span {
    font-size: 10px;
    color: #1eaa39;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #1eaa39;
    top: -25px;
    margin-right: 6px;
  }
}
.nyujuku817 .list-wrap .list .bd .red h4 span sub {
  line-height: 1.5;
  font-size: 17px;
  bottom: 0;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .red h4 span sub {
    font-size: 10px;
    line-height: 1.2;
  }
}
.nyujuku817 .list-wrap .list .bd .red h6 {
  font-size: 26px;
  line-height: 50px;
  color: #e60012;
  margin: 5px 0 0;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .red h6 {
    font-size: 20px;
    line-height: 1;
    margin: 2% 0 2%;
  }
}
.nyujuku817 .list-wrap .list .bd p {
  font-size: 14px;
  color: #333;
  line-height: 20px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd p {
    font-size: 10px;
    line-height: 1.7;
    margin-top: 3%;
  }
}
.nyujuku817 .list-wrap .list .bd .blue-bg {
  margin-top: 35px;
  padding: 30px 0;
  background: #daf3ff;
  border-top: 1px solid #389dcd;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .blue-bg {
    margin-top: 3.5%;
    padding: 1% 0;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap {
  width: 360px;
  margin: 0 auto 0;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap {
    width: 100%;
    padding: 6% 0;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a {
  width: 100%;
  height: 76px;
  display: block;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a {
    height: auto;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a:hover span {
  opacity: .7;
}

.nyujuku817 .list-wrap .list .bd .btn-wrap a span {
  position: relative;
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 76px;
  line-height: 26px;
  background: #f39cbb;
  box-shadow: 0 4px 0 #e671a1;
  display: inline-block;
  font-size: 20px;
  border-radius: 5px;
  font-weight: normal;
  text-align: left;
  padding: 12px 10px 12px 30px;
  box-sizing: border-box;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a span {
    line-height: 1.33;
    border-radius: 5px;
    box-shadow: 0 3px 0 #e671a1;
    font-size: 12px;
    padding: 4% 5%;
    height: auto;
    width: 75%;
  }
}
@media screen and (max-width: 320px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a span {
    font-size: 12px;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a span i {
  float: right;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -12px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a span i {
    margin-right: 3%;
    position: absolute;
    top: 47%;
    right: 3%;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a span i:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a span i:before {
    width: 2px;
    height: 10px;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a span i:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #fff;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -3px;
  position: relative;
  top: -5px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a span i:after {
    width: 2px;
    height: 10px;
    margin-left: -2px;
    top: -6px;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a sub {
  width: 35%;
  position: absolute;
  right: 6%;
  bottom: 0;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .btn-wrap a sub {
    width: 35%;
    right: 10%;
  }
}
.nyujuku817 .list-wrap .list .bd .btn-wrap a sub img {
  width: 100%;
}

.nyujuku817 .list-wrap .list .bd .ul-wrap {
  background: #ffecdb;
  margin-top: 24px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .ul-wrap {
    margin-top: 2%;
  }
}
.nyujuku817 .list-wrap .list .bd .ul-wrap li {
  border-top: 1px solid #ea7a16;
  overflow: hidden;
  padding: 17px 25px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .ul-wrap li {
    padding: 3%;
  }
}
.nyujuku817 .list-wrap .list .bd .ul-wrap li i {
  float: left;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  background: #ea7a16;
  border-radius: 18px;
  display: block;
  margin-right: 5px;
  font-style: normal;
  position: relative;
  top: 5px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .ul-wrap li i {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    margin-right: 3px;
    top: 5px;
  }
}
.nyujuku817 .list-wrap .list .bd .ul-wrap li p {
  float: left;
  text-align: left;
  width: calc(100% - 18px - 5px);
  font-size: 16px;
  color: #333;
  line-height: 24px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .ul-wrap li p {
    font-size: 14px;
    line-height: 1.79;
    margin-top: 0;
  }
}
.nyujuku817 .list-wrap .list .bd .ul-wrap li p small {
  font-size: 12px;
}

@media screen and (max-width: 750px) {
  .nyujuku817 .list-wrap .list .bd .ul-wrap li p small {
    font-size: 10px;
  }
}
/* 2018年11月15日 zhangjing*/
/* course/science.html */
.renew-2018 .science .section-block {
  margin-bottom: 0;
}

.renew-2018 .science .section-ttl {
  padding-top: 20px;
}

.renew-2018 .science .db {
  display: block;
}

.renew-2018 .science .section-block-img img {
  margin-bottom: 10px;
}

.renew-2018 .science .section-block-r02 {
  margin-left: 0;
  float: right;
}

.renew-2018 .science .img-box01-outer {
  margin-bottom: 0;
}

.renew-2018 .science .img-box01-outer .img-box01 {
  width: 48%;
  margin-right: 0;
  float: left;
}

.renew-2018 .science .img-box01-outer .img-box01:last-child {
  float: right;
}

.renew-2018 .science .img-box01-outer .img-box01 img {
  width: 100%;
}

@media only screen and (max-width: 750px) {
  .renew-2018 .science .img-box01-outer .img-box01 {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .renew-2018 .science .img-box01-outer .img-box01:last-child {
    float: none;
  }

  .renew-2018 .science .img-box01 {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
  }

  .renew-2018 .science .class-box-title {
    height: auto;
  }

  .renew-2018 .science .faq-item-a {
    font-size: 14px;
  }
}
/*////////////////20170213junior////////////////*/
/*////////////////2019110s05////////////////*/
.s05 .p-singleTop__cmnHeading {
  margin-top: 50px;
  font-size: 38px;
  font-weight: normal;
  line-height: 1.2;
}

@media screen and (max-width: 750px) {
  .s05 .p-singleTop__cmnHeading {
    margin-top: 15%;
    font-size: 25px;
    line-height: 1.3;
  }
}
.s05 .tpl-main-column .junior-course h3 {
  font-size: 28px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 23px;
  color: #22ac38;
}

@media screen and (max-width: 750px) {
  .s05 .tpl-main-column .junior-course h3 {
    font-size: 20px !important;
    margin-bottom: 10px;
    line-height: 1.3;
  }
}
.s05 .p-sigleMedia__text, .p-sigleMedia__text--round {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.7;
}

@media screen and (max-width: 750px) {
  .s05 .p-sigleMedia__text, .p-sigleMedia__text--round {
    font-size: 1.5rem;
  }
}
.s05 .highlight {
  padding: 0;
  font-weight: normal;
  background-color: #ffff00;
}

/*////////////////2019110s05////////////////*/
.kerning-left {
  margin-left: -0.4em;
}

.kerning-right {
  margin-right: -0.4em;
}

.kerning-center {
  margin-left: -0.2em;
  margin-right: -0.2em;
}

.std-contents strong {
  font-weight: bold;
}
.std-contents em {
  font-style: normal;
}

@media all and (min-width: 769px) {
  br.pc {
    display: inline;
  }
  br.sp {
    display: none;
  }

  .std.directory-title {
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #cccccc;
  }
  .std.directory-title .main-vis {
    margin: 0 0 36px 0;
  }
  .std.directory-title .main-vis img.sp {
    display: none;
  }
  .std.directory-title .lev1 {
    font-size: 48px;
    line-height: 70px;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
  .std.directory-title .lead {
    margin: 30px 0 0 0;
  }
  .std.directory-title .lead p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.02em;
  }
  .std.page-title {
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #cccccc;
  }
  .std.page-title .pre {
    font-size: 22px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0.024em;
  }
  .std.page-title .lev1 {
    font-size: 58px;
    line-height: 70px;
    font-weight: 400;
  }
  .std.page-title .lead {
    margin: 15px 0 0 0;
  }
  .std.page-title .lead p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.02em;
  }
  .std.page-title .main-vis {
    margin: 40px 0 0 0;
  }
  .std.page-title .main-vis .image img.sp {
    display: none;
  }
  .std.article-list {
    margin: 0 0 100px 0;
  }
  .std.article-list > .list-item {
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #cccccc;
  }
  .std.article-list > .list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .std.article-list > .list-item .article-title {
    margin: 0 0 16px 0;
  }
  .std.article-list > .list-item .article-title .lev2 {
    font-size: 30px;
    line-height: 46px;
    font-weight: 400;
  }
  .std.article-list > .list-item .article-title .sub {
    margin: 16px 0 0 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
  }
  .std.article-list > .list-item .article-body > .text {
    margin: 0 0 20px 0;
  }
  .std.article-list > .list-item .article-body > .text:last-child {
    margin-bottom: 0;
  }
  .std.article-list > .list-item .article-body > .text p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.02em;
  }
  .std.article-list > .list-item .article-body > .link {
    margin: 0 0 20px 0;
  }
  .std.article-list > .list-item .article-body > .link:last-child {
    margin-bottom: 0;
  }
  .std.article-list > .list-item.image {
    overflow: hidden;
  }
  .std.article-list > .list-item.image .article-title {
    width: 490px;
    float: left;
  }
  .std.article-list > .list-item.image > .image {
    width: 360px;
    float: right;
  }
  .std.article-list > .list-item.image > .image > .image {
    width: 360px;
  }
  .std.article-list > .list-item.image > .image > .image img {
    max-width: 360px;
    text-align: center;
  }
  .std.article-list > .list-item.image > .image figcaption {
    margin: 20px 0 0 0;
  }
  .std.article-list > .list-item.image > .image figcaption p {
    font-size: 14px;
    line-height: 20px;
  }
  .std.article-list > .list-item.image .article-body {
    width: 490px;
    float: left;
  }
  .std.column2-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .std.column2-list > .list-item {
    width: 413px;
    margin: 0 64px 70px 0;
  }
  .std.column2-list > .list-item:nth-child(2n) {
    margin-right: 0;
  }
  .std.column2-list > .list-item .article-title .lev3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
  }
  .std.column2-list > .list-item .article-body .text {
    margin: 8px 0 0 0;
  }
  .std.column2-list > .list-item .article-body .text p {
    font-size: 14px;
    line-height: 28px;
  }
  .std.image-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .std.image-list > .list-item {
    width: 264px;
    margin: 0 49px 40px 0;
  }
  .std.image-list > .list-item:nth-child(3n) {
    margin-right: 0;
  }
  .std.image-list > .list-item figure > .image {
    margin: 0 0 25px 0;
    width: 264px;
  }
  .std.image-list > .list-item figure > .image img {
    width: 264px;
  }
  .std.image-list > .list-item figure > .image a {
    display: block;
    width: 264px;
    height: 176px;
    position: relative;
  }
  .std.image-list > .list-item figure > .image a img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .std.image-list > .list-item figure > .image a:after {
    content: '';
    display: block;
    padding: 40px 0 0 0;
    width: 40px;
    height: 0;
    overflow: hidden;
    background: url("../images/_ico_img_zoo.png") no-repeat;
    background-size: 40px 40px;
    text-indent: -5000px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .std.image-list > .list-item figure > .image a:hover img {
    opacity: 0.7;
  }
  .std.image-list > .list-item figure figcaption .lev3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
  }
  .std.image-list > .list-item figure figcaption .text {
    margin: 8px 0 0 0;
  }
  .std.image-list > .list-item figure figcaption .text p {
    font-size: 14px;
    line-height: 28px;
  }
  .std.image-list.holizontal > .list-item {
    width: 415px;
    margin: 0 60px 40px 0;
  }
  .std.image-list.holizontal > .list-item:nth-child(3n) {
    margin-right: 60px;
  }
  .std.image-list.holizontal > .list-item:nth-child(2n) {
    margin-right: 0;
  }
  .std.image-list.holizontal > .list-item figure {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .std.image-list.holizontal > .list-item figure > .image {
    width: 160px;
  }
  .std.image-list.holizontal > .list-item figure > .image img {
    width: 160px;
  }
  .std.image-list.holizontal > .list-item figure > .image a {
    width: 160px;
    height: 160px;
  }
  .std.image-list.holizontal > .list-item figure figcaption {
    width: 230px;
  }
  .std.normal-button {
    display: inline-block;
    width: 200px;
    height: 53px;
    position: relative;
  }
  .std.normal-button > .s1 {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 200px;
    height: 50px;
    background: #22ac38;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #286c0b;
    -webkit-transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-align-items: center;
    align-items: center;
  }
  .std.normal-button > .s1 > .s2 {
    font-size: 15px;
    line-height: 32px;
    color: #ffffff;
    font-weight: bold;
  }
  .std.normal-button:after {
    content: '';
    position: absolute;
    margin: auto;
    right: 16px;
    top: 0;
    bottom: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #ffffff;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .std.normal-button:hover > .s1 {
    background: rgba(34, 172, 56, 0.7);
    box-shadow: 0 3px 0 0 rgba(40, 108, 11, 0.7);
  }
}
@media all and (max-width: 768px) {
  br.pc {
    display: none;
  }
  br.sp {
    display: inline;
  }

  .renew-2016 .tpl-inner-wrap,
  .renew-2016 .breadcrumb + .tpl-inner-wrap,
  .renew-2016 .breadcrumb + .content > .tpl-inner-wrap {
    padding: 0;
  }

  .renew-2019 .tpl-sub-column {
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .std.directory-title {
    margin: 0 4vw 10vw 4vw;
    padding: 0 0 8.66667vw 0;
    border-bottom: 0.26667vw solid #cccccc;
  }
  .std.directory-title .main-vis {
    width: 100vw;
    margin: 0 0 6.4vw -4vw;
  }
  .std.directory-title .main-vis img {
    width: 100%;
  }
  .std.directory-title .main-vis img.pc {
    display: none;
  }
  .std.directory-title .lev1 {
    margin: 0 0;
    font-size: 7.46667vw;
    line-height: 10.13333vw;
    letter-spacing: 0em;
    font-weight: 400;
    text-align: center;
  }
  .std.directory-title .lead {
    margin: 3.2vw 0 0 0;
  }
  .std.directory-title .lead p {
    font-size: 3.73333vw;
    line-height: 6.13333vw;
    letter-spacing: 0.02em;
  }
  .std.page-title {
    margin: 8vw 4vw 10vw 4vw;
    padding: 0 0 8.66667vw 0;
    border-bottom: 0.26667vw solid #cccccc;
  }
  .std.page-title .pre {
    font-size: 2.93333vw;
    line-height: 5.06667vw;
    font-weight: 600;
    letter-spacing: 0.024em;
    text-align: center;
    margin: 0 0 0.66667vw 0;
  }
  .std.page-title .lev1 {
    font-size: 7.46667vw;
    line-height: 9.33333vw;
    letter-spacing: 0em;
    font-weight: 400;
    text-align: center;
  }
  .std.page-title .lead {
    margin: 5.33333vw 0 0 0;
  }
  .std.page-title .lead p {
    font-size: 3.73333vw;
    line-height: 6.13333vw;
    letter-spacing: 0.02em;
  }
  .std.page-title .main-vis {
    margin: 6.4vw 0 0 0;
  }
  .std.page-title .main-vis img {
    width: 100%;
  }
  .std.page-title .main-vis img.pc {
    display: none;
  }
  .std.plane-box {
    margin: 0 4vw 13.33333vw 4vw;
  }
  .std.plane-box:last-child {
    margin-bottom: 0;
  }
  .std.article-list {
    margin: 0 4vw 13.33333vw 4vw;
  }
  .std.article-list > .list-item {
    margin: 0 0 9.33333vw 0;
    padding: 0 0 10.66667vw 0;
    border-bottom: 0.26667vw solid #cccccc;
  }
  .std.article-list > .list-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  .std.article-list > .list-item .article-title {
    margin: 0 0 4.8vw 0;
  }
  .std.article-list > .list-item .article-title .lev2 {
    font-size: 5.33333vw;
    line-height: 8vw;
    font-weight: 400;
    text-align: center;
  }
  .std.article-list > .list-item .article-title .sub {
    margin: 3.33333vw 0 1.33333vw 0;
    font-size: 4vw;
    line-height: 6.66667vw;
    font-weight: 400;
    text-align: center;
  }
  .std.article-list > .list-item .article-body > .text {
    margin: 0 0 4vw 0;
  }
  .std.article-list > .list-item .article-body > .text:last-child {
    margin-bottom: 0;
  }
  .std.article-list > .list-item .article-body > .text p {
    font-size: 3.73333vw;
    line-height: 6.13333vw;
    letter-spacing: 0.02em;
  }
  .std.article-list > .list-item .article-body > .link {
    margin: 0 0 4vw 0;
  }
  .std.article-list > .list-item .article-body > .link:last-child {
    margin-bottom: 0;
  }
  .std.article-list > .list-item .article-body > .link p {
    text-align: center;
  }
  .std.article-list > .list-item.image > .image {
    margin: 0 0 4vw 0;
  }
  .std.article-list > .list-item.image > .image:last-child {
    margin-bottom: 0;
  }
  .std.article-list > .list-item.image > .image > .image img {
    max-width: 68vw;
    text-align: center;
  }
  .std.article-list > .list-item.image > .image figcaption {
    width: 68vw;
    margin: 4vw auto 0 auto;
  }
  .std.article-list > .list-item.image > .image figcaption p {
    font-size: 2.66667vw;
    line-height: 4vw;
  }
  .std.column2-list {
    margin: 0 0 13.33333vw 0;
  }
  .std.column2-list > .list-item {
    margin: 0 4vw 6.66667vw 4vw;
  }
  .std.column2-list > .list-item .article-title .lev3 {
    font-size: 4vw;
    line-height: 5.6vw;
    font-weight: 400;
  }
  .std.column2-list > .list-item .article-body .text {
    margin: 1.86667vw 0 0 0;
  }
  .std.column2-list > .list-item .article-body .text p {
    font-size: 3.2vw;
    line-height: 5.33333vw;
  }
  .std.image-list {
    margin: 0 4vw 0 4vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .std.image-list > .list-item {
    width: 43.2vw;
    margin: 0 5.6vw 6vw 0;
  }
  .std.image-list > .list-item:nth-child(2n) {
    margin-right: 0;
  }
  .std.image-list > .list-item figure > .image {
    margin: 0 0 3.06667vw 0;
    width: 43.2vw;
  }
  .std.image-list > .list-item figure > .image img {
    width: 43.2vw;
  }
  .std.image-list > .list-item figure > .image a {
    display: block;
    width: 43.2vw;
    height: 28.8vw;
    position: relative;
  }
  .std.image-list > .list-item figure > .image a img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .std.image-list > .list-item figure > .image a:after {
    content: '';
    display: block;
    padding: 6.66667vw 0 0 0;
    width: 6.66667vw;
    height: 0;
    overflow: hidden;
    background: url("../images/_ico_img_zoo.png") no-repeat;
    background-size: 6.66667vw 6.66667vw;
    text-indent: -5000px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .std.image-list > .list-item figure > .image a:hover img {
    opacity: 0.7;
  }
  .std.image-list > .list-item figure figcaption .lev3 {
    font-size: 4vw;
    line-height: 5.6vw;
    font-weight: 400;
  }
  .std.image-list > .list-item figure figcaption .text {
    margin: 1.86667vw 0 0 0;
  }
  .std.image-list > .list-item figure figcaption .text p {
    font-size: 3.2vw;
    line-height: 5.33333vw;
  }
  .std.image-list.holizontal {
    display: block;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .std.image-list.holizontal > .list-item {
    width: auto;
    margin: 0 0 8vw 0;
  }
  .std.image-list.holizontal > .list-item figure {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .std.image-list.holizontal > .list-item figure > .image {
    width: 32vw;
  }
  .std.image-list.holizontal > .list-item figure > .image img {
    width: 32vw;
  }
  .std.image-list.holizontal > .list-item figure > .image a {
    width: 32vw;
    height: 32vw;
  }
  .std.image-list.holizontal > .list-item figure figcaption {
    width: 56vw;
  }
  .std.normal-button {
    display: inline-block;
    width: 68vw;
    height: 13.6vw;
    position: relative;
  }
  .std.normal-button > .s1 {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 68vw;
    height: 12.8vw;
    background: #22ac38;
    border-radius: 0.66667vw;
    box-shadow: 0 0.8vw 0 0 #286c0b;
    -webkit-transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-align-items: center;
    align-items: center;
  }
  .std.normal-button > .s1 > .s2 {
    font-size: 3.73333vw;
    line-height: 4.26667vw;
    color: #ffffff;
    font-weight: bold;
  }
  .std.normal-button:after {
    content: '';
    position: absolute;
    margin: auto;
    right: 4vw;
    top: 0;
    bottom: 0;
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    border-width: 0.4vw 0.4vw 0 0;
    border-style: solid;
    border-color: #ffffff;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

/*# sourceMappingURL=common.css.map */
.mf_finder_header{
  width:216px;
}

.mov-a{
  width: 640px;}
  @media screen and (max-width: 639px) {
 .mov-a{
  width: 90%;}
}