@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese);
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],
template {
  display: none
}
a {
  background-color: transparent;
  color: #00f;
  text-decoration: none
}
a:active,
a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b,
optgroup,
strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1 {
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0;
  vertical-align: middle
}
svg:not(:root) {
  overflow: hidden
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button,
select {
  text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],
html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent
}
td,
th {
  padding: 0
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}
body {
  margin: 0;
  font-family: Avenir,"Open Sans",Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  background-color: #fff;
  position: relative;
  padding-top: 49px
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
a:focus,
a:hover {
  color: #4d4dff;
  text-decoration: underline
}
a:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}
figure {
  margin: 0
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}
.img-rounded {
  border-radius: 6px
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.7;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}
.img-circle {
  border-radius: 50%
}
hr {
  margin-top: 27px;
  margin-bottom: 27px;
  border: 0;
  border-top: 1px solid #000
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}
[role=button] {
  cursor: pointer
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #333
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 27px;
  margin-bottom: 13.5px
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 13.5px;
  margin-bottom: 13.5px
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%
}
.h1,
h1 {
  font-size: 41px
}
.h2,
h2 {
  font-size: 34px
}
.h3,
h3 {
  font-size: 28px
}
.h4,
h4 {
  font-size: 20px
}
.h5,
h5 {
  font-size: 16px
}
.h6,
h6 {
  font-size: 14px
}
p {
  margin: 0 0 13.5px
}
.lead {
  margin-bottom: 27px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4
}
@media (min-width:768px) {
  .lead {
    font-size: 24px
  }
}
.small,
small {
  font-size: 87%
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
.text-justify {
  text-align: justify
}
.text-nowrap {
  white-space: nowrap
}
.text-lowercase {
  text-transform: lowercase
}
.initialism,
.text-uppercase {
  text-transform: uppercase
}
.text-capitalize {
  text-transform: capitalize
}
.text-muted {
  color: #777
}
.text-primary {
  color: #337ab7
}
a.text-primary:focus,
a.text-primary:hover {
  color: #286090
}
.text-success {
  color: #3c763d
}
a.text-success:focus,
a.text-success:hover {
  color: #2b542c
}
.text-info {
  color: #31708f
}
a.text-info:focus,
a.text-info:hover {
  color: #245269
}
.text-warning {
  color: #8a6d3b
}
a.text-warning:focus,
a.text-warning:hover {
  color: #66512c
}
.text-danger {
  color: #a94442
}
a.text-danger:focus,
a.text-danger:hover {
  color: #843534
}
.bg-primary {
  color: #fff;
  background-color: #337ab7
}
a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #286090
}
.bg-success {
  background-color: #dff0d8
}
a.bg-success:focus,
a.bg-success:hover {
  background-color: #c1e2b3
}
.bg-info {
  background-color: #d9edf7
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee
}
.bg-warning {
  background-color: #fcf8e3
}
a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #f7ecb5
}
.bg-danger {
  background-color: #f2dede
}
a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #e4b9b9
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}
.list-unstyled {
  padding-left: 0;
  list-style: none
}
.list-inline {
  padding-left: 0;
  list-style: none
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px
}
dl {
  margin-top: 0;
  margin-bottom: 27px
}
dd,
dt {
  line-height: 1.7
}
dt {
  font-weight: 700
}
dd {
  margin-left: 0
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
  display: table;
  content: " "
}
.dl-horizontal dd:after {
  clear: both
}
@media (min-width:992px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .dl-horizontal dd {
    margin-left: 180px
  }
}
abbr[data-original-title],
abbr[title] {
  cursor: help
}
.initialism {
  font-size: 90%
}
blockquote {
  padding: 13.5px 27px;
  margin: 0 0 27px;
  font-size: 20px;
  border-left: 5px solid #eee
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0
}
blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.7;
  color: #777
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: "\2014 \00A0"
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: ""
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: "\00A0 \2014"
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
.container:after,
.container:before {
  display: table;
  content: " "
}
.container:after {
  clear: both
}
@media (min-width:768px) {
  .container {
    width: auto
  }
}
@media (min-width:992px) {
  .container {
    width: auto
  }
}
@media (min-width:1200px) {
  .container {
    width: 1130px
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
.container-fluid:after,
.container-fluid:before {
  display: table;
  content: " "
}
.container-fluid:after {
  clear: both
}
.row {
  margin-right: -15px;
  margin-left: -15px
}
.row:after,
.row:before {
  display: table;
  content: " "
}
.row:after {
  clear: both
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left
}
.col-xs-1 {
  width: 8.33333%
}
.col-xs-2 {
  width: 16.66667%
}
.col-xs-3 {
  width: 25%
}
.col-xs-4 {
  width: 33.33333%
}
.col-xs-5 {
  width: 41.66667%
}
.col-xs-6 {
  width: 50%
}
.col-xs-7 {
  width: 58.33333%
}
.col-xs-8 {
  width: 66.66667%
}
.col-xs-9 {
  width: 75%
}
.col-xs-10 {
  width: 83.33333%
}
.col-xs-11 {
  width: 91.66667%
}
.col-xs-12 {
  width: 100%
}
.col-xs-pull-0 {
  right: auto
}
.col-xs-pull-1 {
  right: 8.33333%
}
.col-xs-pull-2 {
  right: 16.66667%
}
.col-xs-pull-3 {
  right: 25%
}
.col-xs-pull-4 {
  right: 33.33333%
}
.col-xs-pull-5 {
  right: 41.66667%
}
.col-xs-pull-6 {
  right: 50%
}
.col-xs-pull-7 {
  right: 58.33333%
}
.col-xs-pull-8 {
  right: 66.66667%
}
.col-xs-pull-9 {
  right: 75%
}
.col-xs-pull-10 {
  right: 83.33333%
}
.col-xs-pull-11 {
  right: 91.66667%
}
.col-xs-pull-12 {
  right: 100%
}
.col-xs-push-0 {
  left: auto
}
.col-xs-push-1 {
  left: 8.33333%
}
.col-xs-push-2 {
  left: 16.66667%
}
.col-xs-push-3 {
  left: 25%
}
.col-xs-push-4 {
  left: 33.33333%
}
.col-xs-push-5 {
  left: 41.66667%
}
.col-xs-push-6 {
  left: 50%
}
.col-xs-push-7 {
  left: 58.33333%
}
.col-xs-push-8 {
  left: 66.66667%
}
.col-xs-push-9 {
  left: 75%
}
.col-xs-push-10 {
  left: 83.33333%
}
.col-xs-push-11 {
  left: 91.66667%
}
.col-xs-push-12 {
  left: 100%
}
.col-xs-offset-0 {
  margin-left: 0
}
.col-xs-offset-1 {
  margin-left: 8.33333%
}
.col-xs-offset-2 {
  margin-left: 16.66667%
}
.col-xs-offset-3 {
  margin-left: 25%
}
.col-xs-offset-4 {
  margin-left: 33.33333%
}
.col-xs-offset-5 {
  margin-left: 41.66667%
}
.col-xs-offset-6 {
  margin-left: 50%
}
.col-xs-offset-7 {
  margin-left: 58.33333%
}
.col-xs-offset-8 {
  margin-left: 66.66667%
}
.col-xs-offset-9 {
  margin-left: 75%
}
.col-xs-offset-10 {
  margin-left: 83.33333%
}
.col-xs-offset-11 {
  margin-left: 91.66667%
}
.col-xs-offset-12 {
  margin-left: 100%
}
@media (min-width:768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left
  }
  .col-sm-1 {
    width: 8.33333%
  }
  .col-sm-2 {
    width: 16.66667%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-4 {
    width: 33.33333%
  }
  .col-sm-5 {
    width: 41.66667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.33333%
  }
  .col-sm-8 {
    width: 66.66667%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.33333%
  }
  .col-sm-11 {
    width: 91.66667%
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-pull-1 {
    right: 8.33333%
  }
  .col-sm-pull-2 {
    right: 16.66667%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-4 {
    right: 33.33333%
  }
  .col-sm-pull-5 {
    right: 41.66667%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-7 {
    right: 58.33333%
  }
  .col-sm-pull-8 {
    right: 66.66667%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-10 {
    right: 83.33333%
  }
  .col-sm-pull-11 {
    right: 91.66667%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-push-1 {
    left: 8.33333%
  }
  .col-sm-push-2 {
    left: 16.66667%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-4 {
    left: 33.33333%
  }
  .col-sm-push-5 {
    left: 41.66667%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-7 {
    left: 58.33333%
  }
  .col-sm-push-8 {
    left: 66.66667%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-10 {
    left: 83.33333%
  }
  .col-sm-push-11 {
    left: 91.66667%
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
}
@media (min-width:992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left
  }
  .col-md-1 {
    width: 8.33333%
  }
  .col-md-2 {
    width: 16.66667%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.33333%
  }
  .col-md-5 {
    width: 41.66667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.33333%
  }
  .col-md-8 {
    width: 66.66667%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.33333%
  }
  .col-md-11 {
    width: 91.66667%
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-pull-1 {
    right: 8.33333%
  }
  .col-md-pull-2 {
    right: 16.66667%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-4 {
    right: 33.33333%
  }
  .col-md-pull-5 {
    right: 41.66667%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-7 {
    right: 58.33333%
  }
  .col-md-pull-8 {
    right: 66.66667%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-10 {
    right: 83.33333%
  }
  .col-md-pull-11 {
    right: 91.66667%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-push-1 {
    left: 8.33333%
  }
  .col-md-push-2 {
    left: 16.66667%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-4 {
    left: 33.33333%
  }
  .col-md-push-5 {
    left: 41.66667%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-7 {
    left: 58.33333%
  }
  .col-md-push-8 {
    left: 66.66667%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-10 {
    left: 83.33333%
  }
  .col-md-push-11 {
    left: 91.66667%
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
  .col-md-offset-1 {
    margin-left: 8.33333%
  }
  .col-md-offset-2 {
    margin-left: 16.66667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333%
  }
  .col-md-offset-5 {
    margin-left: 41.66667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.33333%
  }
  .col-md-offset-8 {
    margin-left: 66.66667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333%
  }
  .col-md-offset-11 {
    margin-left: 91.66667%
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
}
@media (min-width:1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left
  }
  .col-lg-1 {
    width: 8.33333%
  }
  .col-lg-2 {
    width: 16.66667%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-4 {
    width: 33.33333%
  }
  .col-lg-5 {
    width: 41.66667%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-7 {
    width: 58.33333%
  }
  .col-lg-8 {
    width: 66.66667%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-10 {
    width: 83.33333%
  }
  .col-lg-11 {
    width: 91.66667%
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-pull-1 {
    right: 8.33333%
  }
  .col-lg-pull-2 {
    right: 16.66667%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-4 {
    right: 33.33333%
  }
  .col-lg-pull-5 {
    right: 41.66667%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-7 {
    right: 58.33333%
  }
  .col-lg-pull-8 {
    right: 66.66667%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-10 {
    right: 83.33333%
  }
  .col-lg-pull-11 {
    right: 91.66667%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-push-1 {
    left: 8.33333%
  }
  .col-lg-push-2 {
    left: 16.66667%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-4 {
    left: 33.33333%
  }
  .col-lg-push-5 {
    left: 41.66667%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-7 {
    left: 58.33333%
  }
  .col-lg-push-8 {
    left: 66.66667%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-10 {
    left: 83.33333%
  }
  .col-lg-push-11 {
    left: 91.66667%
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left
}
th {
  text-align: left
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 27px
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #999
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #999
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0
}
.table > tbody + tbody {
  border-top: 2px solid #999
}
.table .table {
  background-color: #fff
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px
}
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border: 1px solid #999
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9
}
.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
  background-color: #f5f5f5
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active {
  background-color: #e8e8e8
}
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th {
  background-color: #dff0d8
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success {
  background-color: #d0e9c6
}
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th {
  background-color: #d9edf7
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info {
  background-color: #c4e3f3
}
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th {
  background-color: #fcf8e3
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning {
  background-color: #faf2cc
}
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th {
  background-color: #f2dede
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger {
  background-color: #ebcccc
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto
}
@media screen and (max-width:767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 20.25px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #999
  }
  .table-responsive > .table {
    margin-bottom: 0
  }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap
  }
  .table-responsive > .table-bordered {
    border: 0
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 24px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  cursor: pointer
}
input[type=search] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
input[type=checkbox],
input[type=radio] {
  margin: 4px 0 0;
  line-height: normal
}
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
  cursor: not-allowed
}
input[type=file] {
  display: block
}
input[type=range] {
  display: block;
  width: 100%
}
select[multiple],
select[size] {
  height: auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}
output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.7;
  color: #555
}
.form-control {
  display: block;
  width: 100%;
  height: 41px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}
.form-control:-ms-input-placeholder {
  color: #999
}
.form-control::-webkit-input-placeholder {
  color: #999
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed
}
textarea.form-control {
  height: auto
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control,
  input[type=time].form-control {
    line-height: 41px
  }
  .input-group-sm input[type=date],
  .input-group-sm input[type=datetime-local],
  .input-group-sm input[type=month],
  .input-group-sm input[type=time],
  input[type=date].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm,
  input[type=time].input-sm {
    line-height: 33px
  }
  .input-group-lg input[type=date],
  .input-group-lg input[type=datetime-local],
  .input-group-lg input[type=month],
  .input-group-lg input[type=time],
  input[type=date].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg,
  input[type=time].input-lg {
    line-height: 49px
  }
}
.form-group {
  margin-bottom: 15px
}
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed
}
.checkbox label,
.radio label {
  min-height: 27px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position: absolute;
  margin-left: -20px
}
.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px
}
.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px
}
.form-control-static {
  min-height: 43px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0
}
.input-sm {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0
}
select.input-sm {
  height: 33px;
  line-height: 33px
}
select[multiple].input-sm,
textarea.input-sm {
  height: auto
}
.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0
}
.form-group-sm select.form-control {
  height: 33px;
  line-height: 33px
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto
}
.form-group-sm .form-control-static {
  height: 33px;
  min-height: 41px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5
}
.input-lg {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 0
}
select.input-lg {
  height: 49px;
  line-height: 49px
}
select[multiple].input-lg,
textarea.input-lg {
  height: auto
}
.form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 0
}
.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
  height: auto
}
.form-group-lg .form-control-static {
  height: 49px;
  min-height: 47px;
  padding: 11px 16px;
  font-size: 20px;
  line-height: 1.33333
}
.has-feedback {
  position: relative
}
.has-feedback .form-control {
  padding-right: 51.25px
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 41px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  pointer-events: none
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #3c763d
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d
}
.has-success .form-control-feedback {
  color: #3c763d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color: #8a6d3b
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b
}
.has-warning .form-control-feedback {
  color: #8a6d3b
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442
}
.has-error .form-control-feedback {
  color: #a94442
}
.has-feedback label ~ .form-control-feedback {
  top: 32px
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373
}
@media (min-width:768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto
  }
  .form-inline .input-group > .form-control {
    width: 100%
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0
  }
  .form-inline .checkbox input[type=checkbox],
  .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0
}
.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 34px
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
  display: table;
  content: " "
}
.form-horizontal .form-group:after {
  clear: both
}
@media (min-width:768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}
@media (min-width:768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 20px
  }
}
@media (min-width:768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 14px
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.7;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}
.btn-default.focus,
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}
.btn-default.active,
.btn-default:active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .btn-default.dropdown-toggle.focus,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}
.btn-default .badge {
  color: #fff;
  background-color: #333
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}
.btn-primary.active,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}
.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}
.btn-success.active,
.btn-success:active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}
.btn-info.active,
.btn-info:active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .btn-info.dropdown-toggle.focus,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}
.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}
.btn-warning.active,
.btn-warning:active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .btn-warning.dropdown-toggle.focus,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}
.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}
.btn-danger.active,
.btn-danger:active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .btn-danger.dropdown-toggle.focus,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}
.btn-link {
  font-weight: 400;
  color: #00f;
  border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
  color: #4d4dff;
  text-decoration: underline;
  background-color: transparent
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none
}
.btn-lg {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px
}
.btn-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}
.btn-xs {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}
.btn-block {
  display: block;
  width: 100%
}
.btn-block + .btn-block {
  margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}
.fade.in {
  opacity: 1
}
.collapse {
  display: none
}
.collapse.in {
  display: block
}
tr.collapse.in {
  display: table-row
}
tbody.collapse.in {
  display: table-row-group
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height,visibility;
  transition-property: height,visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}
.dropdown,
.dropup {
  position: relative
}
.dropdown-toggle:focus {
  outline: 0
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto
}
.dropdown-menu .divider {
  height: 1px;
  margin: 12.5px 0;
  overflow: hidden;
  background-color: #e5e5e5
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.7;
  color: #333;
  white-space: nowrap
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none
}
.open > .dropdown-menu {
  display: block
}
.open > a {
  outline: 0
}
.dropdown-menu-right {
  right: 0;
  left: auto
}
.dropdown-menu-left {
  right: auto;
  left: 0
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.7;
  color: #777;
  white-space: nowrap
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}
@media (min-width:992px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.nav:after,
.nav:before {
  display: table;
  content: " "
}
.nav:after {
  clear: both
}
.nav > li {
  position: relative;
  display: block
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee
}
.nav > li.disabled > a {
  color: #777
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #00f
}
.nav .nav-divider {
  height: 1px;
  margin: 12.5px 0;
  overflow: hidden;
  background-color: #e5e5e5
}
.nav > li > a > img {
  max-width: none
}
.nav-tabs {
  border-bottom: 1px solid #ddd
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.7;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent
}
.nav-pills > li {
  float: left
}
.nav-pills > li > a {
  border-radius: 4px
}
.nav-pills > li + li {
  margin-left: 2px
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7
}
.nav-stacked > li {
  float: none
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0
}
.nav-justified,
.nav-tabs.nav-justified {
  width: 100%
}
.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none
}
.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto
}
@media (min-width:768px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%
  }
  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0
  }
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0
}
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd
}
@media (min-width:768px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff
  }
}
.tab-content > .tab-pane {
  display: none
}
.tab-content > .active {
  display: block
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 27px;
  border: 1px solid transparent
}
.navbar:after,
.navbar:before {
  display: table;
  content: " "
}
.navbar:after {
  clear: both
}
@media (min-width:992px) {
  .navbar {
    border-radius: 4px
  }
}
.navbar-header:after,
.navbar-header:before {
  display: table;
  content: " "
}
.navbar-header:after {
  clear: both
}
@media (min-width:992px) {
  .navbar-header {
    float: left
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-overflow-scrolling: touch
}
.navbar-collapse:after,
.navbar-collapse:before {
  display: table;
  content: " "
}
.navbar-collapse:after {
  clear: both
}
.navbar-collapse.in {
  overflow-y: auto
}
@media (min-width:992px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0
  }
}
.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px
}
@media (max-device-width:480px) and (orientation:landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px
  }
}
@media (min-width:992px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}
.container > .navbar-collapse,
.container > .navbar-header,
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header {
  margin-right: -15px;
  margin-left: -15px
}
@media (min-width:992px) {
  .container > .navbar-collapse,
  .container > .navbar-header,
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header {
    margin-right: 0;
    margin-left: 0
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}
@media (min-width:992px) {
  .navbar-static-top {
    border-radius: 0
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 11.5px 15px;
  font-size: 20px;
  line-height: 27px
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none
}
.navbar-brand > img {
  display: block
}
@media (min-width:992px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}
.navbar-toggle:focus {
  outline: 0
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px
}
@media (min-width:992px) {
  .navbar-toggle {
    display: none
  }
}
.navbar-nav {
  margin: 5.75px -15px
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 27px
}
@media (max-width:991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 27px
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none
  }
}
@media (min-width:992px) {
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav > li {
    float: left
  }
  .navbar-nav > li > a {
    padding-top: 11.5px;
    padding-bottom: 11.5px
  }
}
.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  margin: 4.5px -15px
}
@media (min-width:768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .navbar-form .form-control-static {
    display: inline-block
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto
  }
  .navbar-form .input-group > .form-control {
    width: 100%
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0
  }
  .navbar-form .checkbox input[type=checkbox],
  .navbar-form .radio input[type=radio] {
    position: relative;
    margin-left: 0
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0
  }
}
@media (max-width:991px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0
  }
}
@media (min-width:992px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0
}
.navbar-btn {
  margin-top: 4.5px;
  margin-bottom: 4.5px
}
.navbar-btn.btn-sm {
  margin-top: 8.5px;
  margin-bottom: 8.5px
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}
.navbar-text {
  margin-top: 11.5px;
  margin-bottom: 11.5px
}
@media (min-width:992px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px
  }
}
@media (min-width:992px) {
  .navbar-left {
    float: left!important
  }
  .navbar-right {
    float: right!important;
    margin-right: -15px
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0
  }
}
.navbar-default {
  border-color: #e7e7e7
}
.navbar-default .navbar-brand {
  color: #777
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
  color: #777
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent
}
@media (max-width:991px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7
}
.navbar-default .navbar-link {
  color: #777
}
.navbar-default .navbar-link:hover {
  color: #333
}
.navbar-default .btn-link {
  color: #777
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc
}
.navbar-inverse {
  background-color: #222;
  border-color: #090909
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
  color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #090909
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #090909
}
@media (max-width:991px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010
}
.navbar-inverse .navbar-link {
  color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
  color: #fff
}
.navbar-inverse .btn-link {
  color: #9d9d9d
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444
}
.breadcrumb {
  padding: 0;
  margin-bottom: 27px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px
}
.breadcrumb > li {
  display: inline-block
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #333;
  content: "/ ";
  content: "＞"
}
.breadcrumb > .active {
  color: #333
}
.pagination {
  padding-left: 0;
  margin: 27px 0;
  border-radius: 4px
}
.pagination > li {
  display: inline
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.7;
  color: #00f;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #4d4dff;
  background-color: #eee;
  border-color: #ddd
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}
.label {
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}
.label:empty {
  display: none
}
.btn .label {
  position: relative;
  top: -1px
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}
.label-default {
  background-color: #777
}
.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e
}
.label-primary {
  background-color: #337ab7
}
.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090
}
.label-success {
  background-color: #5cb85c
}
.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44
}
.label-info {
  background-color: #5bc0de
}
.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5
}
.label-warning {
  background-color: #f0ad4e
}
.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f
}
.label-danger {
  background-color: #d9534f
}
.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px
}
.badge:empty {
  display: none
}
.btn .badge {
  position: relative;
  top: -1px
}
.btn-group-xs > .btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #00f;
  background-color: #fff
}
.list-group-item > .badge {
  float: right
}
.list-group-item > .badge + .badge {
  margin-right: 5px
}
.nav-pills > li > a > .badge {
  margin-left: 3px
}
a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 27px;
  line-height: 1.7;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0;
  -webkit-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto
}
.thumbnail .caption {
  padding: 9px;
  color: #333
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #00f
}
.media {
  margin-top: 15px
}
.media:first-child {
  margin-top: 0
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1
}
.media-body {
  width: 10000px
}
.media-object {
  display: block
}
.media-object.img-thumbnail {
  max-width: none
}
.media > .pull-right,
.media-right {
  padding-left: 10px
}
.media > .pull-left,
.media-left {
  padding-right: 10px
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top
}
.media-middle {
  vertical-align: middle
}
.media-bottom {
  vertical-align: bottom
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px
}
.media-list {
  padding-left: 0;
  list-style: none
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef
}
a.list-group-item,
button.list-group-item {
  color: #555
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5
}
button.list-group-item {
  width: 100%;
  text-align: left
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3
}
.panel {
  margin-bottom: 27px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-body {
  padding: 15px
}
.panel-body:after,
.panel-body:before {
  display: table;
  content: " "
}
.panel-body:after {
  clear: both
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0
}
.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px
}
.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #999
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0
}
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom: 0
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0
}
.panel-group {
  margin-bottom: 27px
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px
}
.panel-group .panel + .panel {
  margin-top: 5px
}
.panel-group .panel-heading {
  border-bottom: 0
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd
}
.panel-group .panel-footer {
  border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}
.panel-default {
  border-color: #ddd
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd
}
.panel-primary {
  border-color: #337ab7
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7
}
.panel-success {
  border-color: #d6e9c6
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6
}
.panel-info {
  border-color: #bce8f1
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1
}
.panel-warning {
  border-color: #faebcc
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc
}
.panel-danger {
  border-color: #ebccd1
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%
}
.embed-responsive-4by3 {
  padding-bottom: 75%
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #999;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
  border-color: rgba(0,0,0,.15)
}
.well-lg {
  padding: 24px;
  border-radius: 6px
}
.well-sm {
  padding: 9px;
  border-radius: 3px
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: " "
}
.clearfix:after {
  clear: both
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}
.pull-right {
  float: right!important
}
.pull-left {
  float: left!important
}
.hide {
  display: none!important
}
.show {
  display: block!important
}
.invisible {
  visibility: hidden
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
.hidden {
  display: none!important
}
.affix {
  position: fixed
}
@-ms-viewport {
  width: device-width
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none!important
}
@media (max-width:767px) {
  .visible-xs {
    display: block!important
  }
  table.visible-xs {
    display: table!important
  }
  tr.visible-xs {
    display: table-row!important
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell!important
  }
}
@media (max-width:767px) {
  .visible-xs-block {
    display: block!important
  }
}
@media (max-width:767px) {
  .visible-xs-inline {
    display: inline!important
  }
}
@media (max-width:767px) {
  .visible-xs-inline-block {
    display: inline-block!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block!important
  }
  table.visible-sm {
    display: table!important
  }
  tr.visible-sm {
    display: table-row!important
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm-block {
    display: block!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline {
    display: inline!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline-block {
    display: inline-block!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block!important
  }
  table.visible-md {
    display: table!important
  }
  tr.visible-md {
    display: table-row!important
  }
  td.visible-md,
  th.visible-md {
    display: table-cell!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md-block {
    display: block!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline {
    display: inline!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline-block {
    display: inline-block!important
  }
}
@media (min-width:1200px) {
  .visible-lg {
    display: block!important
  }
  table.visible-lg {
    display: table!important
  }
  tr.visible-lg {
    display: table-row!important
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell!important
  }
}
@media (min-width:1200px) {
  .visible-lg-block {
    display: block!important
  }
}
@media (min-width:1200px) {
  .visible-lg-inline {
    display: inline!important
  }
}
@media (min-width:1200px) {
  .visible-lg-inline-block {
    display: inline-block!important
  }
}
@media (max-width:767px) {
  .hidden-xs {
    display: none!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none!important
  }
}
@media (min-width:1200px) {
  .hidden-lg {
    display: none!important
  }
}
.visible-print {
  display: none!important
}
@media print {
  .visible-print {
    display: block!important
  }
  table.visible-print {
    display: table!important
  }
  tr.visible-print {
    display: table-row!important
  }
  td.visible-print,
  th.visible-print {
    display: table-cell!important
  }
}
.visible-print-block {
  display: none!important
}
@media print {
  .visible-print-block {
    display: block!important
  }
}
.visible-print-inline {
  display: none!important
}
@media print {
  .visible-print-inline {
    display: inline!important
  }
}
.visible-print-inline-block {
  display: none!important
}
@media print {
  .visible-print-inline-block {
    display: inline-block!important
  }
}
@media print {
  .hidden-print {
    display: none!important
  }
}
@media (max-width:991px) {
  html {
    font-size: 15px
  }
}
@media (max-width:991px) {
  body {
    padding-top: 53px;
    font-size: 1rem
  }
}
body.parent-page-shingaku .navbar-default,
body.single-event_shingaku .navbar-default,
body.single-news_shingaku .navbar-default {
  background-color: #000235
}
body.parent-page-yotsuya .section-event .text-lg,
body.single-event_yotsuya .section-event .text-lg,
body.single-news_yotsuya .section-event .text-lg {
  color: #009480!important
}
body.parent-page-yotsuya .section-event .container-btn-link,
body.single-event_yotsuya .section-event .container-btn-link,
body.single-news_yotsuya .section-event .container-btn-link {
  border-top: 1px solid #009480
}
body.parent-page-yotsuya .section-event .container-btn-link a,
body.single-event_yotsuya .section-event .container-btn-link a,
body.single-news_yotsuya .section-event .container-btn-link a {
  color: #009480!important
}
body.parent-page-yotsuya footer ul li:before,
body.single-event_yotsuya footer ul li:before,
body.single-news_yotsuya footer ul li:before {
  color: #fffe03
}
body.page-strength .navbar-default,
body.page-toshin-net .navbar-default,
body.parent-page-toshin .navbar-default,
body.parent-page-toshin-net .navbar-default,
body.single-event_toshin .navbar-default,
body.single-event_toshin-net .navbar-default,
body.single-news_toshin .navbar-default,
body.single-news_toshin_net .navbar-default {
  background-color: #009380
}
body.page-strength .menu-slide,
body.page-strength footer,
body.page-toshin-net .menu-slide,
body.page-toshin-net footer,
body.parent-page-toshin .menu-slide,
body.parent-page-toshin footer,
body.parent-page-toshin-net .menu-slide,
body.parent-page-toshin-net footer,
body.single-event_toshin .menu-slide,
body.single-event_toshin footer,
body.single-event_toshin-net .menu-slide,
body.single-event_toshin-net footer,
body.single-news_toshin .menu-slide,
body.single-news_toshin footer,
body.single-news_toshin_net .menu-slide,
body.single-news_toshin_net footer {
  background-image: linear-gradient(135deg,#009480 25%,#008f7d 25%,#008f7d 50%,#009480 50%,#009480 75%,#008f7d 75%,#008f7d 100%);
  background-size: 11.31px 11.31px
}
body.page-strength .section-event .text-lg,
body.page-strength .section-event dd,
body.page-toshin-net .section-event .text-lg,
body.page-toshin-net .section-event dd,
body.parent-page-toshin .section-event .text-lg,
body.parent-page-toshin .section-event dd,
body.parent-page-toshin-net .section-event .text-lg,
body.parent-page-toshin-net .section-event dd,
body.single-event_toshin .section-event .text-lg,
body.single-event_toshin .section-event dd,
body.single-event_toshin-net .section-event .text-lg,
body.single-event_toshin-net .section-event dd,
body.single-news_toshin .section-event .text-lg,
body.single-news_toshin .section-event dd,
body.single-news_toshin_net .section-event .text-lg,
body.single-news_toshin_net .section-event dd {
  color: #009380!important
}
body.page-strength .section-event .container-btn-link,
body.page-toshin-net .section-event .container-btn-link,
body.parent-page-toshin .section-event .container-btn-link,
body.parent-page-toshin-net .section-event .container-btn-link,
body.single-event_toshin .section-event .container-btn-link,
body.single-event_toshin-net .section-event .container-btn-link,
body.single-news_toshin .section-event .container-btn-link,
body.single-news_toshin_net .section-event .container-btn-link {
  border-top: 1px solid #009480
}
body.page-strength .section-event .container-btn-link a,
body.page-toshin-net .section-event .container-btn-link a,
body.parent-page-toshin .section-event .container-btn-link a,
body.parent-page-toshin-net .section-event .container-btn-link a,
body.single-event_toshin .section-event .container-btn-link a,
body.single-event_toshin-net .section-event .container-btn-link a,
body.single-news_toshin .section-event .container-btn-link a,
body.single-news_toshin_net .section-event .container-btn-link a {
  color: #009380!important
}
body.page-strength footer ul li:before,
body.page-toshin-net footer ul li:before,
body.parent-page-toshin footer ul li:before,
body.parent-page-toshin-net footer ul li:before,
body.single-event_toshin footer ul li:before,
body.single-event_toshin-net footer ul li:before,
body.single-news_toshin footer ul li:before,
body.single-news_toshin_net footer ul li:before {
  color: #fffe03
}
body.home .navbar-default,
body.page-class .navbar-default,
body.single-class_list .navbar-default,
body.tax-class_location .navbar-default, body.page-kentei-application .navbar-default{
  background-color: #0050bf
}
body.home .menu-slide,
body.home footer,
body.page-class .menu-slide,
body.page-class footer,
body.single-class_list .menu-slide,
body.single-class_list footer,
body.tax-class_location .menu-slide,
body.tax-class_location footer {
  background-image: linear-gradient(135deg,#014dbd 25%,#0050bf 25%,#0050bf 50%,#014dbd 50%,#014dbd 75%,#0050bf 75%,#0050bf 100%);
  background-size: 11.31px 11.31px
}
body.page-shoptop .navbar-default {
  background-color: #055078
}
body.page-shoptop .menu-slide,
body.page-shoptop footer {
  background-image: none;
  background-color: #055078
}
body.parent-page-yotsuya .navbar-default,
body.single-event_yotsuya .navbar-default,
body.single-news_yotsuya .navbar-default {
  background-color: #275398
}
body.parent-page-yotsuya .menu-slide,
body.parent-page-yotsuya footer,
body.single-event_yotsuya .menu-slide,
body.single-event_yotsuya footer,
body.single-news_yotsuya .menu-slide,
body.single-news_yotsuya footer {
  background-size: 11.31px 11.31px;
  background-image: none;
  background-color: #275398
}
@media (min-width:992px) {
  body.parent-page-believe .header,
  body.parent-page-shingaku .header,
  body.parent-page-yotsuya .header,
  body.single-event_believe .header,
  body.single-event_shingaku .header,
  body.single-event_yotsuya .header,
  body.single-news_believe .header,
  body.single-news_shingaku .header,
  body.single-news_yotsuya .header {
    padding-top: 24px;
    padding-bottom: 23px
  }
}
@media (min-width:768px) {
  body.parent-page-believe .header .media-left,
  body.parent-page-shingaku .header .media-left,
  body.parent-page-yotsuya .header .media-left,
  body.single-event_believe .header .media-left,
  body.single-event_shingaku .header .media-left,
  body.single-event_yotsuya .header .media-left,
  body.single-news_believe .header .media-left,
  body.single-news_shingaku .header .media-left,
  body.single-news_yotsuya .header .media-left {
    vertical-align: middle
  }
}
body.parent-page-believe .header .container-contact,
body.parent-page-shingaku .header .container-contact,
body.parent-page-yotsuya .header .container-contact,
body.single-event_believe .header .container-contact,
body.single-event_shingaku .header .container-contact,
body.single-event_yotsuya .header .container-contact,
body.single-news_believe .header .container-contact,
body.single-news_shingaku .header .container-contact,
body.single-news_yotsuya .header .container-contact {
  padding-top: 0!important
}
@media (min-width:992px) {
  body.parent-page-kobetsu .header,
  body.single-event_kobetsu .header,
  body.single-news_kobetsu .header {
    padding-top: 24px;
    padding-bottom: 23px
  }
}
@media (min-width:768px) {
  body.parent-page-kobetsu .header .media-body,
  body.single-event_kobetsu .header .media-body,
  body.single-news_kobetsu .header .media-body {
    vertical-align: bottom
  }
}
body.parent-page-kobetsu .header .container-contact,
body.single-event_kobetsu .header .container-contact,
body.single-news_kobetsu .header .container-contact {
  padding-top: 0!important
}
@media (min-width:992px) {
  body.page-toshin .navbar-default .navbar-nav > li > a,
  body.parent-page-believe .navbar-default .navbar-nav > li > a,
  body.parent-page-kobetsu .navbar-default .navbar-nav > li > a,
  body.parent-page-shingaku .navbar-default .navbar-nav > li > a,
  body.parent-page-yotsuya .navbar-default .navbar-nav > li > a,
  body.single-event_believe .navbar-default .navbar-nav > li > a,
  body.single-event_kobetsu .navbar-default .navbar-nav > li > a,
  body.single-event_shingaku .navbar-default .navbar-nav > li > a,
  body.single-event_toshin .navbar-default .navbar-nav > li > a,
  body.single-event_yotsuya .navbar-default .navbar-nav > li > a,
  body.single-news_believe .navbar-default .navbar-nav > li > a,
  body.single-news_kobetsu .navbar-default .navbar-nav > li > a,
  body.single-news_shingaku .navbar-default .navbar-nav > li > a,
  body.single-news_toshin .navbar-default .navbar-nav > li > a,
  body.single-news_yotsuya .navbar-default .navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 10px
  }
}
body.page-toshin .navbar-default .navbar-nav > li > a:after,
body.parent-page-believe .navbar-default .navbar-nav > li > a:after,
body.parent-page-kobetsu .navbar-default .navbar-nav > li > a:after,
body.parent-page-shingaku .navbar-default .navbar-nav > li > a:after,
body.parent-page-yotsuya .navbar-default .navbar-nav > li > a:after,
body.single-event_believe .navbar-default .navbar-nav > li > a:after,
body.single-event_kobetsu .navbar-default .navbar-nav > li > a:after,
body.single-event_shingaku .navbar-default .navbar-nav > li > a:after,
body.single-event_toshin .navbar-default .navbar-nav > li > a:after,
body.single-event_yotsuya .navbar-default .navbar-nav > li > a:after,
body.single-news_believe .navbar-default .navbar-nav > li > a:after,
body.single-news_kobetsu .navbar-default .navbar-nav > li > a:after,
body.single-news_shingaku .navbar-default .navbar-nav > li > a:after,
body.single-news_toshin .navbar-default .navbar-nav > li > a:after,
body.single-news_yotsuya .navbar-default .navbar-nav > li > a:after {
  display: none
}
body.page-toshin,
body.single-event_toshin,
body.single-news_toshin {
  padding-top: 149px
}
@media (max-width:991px) {
  body.page-toshin,
  body.single-event_toshin,
  body.single-news_toshin {
    padding-top: 186px
  }
}
body.page-toshin .menu-slide.active,
body.single-event_toshin .menu-slide.active,
body.single-news_toshin .menu-slide.active {
  top: 0
}
@media (min-width:992px) {
  body.page-toshin .menu-slide .list-menu,
  body.single-event_toshin .menu-slide .list-menu,
  body.single-news_toshin .menu-slide .list-menu {
    padding-top: 148px
  }
}
body.page-toshin .navbar-toshin .navbar-toggle,
body.single-event_toshin .navbar-toshin .navbar-toggle,
body.single-news_toshin .navbar-toshin .navbar-toggle {
  top: 106px
}
@media (max-width:991px) {
  body.page-toshin .navbar-toshin .navbar-toggle,
  body.single-event_toshin .navbar-toshin .navbar-toggle,
  body.single-news_toshin .navbar-toshin .navbar-toggle {
    top: 140px
  }
}
body.parent-page-shingaku,
body.parent-page-yotsuya,
body.single-event_shingaku,
body.single-event_yotsuya,
body.single-news_shingaku,
body.single-news_yotsuya {
  padding-top: 149px
}
@media (max-width:991px) {
  body.parent-page-shingaku,
  body.parent-page-yotsuya,
  body.single-event_shingaku,
  body.single-event_yotsuya,
  body.single-news_shingaku,
  body.single-news_yotsuya {
    padding-top: 214px
  }
}
@media (min-width:768px) and (max-width:991px) {
  body.parent-page-shingaku,
  body.parent-page-yotsuya,
  body.single-event_shingaku,
  body.single-event_yotsuya,
  body.single-news_shingaku,
  body.single-news_yotsuya {
    padding-top: 181px!important
  }
}
@media (max-width:991px) {
  body.parent-page-shingaku .menu-slide,
  body.parent-page-yotsuya .menu-slide,
  body.single-event_shingaku .menu-slide,
  body.single-event_yotsuya .menu-slide,
  body.single-news_shingaku .menu-slide,
  body.single-news_yotsuya .menu-slide {
    top: 181px!important
  }
}
@media (max-width:767px) {
  body.parent-page-shingaku .menu-slide,
  body.parent-page-yotsuya .menu-slide,
  body.single-event_shingaku .menu-slide,
  body.single-event_yotsuya .menu-slide,
  body.single-news_shingaku .menu-slide,
  body.single-news_yotsuya .menu-slide {
    top: 53px!important
  }
}
@media (min-width:992px) {
  body.parent-page-shingaku .menu-slide .list-menu,
  body.parent-page-yotsuya .menu-slide .list-menu,
  body.single-event_shingaku .menu-slide .list-menu,
  body.single-event_yotsuya .menu-slide .list-menu,
  body.single-news_shingaku .menu-slide .list-menu,
  body.single-news_yotsuya .menu-slide .list-menu {
    padding-top: 148px
  }
}
@media (max-width:991px) {
  body.parent-page-shingaku .menu-slide .list-menu,
  body.parent-page-yotsuya .menu-slide .list-menu,
  body.single-event_shingaku .menu-slide .list-menu,
  body.single-event_yotsuya .menu-slide .list-menu,
  body.single-news_shingaku .menu-slide .list-menu,
  body.single-news_yotsuya .menu-slide .list-menu {
    padding-top: 224px;
    margin-top: -224px
  }
}
@media (max-width:767px) {
  body.parent-page-shingaku .menu-slide .list-menu,
  body.parent-page-yotsuya .menu-slide .list-menu,
  body.single-event_shingaku .menu-slide .list-menu,
  body.single-event_yotsuya .menu-slide .list-menu,
  body.single-news_shingaku .menu-slide .list-menu,
  body.single-news_yotsuya .menu-slide .list-menu {
    padding-top: 53px;
    margin-top: -53px
  }
}
body.parent-page-shingaku .navbar-shingaku2 .navbar-toggle,
body.parent-page-shingaku .navbar-yotsuya .navbar-toggle,
body.parent-page-yotsuya .navbar-shingaku2 .navbar-toggle,
body.parent-page-yotsuya .navbar-yotsuya .navbar-toggle,
body.single-event_shingaku .navbar-shingaku2 .navbar-toggle,
body.single-event_shingaku .navbar-yotsuya .navbar-toggle,
body.single-event_yotsuya .navbar-shingaku2 .navbar-toggle,
body.single-event_yotsuya .navbar-yotsuya .navbar-toggle,
body.single-news_shingaku .navbar-shingaku2 .navbar-toggle,
body.single-news_shingaku .navbar-yotsuya .navbar-toggle,
body.single-news_yotsuya .navbar-shingaku2 .navbar-toggle,
body.single-news_yotsuya .navbar-yotsuya .navbar-toggle {
  top: 106px
}
@media (max-width:991px) {
  body.parent-page-shingaku .navbar-shingaku2 .navbar-toggle,
  body.parent-page-shingaku .navbar-yotsuya .navbar-toggle,
  body.parent-page-yotsuya .navbar-shingaku2 .navbar-toggle,
  body.parent-page-yotsuya .navbar-yotsuya .navbar-toggle,
  body.single-event_shingaku .navbar-shingaku2 .navbar-toggle,
  body.single-event_shingaku .navbar-yotsuya .navbar-toggle,
  body.single-event_yotsuya .navbar-shingaku2 .navbar-toggle,
  body.single-event_yotsuya .navbar-yotsuya .navbar-toggle,
  body.single-news_shingaku .navbar-shingaku2 .navbar-toggle,
  body.single-news_shingaku .navbar-yotsuya .navbar-toggle,
  body.single-news_yotsuya .navbar-shingaku2 .navbar-toggle,
  body.single-news_yotsuya .navbar-yotsuya .navbar-toggle {
    top: 136px
  }
}
@media (max-width:767px) {
  body.parent-page-shingaku .navbar-shingaku2 .navbar-toggle,
  body.parent-page-shingaku .navbar-yotsuya .navbar-toggle,
  body.parent-page-yotsuya .navbar-shingaku2 .navbar-toggle,
  body.parent-page-yotsuya .navbar-yotsuya .navbar-toggle,
  body.single-event_shingaku .navbar-shingaku2 .navbar-toggle,
  body.single-event_shingaku .navbar-yotsuya .navbar-toggle,
  body.single-event_yotsuya .navbar-shingaku2 .navbar-toggle,
  body.single-event_yotsuya .navbar-yotsuya .navbar-toggle,
  body.single-news_shingaku .navbar-shingaku2 .navbar-toggle,
  body.single-news_shingaku .navbar-yotsuya .navbar-toggle,
  body.single-news_yotsuya .navbar-shingaku2 .navbar-toggle,
  body.single-news_yotsuya .navbar-yotsuya .navbar-toggle {
    top: 5px
  }
}
body.parent-page-shingaku .section-news,
body.parent-page-yotsuya .section-news,
body.single-event_shingaku .section-news,
body.single-event_yotsuya .section-news,
body.single-news_shingaku .section-news,
body.single-news_yotsuya .section-news {
  margin-bottom: 0
}
body.parent-page-believe,
body.parent-page-kobetsu,
body.single-event_believe,
body.single-event_kobetsu,
body.single-news_believe,
body.single-news_kobetsu {
  padding-top: 182px
}
@media (max-width:991px) {
  body.parent-page-believe,
  body.parent-page-kobetsu,
  body.single-event_believe,
  body.single-event_kobetsu,
  body.single-news_believe,
  body.single-news_kobetsu {
    padding-top: 221px
  }
}
@media (max-width:767px) {
  body.parent-page-believe,
  body.parent-page-kobetsu,
  body.single-event_believe,
  body.single-event_kobetsu,
  body.single-news_believe,
  body.single-news_kobetsu {
    padding-top: 53px
  }
}
@media (max-width:991px) {
  body.parent-page-believe .menu-slide,
  body.parent-page-kobetsu .menu-slide,
  body.single-event_believe .menu-slide,
  body.single-event_kobetsu .menu-slide,
  body.single-news_believe .menu-slide,
  body.single-news_kobetsu .menu-slide {
    top: 221px
  }
}
@media (max-width:767px) {
  body.parent-page-believe .menu-slide,
  body.parent-page-kobetsu .menu-slide,
  body.single-event_believe .menu-slide,
  body.single-event_kobetsu .menu-slide,
  body.single-news_believe .menu-slide,
  body.single-news_kobetsu .menu-slide {
    top: 53px
  }
}
@media (min-width:992px) {
  body.parent-page-believe .menu-slide .list-menu,
  body.parent-page-kobetsu .menu-slide .list-menu,
  body.single-event_believe .menu-slide .list-menu,
  body.single-event_kobetsu .menu-slide .list-menu,
  body.single-news_believe .menu-slide .list-menu,
  body.single-news_kobetsu .menu-slide .list-menu {
    padding-top: 182px
  }
}
@media (max-width:991px) {
  body.parent-page-believe .menu-slide .list-menu,
  body.parent-page-kobetsu .menu-slide .list-menu,
  body.single-event_believe .menu-slide .list-menu,
  body.single-event_kobetsu .menu-slide .list-menu,
  body.single-news_believe .menu-slide .list-menu,
  body.single-news_kobetsu .menu-slide .list-menu {
    padding-top: 221px;
    margin-top: -221px
  }
}
@media (max-width:767px) {
  body.parent-page-believe .menu-slide .list-menu,
  body.parent-page-kobetsu .menu-slide .list-menu,
  body.single-event_believe .menu-slide .list-menu,
  body.single-event_kobetsu .menu-slide .list-menu,
  body.single-news_believe .menu-slide .list-menu,
  body.single-news_kobetsu .menu-slide .list-menu {
    padding-top: 53px;
    margin-top: -53px
  }
}
@media (min-width:992px) {
  body.parent-page-believe .menu-slide.active,
  body.parent-page-kobetsu .menu-slide.active,
  body.single-event_believe .menu-slide.active,
  body.single-event_kobetsu .menu-slide.active,
  body.single-news_believe .menu-slide.active,
  body.single-news_kobetsu .menu-slide.active {
    top: 0
  }
}
.sans-serif {
  font-family: Avenir,"Open Sans",Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
.serif {
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif
}
a,
a img {
  -webkit-transition: .15s;
  transition: .15s
}
a.underline {
  text-decoration: underline
}
a.underline:hover {
  text-decoration: none
}
@media (min-width:768px) {
  a.hover:hover {
    opacity: .8
  }
}
@media (min-width:768px) {
  a.hover-img:hover img {
    opacity: .8
  }
}
a .img-responsive {
  display: inline-block
}
@media (min-width:768px) {
  a[href^="tel:"] {
    pointer-events: none
  }
}
.img.with-link-overlaid {
  position: relative
}
.img.with-link-overlaid .link {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0
}
.both-side-slash {
  position: relative;
  display: inline-block;
  padding-right: 62px;
  padding-left: 62px;
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: center
}
.both-side-slash:after,
.both-side-slash:before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 32px;
  height: 49px;
  margin-top: auto;
  margin-bottom: auto;
  content: ""
}
.both-side-slash:before {
  left: 0;
  background: url(../img/common/slash-left.png) no-repeat
}
.both-side-slash:after {
  right: 0;
  background: url(../img/common/slash-right.png) 100% 0 no-repeat
}
.both-side-slash .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem
}
@media (max-width:767px) {
  .both-side-slash .title {
    font-size: 1.1rem
  }
}
.google-map-container {
  position: relative;
  height: 0;
  padding-top: 30px;
  padding-bottom: 30%;
  overflow: hidden
}
.google-map-container embed,
.google-map-container iframe,
.google-map-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
@media (max-width:767px) {
  .google-map-container-xs {
    position: relative;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    padding-bottom: 60%
  }
  .google-map-container-xs embed,
  .google-map-container-xs iframe,
  .google-map-container-xs object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}
img.width-100p {
  width: 100%!important
}
.text-white-shadow-pink {
  text-shadow: 2px 2px 0 #f31d75,2px -2px 0 #f31d75,-2px 2px 0 #f31d75,-2px -2px 0 #f31d75,2px 0 0 #f31d75,0 2px 0 #f31d75,-2px 0 0 #f31d75,0 -2px 0 #f31d75,2px 3px 2px #f31d75,2px -3px 2px #f31d75,-2px 3px 2px #f31d75,-2px -3px 2px #f31d75,3px 0 2px #f31d75,0 3px 2px #f31d75,-3px 0 2px #f31d75,0 -3px 2px #f31d75;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  text-align: center
}
@media (max-width:767px) {
  .text-white-shadow-pink {
    text-shadow: 1px 1px 0 #f31d75,1px -1px 0 #f31d75,-1px 1px 0 #f31d75,-1px -1px 0 #f31d75,1px 0 0 #f31d75,0 1px 0 #f31d75,-1px 0 0 #f31d75,0 -1px 0 #f31d75,1px 2px 1px #f31d75,1px -2px 1px #f31d75,-1px 2px 1px #f31d75,-1px -2px 1px #f31d75,2px 0 1px #f31d75,0 2px 1px #f31d75,-2px 0 1px #f31d75,0 -2px 1px #f31d75
  }
}
@media (min-width:768px) {
  .text-white-shadow-pink {
    letter-spacing: -.06em
  }
}
@media (max-width:767px) {
  .text-white-shadow-pink {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px
  }
}
.mark,
mark {
  display: inline-block;
  padding: .1em 0;
  background-color: #fcee21
}
.page-header {
  display: table;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  margin: 0;
  text-align: center;
  border-bottom: 0
}
@media (min-width:480px) {
  .page-header {
    height: 240px
  }
}
.page-header .title {
  display: table-cell;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  color: #000038;
  line-height: 1.1;
  vertical-align: middle
}
@media (max-width:767px) {
  .page-header .title {
    font-size: 7vw
  }
}
@media (max-width:767px) {
  .page-header .title.title-contact {
    font-size: 5vw
  }
}
@media (min-width:480px) {
  .page-header.page-header-class {
    height: 250px
  }
}
.page-header.page-header-class .title {
  padding-left: .3em;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: .3em;
  text-align: center;
  color: #fff
}
@media (max-width:767px) {
  .page-header.page-header-class .title {
    font-size: 7.813vw
  }
}
.page-header.page-header-shoptop {
  padding-top: 230px;
  padding-bottom: 230px
}
@media (max-width:767px) {
  .page-header.page-header-shoptop {
    padding-top: 100px;
    padding-bottom: 100px
  }
}
@media (min-width:480px) {
  .page-header.page-header-shoptop {
    height: 754px
  }
}
@media (max-width:767px) {
  .page-header.page-header-shoptop .title {
    padding: 30px 15px;
    font-size: 25px
  }
}
.page-header.page-header-shoptop .logo {
  margin-bottom: 28px
}
@media (max-width:767px) {
  .page-header.page-header-shoptop .logo {
    width: 205px
  }
}
.page-header.page-header-title-green {
  position: relative;
  padding-top: 60px;
  margin-top: -60px;
  margin-bottom: 12px;
  background-color: rgba(255,255,255,.8)
}
@media (min-width:480px) {
  .page-header.page-header-title-green {
    height: 200px
  }
}
@media (max-width:991px) {
  .page-header.page-header-title-green {
    padding-top: 6.054vw;
    margin-top: -6.054vw
  }
}
@media (max-width:767px) {
  .page-header.page-header-title-green {
    padding-top: 25px;
    padding-bottom: 15px
  }
}
.page-header.page-header-title-green .title {
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 42px;
  color: #009380
}
@media (max-width:479px) {
  .page-header.page-header-title-green .title {
    font-size: 25px
  }
}
.page-header.page-header-title-green .title,
.page-header.page-header-title-green .title small {
  font-weight: 700
}
.page-header.page-header-title-green .title small {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  color: #000
}
@media (max-width:767px) {
  .page-header.page-header-title-green .title small {
    font-size: 15px
  }
}
.page-header.page-header-single {
  padding-top: 0;
  padding-bottom: 0
}
@media (min-width:480px) {
  .page-header.page-header-single {
    height: 180px
  }
}
.page-header.page-header-single .title {
  padding: 0;
  font-size: inherit;
  text-align: left
}
@media (max-width:991px) {
  .page-header.page-header-single .title {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.page-header.page-header-single .title-img {
  margin-top: 0;
  margin-bottom: 0
}
@media (max-width:479px) {
  .page-header.page-header-single .logo {
    width: 200px
  }
}
@media (max-width:479px) {
  .page-header.page-header-single .img-text {
    width: 200px
  }
}
.page-header.page-header-single ul {
  margin-bottom: 0
}
@media (min-width:992px) {
  .page-header.page-header-single ul li {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
@media (max-width:991px) {
  .page-header.page-header-single ul li {
    display: block;
    padding-right: 0;
    padding-left: 0!important
  }
}
.page-header.page-header-single ul li:first-child {
  padding-right: 36px
}
@media (max-width:1199px) {
  .page-header.page-header-single ul li:first-child {
    padding-right: 20px
  }
}
@media (max-width:991px) {
  .page-header.page-header-single ul li:first-child {
    margin-bottom: 15px
  }
}
@media (min-width:992px) {
  .page-header.page-header-single ul li:first-child {
    border-right: 2px solid #fff
  }
}
.page-header.page-header-single ul li + li {
  padding-left: 36px
}
@media (max-width:1199px) {
  .page-header.page-header-single ul li + li {
    padding-left: 20px
  }
}
@media (min-width:768px) {
  .page-header.page-header-believe-campaign {
    height: 320px
  }
}
.page-header.page-header-believe-campaign .title small {
  display: block;
  margin-top: 34px;
  font-size: 26px;
  font-weight: 700;
  color: #fff
}
@media (max-width:767px) {
  .page-header.page-header-believe-campaign .title small {
    margin-top: 20px;
    font-size: 20px
  }
}
.page-header-with-title-square-green {
  height: auto;
  padding-top: 35px;
  padding-bottom: 35px
}
@media (min-width:768px) {
  .page-header-with-title-square-green {
    height: 280px
  }
}
@media (max-width:479px) {
  .page-header-with-title-square-green {
    text-align: center
  }
}
.page-header-with-title-square-green .title {
  position: relative;
  z-index: 1;
  font-size: 60px;
  font-weight: 700;
  text-align: left;
  color: #000
}
@media (max-width:1199px) {
  .page-header-with-title-square-green .title {
    text-shadow: 2px 2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff
  }
}
@media (max-width:1199px) and (max-width:767px) {
  .page-header-with-title-square-green .title {
    text-shadow: 1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff
  }
}
@media (max-width:767px) {
  .page-header-with-title-square-green .title {
    font-size: 30px
  }
}
@media (max-width:479px) {
  .page-header-with-title-square-green .title {
    display: inline-block
  }
}
@media (max-width:479px) {
  .page-header-with-title-square-green .title,
  .page-header-with-title-square-green .title small {
    text-align: center
  }
}
.page-header-with-title-square-green .title:before {
  position: absolute;
  top: 88px;
  left: 0;
  z-index: -1;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #00947e;
  content: ""
}
@media (max-width:767px) {
  .page-header-with-title-square-green .title:before {
    top: 18px;
    width: 20px;
    height: 20px
  }
}
.page-header-with-title-square-green .title small {
  display: block;
  margin-top: 25px;
  font-size: 22px;
  line-height: 1.3;
  color: #00937d
}
@media (max-width:767px) {
  .page-header-with-title-square-green .title small {
    margin-top: 10px;
    font-size: 16px
  }
}
.container-page-header {
  margin-bottom: 15px
}
.container-page-header.toshin-page {
  margin-bottom: 70px
}
@media (max-width:767px) {
  .container-page-header.toshin-page {
    margin-bottom: 25px
  }
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 13.5px;
  padding-left: 1.5em;
  line-height: 1.428
}
.list-inline {
  margin-left: 0
}
.list-inline > li:first-child {
  padding-left: 0
}
.list-inline.bordered > li {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
  line-height: 1.1;
  border-right: 1px solid #999
}
.list-inline.bordered > li:first-child {
  border-left: 1px solid #999
}
.list-dot-orange {
  padding: 0;
  margin: 0
}
@media (max-width:991px) {
  .list-dot-orange {
    font-size: 12px
  }
}
@media (max-width:767px) {
  .list-dot-orange {
    font-size: 9px
  }
}
.list-dot-orange li {
  position: relative;
  padding-left: 10px;
  line-height: 1.7
}
@media (max-width:991px) {
  .list-dot-orange li {
    line-height: 1.5
  }
}
@media (max-width:640px) {
  .list-dot-orange li {
    padding-left: 8px
  }
}
.list-dot-orange li:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 9px;
  height: 9px;
  margin: auto;
  background-color: #e6872c;
  border-radius: 50%;
  content: ""
}
@media (max-width:991px) {
  .list-dot-orange li:before {
    top: 4px;
    font-size: 12px
  }
}
@media (max-width:640px) {
  .list-dot-orange li:before {
    top: 2px;
    width: 6.5px;
    height: 6.5px
  }
}
.list-dotted-white {
  padding-left: 10px;
  list-style: none
}
.list-dotted-white li {
  position: relative;
  padding-left: 6px;
  margin-bottom: 13px
}
.list-dotted-white li:before {
  position: absolute;
  top: 0;
  left: -11px;
  content: "・"
}
.list-disc-orange-lg li {
  position: relative;
  padding: 0 0 0 1.5em
}
.list-disc-orange-lg li:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff8c00;
  border-radius: 5px;
  content: ""
}
.list-disc-dark-blue {
  padding-left: 0;
  list-style: none
}
.list-disc-dark-blue li {
  position: relative;
  padding-left: 13px
}
.list-disc-dark-blue li:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #1e374e;
  border-radius: 5px;
  content: ""
}
@media (max-width:767px) {
  .list-disc-dark-blue li:before {
    top: 5px
  }
}
.list-dot-sm {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.list-dot-sm li {
  position: relative;
  padding-left: 7px
}
.list-dot-sm li:before {
  position: absolute;
  left: 0;
  text-indent: -.4em;
  content: '・'
}
.list-dot-sm li + li {
  margin-top: 10px
}
@media (max-width:767px) {
  .list-dot-sm li + li {
    margin-top: 5px
  }
}
.list-dot-sm.dot-red li {
  padding-left: 10px
}
.list-dot-sm.dot-red li:before {
  color: #e60122
}
.list-dot-blue {
  padding-left: 0;
  list-style: none
}
.list-dot-blue li {
  position: relative;
  padding-left: 13px;
  font-weight: 700
}
@media (max-width:767px) {
  .list-dot-blue li {
    padding-left: 6px
  }
}
.list-dot-blue li:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #0077b7;
  border-radius: 50%;
  content: ""
}
@media (max-width:767px) {
  .list-dot-blue li:before {
    top: 5px
  }
}
.list-dot-dark-blue {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.list-dot-dark-blue li {
  position: relative;
  padding-left: 12px;
  font-size: 16px
}
@media (max-width:767px) {
  .list-dot-dark-blue li {
    padding-left: 6px;
    font-size: 14px
  }
}
.list-dot-dark-blue li + li {
  margin-top: 14px
}
@media (max-width:767px) {
  .list-dot-dark-blue li + li {
    margin-top: 7px
  }
}
.list-dot-dark-blue li:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  background-color: #0050be;
  border-radius: 50%;
  content: ""
}
.list-dot-red {
  padding-left: 0;
  list-style: none
}
.list-dot-red li {
  position: relative;
  padding-left: 13px;
  font-weight: 700
}
@media (max-width:767px) {
  .list-dot-red li {
    padding-left: 6px
  }
}
.list-dot-red li:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #e70020;
  border-radius: 50%;
  content: ""
}
@media (max-width:767px) {
  .list-dot-red li:before {
    top: 5px
  }
}
.list-arrow-left {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.list-arrow-left li {
  position: relative;
  padding-left: 7px
}
.list-arrow-left li:before {
  position: absolute;
  left: 0;
  text-indent: -.4em;
  content: '＜'
}
.list-arrow-left li + li {
  margin-top: 10px
}
@media (max-width:767px) {
  .list-arrow-left li + li {
    margin-top: 5px
  }
}
.list-style-note {
  padding-left: 0;
  margin-bottom: 15px;
  list-style: none
}
.list-style-note li {
  position: relative;
  padding-left: 16px
}
@media (min-width:768px) {
  .list-style-note li {
    line-height: 1.944
  }
}
.list-style-note li:before {
  position: absolute;
  left: 0;
  text-indent: -.2em;
  content: '※'
}
@media (max-width:767px) {
  .list-style-note li + li {
    margin-top: 5px
  }
}
.list-check-red {
  padding-left: 0;
  list-style: none
}
.list-check-red li {
  position: relative;
  padding-left: 40px;
  font-size: 26px;
  font-weight: 700;
  color: #e50022;
  letter-spacing: -.1em
}
@media (max-width:767px) {
  .list-check-red li {
    padding-left: 20px;
    font-size: 15px
  }
}
.list-check-red li + li {
  margin-top: 7px
}
.list-check-red li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 30px;
  background: url(../img/icon/ico-check-red.png) no-repeat;
  content: ""
}
@media (max-width:767px) {
  .list-check-red li:before {
    width: 20px;
    height: 17px;
    background-size: contain
  }
}
.list-icon-square {
  padding-left: 12px;
  list-style: none
}
.list-icon-square li {
  position: relative;
  padding-left: 16px
}
.list-icon-square li + li {
  margin-top: 6px
}
.list-icon-square li a {
  font-size: 16px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .list-icon-square li a {
    font-size: 14px
  }
}
.list-icon-square li:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #393939;
  content: ""
}
.list-border-bottom-light-gray {
  padding-left: 0;
  margin-top: 17px;
  margin-bottom: 0;
  list-style: none
}
@media (max-width:767px) {
  .list-border-bottom-light-gray {
    margin-bottom: 10px
  }
}
.list-border-bottom-light-gray li {
  padding-bottom: 2px;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-bottom: 1px solid #b3b3b3
}
@media (max-width:767px) {
  .list-border-bottom-light-gray li {
    font-size: 16px
  }
}
.list-border-bottom-light-gray li + li {
  margin-top: 8px
}
.list-check-dark-red {
  padding-left: 0;
  margin-top: 12px;
  list-style: none;
  font-size: 14px;
  line-height: 1.43;
  color: #1a1a1a
}
.list-check-dark-red li {
  position: relative;
  padding-left: 32px;
  font-weight: 400
}
.list-check-dark-red li + li {
  margin-top: 14px
}
@media (max-width:767px) {
  .list-check-dark-red li + li {
    margin-top: 10px
  }
}
.list-check-dark-red li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 17px;
  background: url(../img/icon/ico-check-red-xs.png) no-repeat;
  content: ""
}
.list-dot-green {
  padding: 0;
  margin: 0 0 20px
}
.list-dot-green li {
  position: relative;
  padding-left: 10px;
  line-height: 1.7
}
@media (max-width:991px) {
  .list-dot-green li {
    line-height: 1.5
  }
}
@media (max-width:640px) {
  .list-dot-green li {
    padding-left: 8px
  }
}
.list-dot-green li a {
  display: block;
  font-size: 15px;
  line-height: 1.3;
  color: #3f3434
}
@media (max-width:767px) {
  .list-dot-green li a {
    font-size: 13px
  }
}
.list-dot-green li:before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 2px;
  height: 2px;
  margin: auto;
  background-color: #659351;
  border-radius: 50%;
  content: ""
}
.dl-list-indent {
  margin-bottom: 0
}
.dl-list-indent,
.dl-list-indent dd {
  overflow: hidden;
  zoom: 1
}
.dl-list-indent dd,
.dl-list-indent dt {
  display: table-cell;
  line-height: 1.4;
  vertical-align: top
}
.dl-list-indent dt {
  padding-right: 5px;
  font-weight: 400
}
@media (max-width:991px) {
  .dl-list-indent dt {
    padding-right: 0
  }
}
.dl-list-indent dt img {
  display: block
}
.dl-list-indent dd {
  width: 10000px
}
@media (max-width:991px) {
  .dl-list-indent.cleared-sm dt {
    display: block
  }
  .dl-list-indent.cleared-sm dd {
    padding-top: 0
  }
}
@media (max-width:767px) {
  .dl-list-indent.cleared-xs dt {
    display: block
  }
  .dl-list-indent.cleared-xs dd {
    padding-top: 0
  }
}
@media (max-width:479px) {
  .dl-list-indent.cleared-xxs dt {
    display: block
  }
  .dl-list-indent.cleared-xxs dd {
    padding-top: 0
  }
}
.dl-with-label dt {
  min-width: 132px;
  padding-right: 10px;
  vertical-align: top;
  white-space: nowrap
}
.dl-with-label dd {
  padding-top: 3px;
  font-size: 13px
}
.dl-with-label .label {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
.dl-information dd,
.dl-information dt {
  line-height: 1.8
}
.dl-information dt {
  padding-right: 23px;
  font-size: 16px;
  font-weight: 700
}
@media (max-width:767px) {
  .dl-information dt {
    padding-right: 10px;
    font-size: 14px
  }
}
.dl-phone dd,
.dl-phone dt {
  vertical-align: middle
}
.dl-phone dt {
  padding-right: 10px
}
.dl-phone dd {
  font-size: 35px;
  line-height: 1.1
}
@media (max-width:767px) {
  .dl-phone dd {
    font-size: 30px
  }
}
.dl-phone dd a:hover {
  opacity: .7;
  text-decoration: none
}
.dl-news {
  margin-bottom: 5px
}
.dl-news .date {
  padding-right: 26px;
  font-size: 16px;
  font-weight: 700;
  color: #1e32b4
}
@media (max-width:767px) {
  .dl-news .date {
    padding-right: 15px;
    font-size: 14px
  }
}
.dl-news dd,
.dl-news dd a {
  color: #333
}
@media (max-width:767px) {
  .dl-news dd {
    white-space: nowrap
  }
}
.dl-number-dark-blue {
  margin-bottom: 25px
}
@media (max-width:767px) {
  .dl-number-dark-blue {
    margin-bottom: 10px
  }
}
.dl-number-dark-blue .number {
  display: block;
  width: 40px;
  height: 40px;
  padding: 5px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  background-color: #3573ca;
  text-align: center
}
@media (max-width:767px) {
  .dl-number-dark-blue .number {
    width: 35px;
    height: 35px;
    padding: 4px;
    font-size: 20px
  }
}
.dl-number-dark-blue dt {
  padding-right: 11px
}
@media (max-width:767px) {
  .dl-number-dark-blue dt {
    padding-right: 4px
  }
}
.dl-number-dark-blue dd {
  padding-top: 8px
}
@media (min-width:768px) {
  .dl-title-number-purple dt {
    padding-top: 5px;
    padding-right: 24px
  }
}
@media (max-width:767px) {
  .dl-title-number-purple dt img {
    width: 45px
  }
}
.dl-title-number-purple dd {
  line-height: 1.8
}
@media (min-width:768px) {
  .dl-title-number-purple dd {
    padding-top: 10px
  }
}
.dl-title-number-purple .title {
  font-size: 32px;
  font-weight: 700;
  color: #978ec3
}
@media (max-width:767px) {
  .dl-title-number-purple .title {
    font-size: 22px
  }
}
.dl-title-number-purple-xs .title {
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 2px solid #ccc
}
@media (max-width:767px) {
  .dl-title-number-purple-xs .title {
    margin-bottom: 10px;
    font-size: 18px
  }
}
.dl-title-number-purple-xs dt {
  padding-right: 10px
}
@media (min-width:768px) {
  .dl-title-number-purple-xs dt {
    padding-right: 18px
  }
}
@media (min-width:768px) {
  .dl-title-number-purple-xs dd {
    line-height: 1.85
  }
}
@media (min-width:768px) {
  .dl-title-number-cyan dt {
    padding-top: 5px;
    padding-right: 24px
  }
}
@media (max-width:767px) {
  .dl-title-number-cyan dt img {
    width: 45px
  }
}
.dl-title-number-cyan dd {
  line-height: 1.8
}
@media (min-width:768px) {
  .dl-title-number-cyan dd {
    padding-top: 10px
  }
}
.dl-title-number-cyan .title {
  font-size: 32px;
  font-weight: 700;
  color: #73adc3
}
@media (max-width:767px) {
  .dl-title-number-cyan .title {
    font-size: 22px
  }
}
.dl-title-number-cyan-xs .title {
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 2px solid #ccc
}
@media (max-width:767px) {
  .dl-title-number-cyan-xs .title {
    margin-bottom: 10px;
    font-size: 18px
  }
}
.dl-title-number-cyan-xs dt {
  padding-right: 10px
}
@media (min-width:768px) {
  .dl-title-number-cyan-xs dt {
    padding-right: 18px
  }
}
@media (min-width:768px) {
  .dl-title-number-cyan-xs dd {
    line-height: 1.85
  }
}
@media (min-width:768px) {
  .dl-title-number-strong-green dt {
    padding-top: 5px;
    padding-right: 24px
  }
}
@media (max-width:767px) {
  .dl-title-number-strong-green dt img {
    width: 45px
  }
}
.dl-title-number-strong-green dd {
  line-height: 1.8
}
@media (min-width:768px) {
  .dl-title-number-strong-green dd {
    padding-top: 10px
  }
}
.dl-title-number-strong-green .title {
  font-size: 32px;
  font-weight: 700;
  color: #46a439
}
@media (max-width:767px) {
  .dl-title-number-strong-green .title {
    font-size: 22px
  }
}
.dl-title-number-strong-green-xs .title {
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 2px solid #ccc
}
@media (max-width:767px) {
  .dl-title-number-strong-green-xs .title {
    margin-bottom: 10px;
    font-size: 18px
  }
}
.dl-title-number-strong-green-xs dt {
  padding-right: 10px
}
@media (min-width:768px) {
  .dl-title-number-strong-green-xs dt {
    padding-right: 18px
  }
}
@media (min-width:768px) {
  .dl-title-number-strong-green-xs dd {
    line-height: 1.85
  }
}
.dl-ico-check-red-border-gray dt {
  padding-right: 12px
}
@media (max-width:767px) {
  .dl-ico-check-red-border-gray dt {
    padding-right: 6px
  }
}
.dl-ico-check-red-border-gray dd {
  padding-top: 4px
}
@media (min-width:768px) {
  .dl-ico-check-red-border-gray dd {
    line-height: 1.7
  }
}
.dl-ico-check-red-border-gray dd .title {
  padding-bottom: 5px;
  margin-bottom: 17px;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 2px solid #ccc
}
@media (max-width:767px) {
  .dl-ico-check-red-border-gray dd .title {
    padding-bottom: 0;
    margin-bottom: 10px;
    font-size: 16px
  }
}
.dl-course-border-blue dd,
.dl-course-border-blue dt {
  line-height: 1.3;
  font-weight: 700;
  color: #0077b7;
  vertical-align: middle
}
.dl-course-border-blue dt {
  padding-right: 32px;
  padding-left: 14px;
  white-space: nowrap
}
.dl-course-border-blue dd {
  font-size: 24px
}
@media (max-width:767px) {
  .dl-course-border-blue dd {
    font-size: 18px
  }
}
.dl-course-border-blue .arrow {
  position: relative;
  padding: 13px 7px 9px 14px;
  font-size: 14px;
  background: #fff;
  border: 2px solid #0077b7
}
.dl-course-border-blue .arrow:after {
  left: 100%;
  top: 50%;
  border: solid rgba(255,255,255,0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute
}
.dl-course-border-blue .arrow:before {
  left: 100%;
  top: 50%;
  border: 19px solid rgba(255,255,255,0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-left-color: #0077b7!important;
  margin-top: -19px
}
.dl-course-border-blue .arrow:after {
  border-left-color: #fff!important;
  margin-top: -16px;
  border-width: 16px
}
.dl-subject {
  margin-bottom: 6px;
  font-size: 24px;
  border-bottom-width: 3px;
  border-bottom-style: double
}
@media (max-width:767px) {
  .dl-subject {
    font-size: 20px
  }
}
.dl-subject dd,
.dl-subject dt {
  font-weight: 700
}
.dl-subject dt {
  white-space: nowrap
}
.dl-subject dd {
  font-size: 16px;
  vertical-align: bottom
}
@media (min-width:992px) {
  .dl-subject dd {
    line-height: 1.9;
    text-align: right
  }
}
@media (max-width:767px) {
  .dl-subject dd {
    font-size: 14px
  }
}
.dl-subject.dl-txt-cyan {
  border-bottom-color: #0098ad
}
.dl-subject.dl-txt-cyan dd,
.dl-subject.dl-txt-cyan dt {
  color: #0098ad
}
.dl-subject.dl-txt-light-red {
  border-bottom-color: #e9546b
}
.dl-subject.dl-txt-light-red dd,
.dl-subject.dl-txt-light-red dt {
  color: #e9546b
}
.dl-number {
  margin-bottom: 14px
}
@media (min-width:768px) {
  .dl-number {
    text-shadow: 2px 2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,2px 3px 2px #fff,2px -3px 2px #fff,-2px 3px 2px #fff,-2px -3px 2px #fff,3px 0 2px #fff,0 3px 2px #fff,-3px 0 2px #fff,0 -3px 2px #fff
  }
}
@media (min-width:768px) and (max-width:767px) {
  .dl-number {
    text-shadow: 1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 2px 1px #fff,1px -2px 1px #fff,-1px 2px 1px #fff,-1px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff
  }
}
@media (max-width:767px) {
  .dl-number {
    margin-bottom: 10px
  }
}
.dl-number dt {
  padding-right: 16px
}
@media (max-width:767px) {
  .dl-number dt {
    padding-right: 10px
  }
}
.dl-number dd {
  padding-top: 5px
}
.dl-number .text {
  font-size: 16px;
  line-height: 1.75;
  color: #000
}
@media (max-width:767px) {
  .dl-number .text {
    font-size: 14px
  }
}
.dl-number .number {
  display: block;
  width: 40px;
  padding: 4px 5px 3px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  text-shadow: none!important;
  border-radius: 4px
}
@media (max-width:767px) {
  .dl-number .number {
    font-size: 22px
  }
}
.dl-number .title {
  display: inline-block;
  margin-top: 0;
  margin-right: 15px;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700
}
@media (max-width:767px) {
  .dl-number .title {
    font-size: 18px
  }
}
.dl-number .phone-call {
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  color: #3e3a39
}
@media (max-width:767px) {
  .dl-number .phone-call {
    font-size: 16px
  }
}
.dl-number .phone-call .tel {
  color: #e60020
}
.dl-number.number-bg-cyan .number {
  background-color: #33b3ad
}
.dl-number.number-bg-cyan .title {
  color: #00a098
}
.dl-number.number-bg-light-red .number {
  background-color: #ee7688
}
.dl-number.number-bg-light-red .title {
  color: #e9546b
}
.dl-number.number-bg-light-orange .number {
  background-color: #ea553e
}
.dl-number.number-bg-light-orange .title {
  color: #e60020
}
.dl-unit {
  margin-bottom: 7px
}
.dl-unit dd,
.dl-unit dt {
  vertical-align: middle
}
.dl-unit dt {
  width: 50px;
  padding-right: 14px
}
@media (max-width:767px) {
  .dl-unit dt {
    padding-right: 10px
  }
}
.dl-unit dd {
  font-size: 32px;
  font-weight: 700
}
@media (max-width:767px) {
  .dl-unit dd {
    font-size: 26px
  }
}
.dl-unit .unit-txt-cyan {
  color: #0098ad
}
.dl-unit .unit-txt-red {
  color: #e9546b
}
.dl-unit .unit-txt-orange {
  color: #e85513
}
.dl-unit .unit-txt-green {
  color: #00a666
}
.dl-unit .unit-txt-light-orange {
  color: #e09155
}
.dl-plan {
  border-bottom: 1px solid #b3b3b3
}
@media (max-width:767px) {
  .dl-plan {
    padding-bottom: 3px
  }
}
.dl-plan + .dl-plan {
  margin-top: 10px
}
.dl-plan dt {
  font-size: 20px;
  font-weight: 700
}
@media (min-width:768px) {
  .dl-plan dt {
    min-width: 265px;
    padding-right: 22px;
    white-space: nowrap
  }
}
@media (max-width:767px) {
  .dl-plan dt {
    font-size: 16px
  }
}
.dl-plan .text-small-blue {
  display: block;
  font-size: 16px;
  color: #0077b7
}
@media (max-width:767px) {
  .dl-plan .text-small-blue {
    font-size: 14px
  }
}
.dl-plan dd {
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle
}
.dl-note-lg {
  margin-top: 12px
}
.dl-note-lg dt {
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  color: #e60020
}
@media (min-width:992px) {
  .dl-note-lg dt {
    padding-right: 32px;
    white-space: nowrap
  }
}
@media (max-width:767px) {
  .dl-note-lg dt {
    font-size: 14px
  }
}
.dl-note-lg dd {
  font-size: 24px;
  font-weight: 700
}
@media (max-width:767px) {
  .dl-note-lg dd {
    font-size: 18px
  }
}
.dl-note-lg dd .price {
  display: inline-block;
  font-size: 46px;
  line-height: 1.1;
  vertical-align: middle;
  color: #e60020
}
@media (max-width:767px) {
  .dl-note-lg dd .price {
    font-size: 30px
  }
}
.dl-flow > dt {
  padding-right: 34px
}
@media (max-width:767px) {
  .dl-flow > dt {
    padding-right: 0;
    padding-bottom: 15px
  }
}
.dl-flow > dd {
  padding-top: 50px;
  font-size: 14px;
  line-height: 1.7
}
@media (max-width:767px) {
  .dl-flow .ico-flow {
    width: 100px
  }
}
.dl-number-dark-cyan dd,
.dl-number-dark-cyan dt {
  display: table-cell!important
}
.dl-number-dark-cyan dt {
  padding-right: 34px
}
@media (max-width:767px) {
  .dl-number-dark-cyan dt {
    padding-right: 14px
  }
}
.dl-number-dark-cyan > dd {
  padding-top: 7px;
  line-height: 1.7
}
.dl-arrow-pink {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .dl-arrow-pink {
    margin-bottom: 40px
  }
}
.dl-arrow-pink .icon-arrow-pink {
  position: relative;
  z-index: 1
}
@media (max-width:767px) {
  .dl-arrow-pink .icon-arrow-pink {
    width: 45px
  }
}
.dl-arrow-pink dd,
.dl-arrow-pink dt {
  display: table-cell!important;
  vertical-align: middle
}
.dl-arrow-pink dt {
  padding-right: 0
}
.dl-arrow-pink dd {
  overflow: visible
}
.dl-arrow-pink dd .text {
  position: relative;
  padding: 19px 10px 15px 30px;
  font-size: 22px;
  color: #fff;
  background-color: #ec6d88;
  border-radius: 0 10px 10px 0
}
@media (max-width:991px) {
  .dl-arrow-pink dd .text {
    padding-top: 12px;
    padding-bottom: 7px;
    font-size: 16px
  }
}
.dl-arrow-pink dd .text:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -14px;
  width: 34px;
  background-color: #fff;
  border-radius: 0 30px 30px 0;
  content: ""
}
.dl-circle-number-gray dd,
.dl-circle-number-gray dt {
  display: table-cell!important
}
.dl-circle-number-gray dt {
  padding-right: 10px
}
.dl-circle-number-gray dt .number {
  display: block;
  width: 32px;
  height: 32px;
  padding: 3px 10px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #b3b3b3
}
.dl-circle-number-gray dd {
  font-size: 18px;
  vertical-align: middle
}
@media (max-width:767px) {
  .dl-circle-number-gray dd {
    font-size: 16px
  }
}
.dl-circle-number-gray + dl {
  margin-top: 7px
}
.dl-tuition-price {
  margin-bottom: 20px
}
.dl-tuition-price dt {
  padding-right: 38px
}
@media (min-width:768px) {
  .dl-tuition-price dt {
    padding-left: 10px
  }
}
@media (max-width:991px) {
  .dl-tuition-price dt {
    padding-right: 15px
  }
}
.dl-tuition-price dd {
  font-size: 68px;
  font-weight: 700;
  line-height: 1.1;
  color: #e60020
}
@media (min-width:768px) {
  .dl-tuition-price dd {
    padding-top: 16px
  }
}
@media (max-width:1199px) {
  .dl-tuition-price dd {
    font-size: 5.5vw
  }
}
@media (max-width:767px) {
  .dl-tuition-price dd {
    padding-top: 16px;
    font-size: 9.5vw
  }
}
.dl-tuition-price dd small {
  display: block;
  margin-bottom: 11px;
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a
}
@media (max-width:1199px) {
  .dl-tuition-price dd small {
    font-size: 2.6vw
  }
}
@media (max-width:767px) {
  .dl-tuition-price dd small {
    font-size: 5.6vw
  }
}
.dl-tuition-price dd .discount {
  font-size: 40px
}
@media (max-width:1199px) {
  .dl-tuition-price dd .discount {
    font-size: 2.8vw
  }
}
@media (max-width:767px) {
  .dl-tuition-price dd .discount {
    font-size: 5.8vw
  }
}
.highlight-yellow {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#ff6));
  background: linear-gradient(transparent 60%,#ff6 60%)
}
.text-gray {
  color: #ccc!important
}
.text-red {
  color: #e50022!important
}
.text-dark-red {
  color: #c1272d!important
}
.text-very-dark-blue {
  color: #000336!important
}
.text-blue {
  color: #6495d7!important
}
.text-strong-blue {
  color: #0050be!important
}
.text-dark-blue {
  color: #000046!important
}
.text-light-blue {
  color: #7883d2!important
}
.text-moderate-blue {
  color: #6171c9!important
}
.text-yellow {
  color: #ff0!important
}
.text-cyan {
  color: #0098ad!important
}
.text-pink {
  color: #e9546b!important
}
.text-white {
  color: #fff
}
.txt-black {
  color: #1a1a1a
}
.text-price {
  font-weight: 700;
  color: #db0000!important
}
.text-bold {
  font-weight: 700!important
}
.text-break {
  word-break: break-all!important
}
.text-emphasis {
  font-size: 3rem;
  line-height: 4.5rem
}
@media (max-width:767px) {
  .text-emphasis {
    font-size: 1rem;
    line-height: 1.6rem
  }
}
.text-emphasis .fs-xxs {
  font-size: 1rem
}
.text-emphasis .fs-xs {
  font-size: 1.5rem
}
@media (max-width:767px) {
  .text-emphasis .fs-xs {
    font-size: 1.2rem
  }
}
.text-emphasis .fs-sm {
  font-size: 2rem
}
@media (max-width:767px) {
  .text-emphasis .fs-sm {
    font-size: 1.5rem
  }
}
.text-emphasis .fs-lg {
  font-size: 6rem
}
@media (max-width:767px) {
  .text-emphasis .fs-lg {
    font-size: 2rem
  }
}
.text-emphasis .fs-xlg {
  font-size: 8rem
}
@media (max-width:767px) {
  .text-emphasis .fs-xlg {
    font-size: 3rem
  }
}
@media (max-width:767px) {
  .text-center-xs {
    text-align: center!important
  }
}
@media (max-width:991px) {
  .text-center-sm {
    text-align: center!important
  }
}
@media (max-width:1199px) {
  .text-center-md {
    text-align: center!important
  }
}
@media (max-width:767px) {
  .text-left-xs {
    text-align: left!important
  }
}
.text-switch-color {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px 0 0 20%
}
.text-switch-color .text-overflow {
  position: absolute;
  top: 50%;
  left: 7.5%;
  margin: -35px 0 0
}
.text-switch-color .text-overflow .inner {
  position: relative;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
  color: #fff;
  white-space: nowrap
}
@media (max-width:991px) {
  .text-switch-color .text-overflow .inner {
    font-size: 7vw
  }
}
.text-switch-color .text-overflow .inner .text-below {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap
}
.text-switch-color .text-overflow .inner:nth-child(2) {
  margin: 15px 0 0
}
.text-switch-color .text-black {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  overflow: hidden
}
.text-switch-color .text-black .text-overflow {
  left: 37.5%
}
.text-switch-color .text-black .text-overflow .inner {
  color: #000
}
.text-switch-color .bg {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 200px;
  overflow: hidden;
  background: url(../img/common/bg-room.jpg) 50% 50%/cover no-repeat
}
.text-shadow-outline-black {
  text-shadow: 2px 2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,-2px -2px 0 #000,2px 0 0 #000,0 2px 0 #000,-2px 0 0 #000,0 -2px 0 #000;
  color: #fff
}
@media (max-width:767px) {
  .text-shadow-outline-black {
    text-shadow: 1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px 0 0 #000,0 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000
  }
}
.text-shadow-outline-blurred-black {
  text-shadow: 2px 2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,-2px -2px 0 #000,2px 0 0 #000,0 2px 0 #000,-2px 0 0 #000,0 -2px 0 #000,2px 3px 2px #000,2px -3px 2px #000,-2px 3px 2px #000,-2px -3px 2px #000,3px 0 2px #000,0 3px 2px #000,-3px 0 2px #000,0 -3px 2px #000;
  color: #fff
}
@media (max-width:767px) {
  .text-shadow-outline-blurred-black {
    text-shadow: 1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px 0 0 #000,0 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 2px 1px #000,1px -2px 1px #000,-1px 2px 1px #000,-1px -2px 1px #000,2px 0 1px #000,0 2px 1px #000,-2px 0 1px #000,0 -2px 1px #000
  }
}
address {
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.1
}
.dl-address {
  margin-bottom: 20px
}
@media (min-width:768px) {
  .dl-address {
    font-size: 20px
  }
}
.dl-address dt {
  padding-right: 16px
}
@media (max-width:767px) {
  .dl-address dt {
    padding-right: 8px
  }
}
.dl-time {
  font-size: 12px
}
.dl-time dd,
.dl-time dt {
  line-height: 1.8
}
.dl-time dt {
  white-space: nowrap
}
.dl-border-dotted-bottom-blue {
  padding-bottom: 12px;
  margin-bottom: 16px;
  font-size: 24px;
  color: #1a1a1a;
  border-bottom: 2px dashed #1a1a1a
}
@media (max-width:767px) {
  .dl-border-dotted-bottom-blue {
    padding-bottom: 2px;
    margin-bottom: 12px;
    font-size: 20px
  }
}
.dl-border-dotted-bottom-blue dd,
.dl-border-dotted-bottom-blue dt {
  font-weight: 700
}
.dl-border-dotted-bottom-blue dt {
  padding-right: 24px;
  padding-left: 10px;
  color: #0050be;
  white-space: nowrap;
  letter-spacing: .25em
}
.dl-border-dotted-bottom-blue dd {
  letter-spacing: .1em
}
.dl-discount {
  margin-bottom: 4px
}
.dl-discount dd,
.dl-discount dt {
  font-weight: 700;
  line-height: 1.2
}
.dl-discount dt {
  padding-right: 15px;
  font-size: 20px;
  white-space: nowrap
}
@media (max-width:767px) {
  .dl-discount dt {
    font-size: 16px
  }
}
.dl-discount dt .price {
  display: inline-block;
  font-size: 26px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .dl-discount dt .price {
    font-size: 20px
  }
}
.dl-discount dt small {
  font-size: 14px
}
.dl-discount dd {
  font-size: 50px;
  color: #e60020;
  vertical-align: bottom
}
@media (max-width:767px) {
  .dl-discount dd {
    font-size: 30px
  }
}
.text-dot-green {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 700
}
.text-dot-green:before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #7cb600;
  border-radius: 50%;
  content: ""
}
@media (max-width:767px) {
  .text-dot-green:before {
    top: 4px
  }
}
.text-with-dot-red {
  position: relative;
  padding-left: 17px
}
.text-with-dot-red:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #e60020;
  content: ""
}
@media (max-width:767px) {
  .text-with-dot-red:before {
    top: 4px;
    width: 12px;
    height: 12px
  }
}
.list-2-col:after,
.list-2-col:before {
  display: table;
  content: " "
}
.list-2-col:after {
  clear: both
}
.list-2-col > li {
  display: block;
  float: left;
  width: 50%;
  border-top: 0!important;
  border-bottom: 1px solid #e4e4e4
}
.list-2-col > li:nth-last-child(-n+2) {
  border-bottom: 0
}
.row-0 {
  margin-right: 0;
  margin-left: 0
}
.row-0 > div {
  padding-right: 0;
  padding-left: 0
}
.row-2 {
  margin-right: -2px;
  margin-left: -2px
}
.row-2 > div {
  padding-right: 2px;
  padding-left: 2px
}
.row-4 {
  margin-right: -4px;
  margin-left: -4px
}
.row-4 > div {
  padding-right: 4px;
  padding-left: 4px
}
.row-5 {
  margin-right: -5px;
  margin-left: -5px
}
.row-5 > div {
  padding-right: 5px;
  padding-left: 5px
}
.row-7 {
  margin-right: -7px;
  margin-left: -7px
}
.row-7 > div {
  padding-right: 7px;
  padding-left: 7px
}
.row-10 {
  margin-right: -10px;
  margin-left: -10px
}
.row-10 > div {
  padding-right: 10px;
  padding-left: 10px
}
.row-20 {
  margin-right: -20px;
  margin-left: -20px
}
.row-20 > div {
  padding-right: 20px;
  padding-left: 20px
}
.row-13 {
  margin-right: -13px;
  margin-left: -13px
}
.row-13 > div {
  padding-right: 13px;
  padding-left: 13px
}
@media (min-width:1200px) {
  .row-17-lg {
    margin-right: -17px;
    margin-left: -17px
  }
  .row-17-lg > div {
    padding-right: 17px;
    padding-left: 17px
  }
  .row-20-lg {
    margin-right: -20px;
    margin-left: -20px
  }
  .row-20-lg > div {
    padding-right: 20px;
    padding-left: 20px
  }
  .row-21-lg {
    margin-right: -21px;
    margin-left: -21px
  }
  .row-21-lg > div {
    padding-right: 21px;
    padding-left: 21px
  }
  .row-22-lg {
    margin-right: -22px;
    margin-left: -22px
  }
  .row-22-lg > div {
    padding-right: 22px;
    padding-left: 22px
  }
  .row-33-lg {
    margin-right: -33px;
    margin-left: -33px
  }
  .row-33-lg > div {
    padding-right: 33px;
    padding-left: 33px
  }
  .row-40-lg {
    margin-right: -40px;
    margin-left: -40px
  }
  .row-40-lg > div {
    padding-right: 40px;
    padding-left: 40px
  }
  .row-34-lg {
    margin-right: -34px;
    margin-left: -34px
  }
  .row-34-lg > div {
    padding-right: 34px;
    padding-left: 34px
  }
  .row-35-lg {
    margin-right: -35px;
    margin-left: -35px
  }
  .row-35-lg > div {
    padding-right: 35px;
    padding-left: 35px
  }
  .row-27-lg {
    margin-right: -27px;
    margin-left: -27px
  }
  .row-27-lg > div {
    padding-right: 27px;
    padding-left: 27px
  }
  .row-26-lg {
    margin-right: -26px;
    margin-left: -26px
  }
  .row-26-lg > div {
    padding-right: 26px;
    padding-left: 26px
  }
  .row-28-lg {
    margin-right: -28px;
    margin-left: -28px
  }
  .row-28-lg > div {
    padding-right: 28px;
    padding-left: 28px
  }
  .row-30-lg {
    margin-right: -30px;
    margin-left: -30px
  }
  .row-30-lg > div {
    padding-right: 30px;
    padding-left: 30px
  }
  .row-32-lg {
    margin-right: -32px;
    margin-left: -32px
  }
  .row-32-lg > div {
    padding-right: 32px;
    padding-left: 32px
  }
  .row-19-lg {
    margin-right: -19px;
    margin-left: -19px
  }
  .row-19-lg > div {
    padding-right: 19px;
    padding-left: 19px
  }
  .row-41-lg {
    margin-right: -41px;
    margin-left: -41px
  }
  .row-41-lg > div {
    padding-right: 41px;
    padding-left: 41px
  }
  .row-42-lg {
    margin-right: -42px;
    margin-left: -42px
  }
  .row-42-lg > div {
    padding-right: 42px;
    padding-left: 42px
  }
  .row-45-lg {
    margin-right: -45px;
    margin-left: -45px
  }
  .row-45-lg > div {
    padding-right: 45px;
    padding-left: 45px
  }
  .row-50-lg {
    margin-right: -50px;
    margin-left: -50px
  }
  .row-50-lg > div {
    padding-right: 50px;
    padding-left: 50px
  }
  .row-68-lg {
    margin-right: -68px;
    margin-left: -68px
  }
  .row-68-lg > div {
    padding-right: 68px;
    padding-left: 68px
  }
  .row-118-lg {
    margin-right: -118px;
    margin-left: -118px
  }
  .row-118-lg > div {
    padding-right: 118px;
    padding-left: 118px
  }
}
@media (min-width:1500px) {
  .row-60-xlg {
    margin-right: -60px;
    margin-left: -60px
  }
  .row-60-xlg > div {
    padding-right: 60px;
    padding-left: 60px
  }
}
@media (min-width:1500px) {
  .row-81-xlg {
    margin-right: -81px;
    margin-left: -81px
  }
  .row-81-xlg > div {
    padding-right: 81px;
    padding-left: 81px
  }
}
@media (min-width:992px) {
  .row-20-md {
    margin-right: -20px;
    margin-left: -20px
  }
  .row-20-md > div {
    padding-right: 20px;
    padding-left: 20px
  }
  .row-30-md {
    margin-right: -30px;
    margin-left: -30px
  }
  .row-30-md > div {
    padding-right: 30px;
    padding-left: 30px
  }
}
@media (max-width:767px) {
  .row-5-xs {
    margin-right: -5px;
    margin-left: -5px
  }
  .row-5-xs > div {
    padding-right: 5px;
    padding-left: 5px
  }
}
.gutter-15 {
  padding-right: 15px;
  padding-left: 15px
}
@media (min-width:768px) {
  .gutter-18-sm {
    padding-right: 18px;
    padding-left: 18px
  }
}
@media (max-width:767px) {
  .gutter-0-xs {
    padding-right: 0;
    padding-left: 0
  }
}
@media (max-width:991px) {
  .gutter-0-sm {
    padding-right: 0;
    padding-left: 0
  }
}
.col-base {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.col-xs-15 {
  float: left;
  width: 20%
}
@media (min-width:768px) {
  .col-sm-15 {
    float: left;
    width: 20%
  }
  .col-sm-232 {
    float: left;
    width: 23.2%
  }
  .col-sm-287 {
    float: left;
    width: 28.7%
  }
  .col-sm-364 {
    float: left;
    width: 36.4%
  }
  .col-sm-44 {
    float: left;
    width: 44%
  }
  .col-sm-46 {
    float: left;
    width: 46%
  }
  .col-sm-49 {
    float: left;
    width: 49%
  }
  .col-sm-51 {
    float: left;
    width: 51%
  }
  .col-sm-54 {
    float: left;
    width: 54%
  }
  .col-sm-56 {
    float: left;
    width: 56%
  }
  .col-sm-633 {
    float: left;
    width: 63.3%
  }
  .col-sm-713 {
    float: left;
    width: 71.3%
  }
}
@media (min-width:992px) {
  .col-md-15 {
    float: left;
    width: 20%
  }
  .col-md-348 {
    float: left;
    width: 34.8%
  }
  .col-md-382 {
    float: left;
    width: 38.2%
  }
  .col-md-618 {
    float: left;
    width: 61.8%
  }
  .col-md-412 {
    float: left;
    width: 41.2%
  }
  .col-md-445 {
    float: left;
    width: 44.5%
  }
  .col-md-494 {
    float: left;
    width: 49.4%
  }
  .col-md-493 {
    float: left;
    width: 49.3%
  }
  .col-md-507 {
    float: left;
    width: 50.7%
  }
  .col-md-506 {
    float: left;
    width: 50.6%
  }
  .col-md-555 {
    float: left;
    width: 55.5%
  }
  .col-md-588 {
    float: left;
    width: 58.8%
  }
  .col-md-64 {
    float: left;
    width: 64%
  }
  .col-md-652 {
    float: left;
    width: 65.2%
  }
  .col-md-36 {
    float: left;
    width: 36%
  }
}
@media (min-width:1200px) {
  .col-lg-15 {
    float: left;
    width: 20%
  }
  .col-lg-375 {
    float: left;
    width: 37.5%
  }
  .col-lg-39 {
    float: left;
    width: 39%
  }
  .col-lg-61 {
    float: left;
    width: 61%
  }
  .col-lg-625 {
    float: left;
    width: 62.5%
  }
}
.col-main,
.col-sidebar {
  position: relative;
  padding-right: 15px;
  padding-left: 15px
}
@media (min-width:768px) {
  .col-sidebar {
    float: right;
    width: 25%;
    padding-left: 30px
  }
}
@media (min-width:768px) {
  .col-main {
    float: left;
    width: 75%
  }
}
@media (min-width:768px) {
  .col-sm-524 {
    float: left;
    width: 52.4%
  }
  .col-sm-476 {
    float: left;
    width: 47.6%
  }
}
@media (max-width:767px) {
  .col-floated-right-xs {
    float: right!important
  }
}
@media (min-width:768px) {
  .table {
    table-layout: fixed
  }
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  line-height: 1.428571429
}
.table > thead > tr > td,
.table > thead > tr > th {
  border-bottom-width: 1px
}
.table > tbody > tr > td,
.table > tbody > tr > th {
  word-break: break-all
}
.table th {
  font-weight: 400
}
.table.table-text-center td,
.table.table-text-center th {
  text-align: center
}
.table.table-text-right td,
.table.table-text-right th {
  text-align: right
}
.table-list {
  margin-bottom: 12px
}
.table-list > thead > tr > th {
  padding: 12px 8px 8px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  border-bottom: 8px solid #fff;
  border-left: 4px solid #fff;
  background-color: #3fa9f5
}
@media (max-width:767px) {
  .table-list > thead > tr > th {
    font-size: 18px;
    border-bottom: 4px solid #fff;
    border-left: 2px solid #fff
  }
}
.table-list > thead > tr > th:first-child {
  border-right: 10px solid #fff
}
.table-list > thead > tr > th.month {
  width: 12%;
  border-right: 8px solid #fff
}
.table-list>thead>tr>th.test,
.table-list>thead>tr>th.training {
  width: 30%
}
.table-list > tbody > tr > td,
.table-list > tbody > tr > th {
  background-color: #e6e6e6;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  vertical-align: middle
}
@media (min-width:768px) {
  .table-list > tbody > tr > td,
  .table-list > tbody > tr > th {
    padding: 22px 26px 19px
  }
}
@media (max-width:767px) {
  .table-list > tbody > tr > td,
  .table-list > tbody > tr > th {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
  }
}
.table-list > tbody > tr > th {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 32px;
  font-weight: 700;
  color: #000;
  text-align: center;
  border-right: 10px solid #fff
}
@media (max-width:767px) {
  .table-list > tbody > tr > th {
    font-size: 20px;
    border-right: 5px solid #fff
  }
}
.table-list > tbody > tr > td {
  font-size: 20px;
  border-left: 0
}
@media (max-width:767px) {
  .table-list > tbody > tr > td {
    font-size: 14px
  }
}
.table-list.table-text-center td,
.table-list.table-text-center th {
  text-align: center
}
.table-list.table-text-right td,
.table-list.table-text-right th {
  text-align: right
}
.table-no-border > tbody > tr > td,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > td,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > thead > tr > th {
  padding-left: 0;
  border-top: 0
}
.table-no-border > thead > tr > th {
  border-bottom: 0
}
.table-border-radius-8 {
  overflow: hidden;
  background-color: #fff;
  border-collapse: separate;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-radius: 8px
}
.table-border-radius-8 > tbody > tr > td,
.table-border-radius-8 > tbody > tr > th,
.table-border-radius-8 > tfoot > tr > td,
.table-border-radius-8 > tfoot > tr > th,
.table-border-radius-8 > thead > tr > td,
.table-border-radius-8 > thead > tr > th {
  border-left: 1px solid #999
}
.table-border-radius-8 > thead > tr:first-child th {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}
.table-border-radius-8 > thead > tr > td,
.table-border-radius-8 > thead > tr > th {
  border-bottom-width: 0
}
.table-border-radius-8 .border-bottom-left-radius {
  border-bottom-left-radius: 8px
}
.table-border-radius-8 .border-bottom-right-radius {
  border-bottom-right-radius: 8px
}
@media (max-width:767px) {
  .table-responsive > .table > tbody > tr :first-child > td,
  .table-responsive > .table > tbody > tr :first-child > th {
    border-top: 0
  }
}
.table-border-schedule {
  width: auto;
  margin-bottom: 6px;
  font-size: 16px
}
.table-border-schedule > tbody > tr > td,
.table-border-schedule > tbody > tr > th {
  vertical-align: middle;
  text-align: center;
  border-top: 0;
  border-right: 2px solid #fff
}
.table-border-schedule > tbody > tr > th {
  width: 56px;
  padding: 6px 8px 3px;
  color: #fff;
  background-color: #3fa9f5
}
.table-border-schedule > tbody > tr > th.opening-day {
  line-height: 1.1;
  color: #fff;
  background-color: grey
}
.table-border-schedule > tbody > tr > td {
  color: red;
  background-color: #e6e6e6
}
.table-fee {
  font-size: 17px;
  text-align: center;
  border: 4px solid #fff
}
@media (max-width:767px) {
  .table-fee {
    font-size: 15px
  }
}
.table-fee .cell-gray {
  font-size: 18px;
  color: #fff;
  background-color: grey
}
@media (max-width:767px) {
  .table-fee .cell-gray {
    font-size: 16px
  }
}
.table-fee .cell-green {
  background-color: #7db256
}
.table-fee .cell-orange {
  background-color: #e5974a
}
.table-fee .cell-light-green {
  background-color: #d2e6d1
}
.table-fee .cell-light-orange {
  background-color: #fff2d0
}
.table-fee > tbody > tr > td,
.table-fee > tbody > tr > th {
  border: 4px solid #fff;
  vertical-align: middle
}
.table-fee > tbody > tr > td.cell-sm,
.table-fee > tbody > tr > th.cell-sm {
  width: 7.5%
}
.table-fee > tbody > tr > td.time,
.table-fee > tbody > tr > th.time {
  width: 15%
}
.table-fee > tbody > tr > th {
  padding: 6px 8px;
  line-height: 1.2;
  text-align: center;
  border-bottom-width: 6px
}
.table-fee > tbody > tr > th:first-child {
  border-right-width: 6px
}
.table-fee > tbody > tr > th small {
  display: block;
  font-size: 14px
}
.table-fee > tbody > tr > td {
  text-align: center
}
.table-fee > tbody > tr > td.cell-title {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  border-right-width: 6px
}
@media (max-width:767px) {
  .table-fee > tbody > tr > td.cell-title {
    font-size: 20px
  }
}
.table-fee > tbody > tr:last-of-type > td {
  border-bottom-width: 6px
}
.table-dotted-border-bottom {
  font-size: 18px;
  border-bottom: 2px dotted grey
}
.table-monthly-fee {
  font-size: 20px
}
@media (max-width:767px) {
  .table-monthly-fee {
    font-size: 13px
  }
}
.table-monthly-fee > tbody > tr > th {
  padding: 10px 10px 3px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff
}
@media (max-width:767px) {
  .table-monthly-fee > tbody > tr > th {
    padding: 10px 8px 3px
  }
}
.table-monthly-fee > tbody > tr > td {
  background-color: #e6e6e6;
  border-left: 4px solid #fff;
  font-weight: 700;
  text-align: center
}
.table-monthly-fee > tbody > tr.cell-light-green > th {
  background-color: #d2e6d1
}
.table-monthly-fee > tbody > tr.cell-light-orange > th {
  background-color: #fff2d0
}
.table-no-border-bottom {
  margin-bottom: 0;
  border-bottom: 0
}
@media (max-width:767px) {
  .table-collapsed-xs {
    display: block;
    border-right: 0!important;
    border-bottom: 0!important;
    border-left: 0!important
  }
  .table-collapsed-xs>tbody,
  .table-collapsed-xs>tbody>tr {
    display: block
  }
  .table-collapsed-xs > tbody > tr > td,
  .table-collapsed-xs > tbody > tr > th {
    display: block;
    width: auto;
    padding: 10px!important
  }
  .table-collapsed-xs > tbody > tr > th {
    position: relative;
    border-top: 0!important;
    border-bottom: 0!important
  }
  .table-collapsed-xs > tbody > tr > th:after,
  .table-collapsed-xs > tbody > tr > th:before {
    display: table;
    content: " "
  }
  .table-collapsed-xs > tbody > tr > th:after {
    clear: both
  }
}
@media (max-width:991px) {
  .table-collapsed-sm {
    display: block;
    border-right: 0!important;
    border-bottom: 0!important;
    border-left: 0!important
  }
  .table-collapsed-sm>tbody,
  .table-collapsed-sm>tbody>tr {
    display: block
  }
  .table-collapsed-sm > tbody > tr > td,
  .table-collapsed-sm > tbody > tr > th {
    display: block;
    width: auto;
    padding: 10px!important
  }
  .table-collapsed-sm > tbody > tr > th {
    position: relative;
    border-top: 0!important;
    border-bottom: 0!important
  }
  .table-collapsed-sm > tbody > tr > th:after,
  .table-collapsed-sm > tbody > tr > th:before {
    display: table;
    content: " "
  }
  .table-collapsed-sm > tbody > tr > th:after {
    clear: both
  }
}
.table-cell {
  display: table;
  width: 100%
}
.table-cell > .cell {
  display: table-cell
}
.table-cell.bordered {
  margin-bottom: 30px
}
.table-cell.bordered .cell {
  padding: 0 10px;
  margin-bottom: 35px;
  border-left: 1px solid #ccc
}
@media (max-width:1199px) {
  .table-cell.cleared-md,
  .table-cell.cleared-md > .cell {
    display: block;
    width: auto
  }
}
@media (max-width:991px) {
  .table-cell.cleared-sm,
  .table-cell.cleared-sm > .cell {
    display: block;
    width: auto
  }
}
@media (max-width:767px) {
  .table-cell.cleared-xs,
  .table-cell.cleared-xs > .cell {
    display: block;
    width: auto
  }
}
@media (max-width:479px) {
  .table-cell.cleared-xxs,
  .table-cell.cleared-xxs > .cell {
    display: block;
    width: auto
  }
}
.table-cell-title-with-text {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .table-cell-title-with-text .cell:first-child {
    width: 21.5%;
    padding-right: 10px;
    white-space: nowrap
  }
}
@media (max-width:767px) {
  .table-cell-title-with-text .cell:first-child {
    margin-bottom: 10px
  }
}
.table-cell-title-with-text .cell,
.table-cell-title-with-text .cell small {
  font-weight: 700
}
.table-cell-title-with-text .cell small {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.8
}
@media (max-width:767px) {
  .table-cell-title-with-text .cell small {
    margin-top: 5px
  }
}
.table-cell-title-with-text .title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2
}
.table-cell-border-blue {
  padding-left: 30px;
  background-color: #fff;
  font-size: 13px;
  border: 2px solid #3373cb;
  vertical-align: middle
}
.table-cell-border-blue .cell-1 {
  font-size: 12px
}
.table-cell-blue {
  text-align: center
}
.table-cell-blue a {
  padding: 10px 5px 8px;
  color: #fff;
  vertical-align: middle;
  background-color: #0d6fb8
}
@media (min-width:768px) {
  .table-cell-blue a {
    width: 14.2857143%
  }
}
@media (min-width:768px) {
  .table-cell-blue a + a {
    border-left: 1px solid #fff
  }
}
@media (max-width:767px) {
  .table-cell-blue a + a {
    border-top: 1px solid #fff
  }
}
.table-cell-blue a:focus,
.table-cell-blue a:hover {
  background-color: #2fa8e1
}
.table-horizontal {
  border-collapse: separate;
  border-spacing: 4px
}
.table-horizontal > tbody > tr > th,
.table-horizontal > thead > tr > th {
  padding: 9px 10px 5px;
  color: #42210b;
  vertical-align: middle;
  background-color: #ffc099
}
.table-horizontal > tbody > tr > th small,
.table-horizontal > thead > tr > th small {
  font-size: 14px
}
@media (max-width:991px) {
  .table-horizontal > tbody > tr > th small,
  .table-horizontal > thead > tr > th small {
    font-size: 12px
  }
}
@media (max-width:991px) {
  .table-horizontal > thead {
    float: left;
    width: 50%
  }
}
@media (max-width:991px) {
  .table-horizontal > thead > tr,
  .table-horizontal > thead > tr > th {
    display: block
  }
}
.table-horizontal > thead > tr > th {
  font-size: 24px;
  text-align: center;
  border-bottom: 0
}
@media (max-width:991px) {
  .table-horizontal > thead > tr > th {
    padding-top: 12px!important;
    padding-bottom: 8px!important;
    font-size: 20px;
    border-bottom: 5px solid #fff
  }
}
.table-horizontal > tbody > tr > td,
.table-horizontal > tbody > tr > th {
  padding: 9px 10px 5px;
  border-top: 0
}
.table-horizontal > tbody > tr > th {
  font-size: 20px;
  font-weight: 700
}
@media (min-width:768px) {
  .table-horizontal > tbody > tr > th {
    width: 200px;
    padding-left: 48px
  }
}
@media (max-width:991px) {
  .table-horizontal > tbody > tr > th {
    font-size: 16px
  }
}
.table-horizontal > tbody > tr > td {
  background-color: #ffe1c2
}
@media (min-width:768px) {
  .table-horizontal > tbody > tr > td {
    padding-right: 40px;
    padding-left: 45px
  }
}
@media (max-width:991px) {
  .table-horizontal > tbody > tr > td {
    padding-right: 5px;
    padding-left: 5px
  }
}
.table-horizontal > tbody > tr > td small {
  font-size: 14px
}
@media (max-width:991px) {
  .table-horizontal > tbody > tr > td small {
    font-size: 12px
  }
}
.table-horizontal.table-horizontal-responsive-xs {
  margin-bottom: 14px;
  border-spacing: 6px 5px
}
@media (max-width:991px) {
  .table-horizontal.table-horizontal-responsive-xs > tbody {
    display: block;
    float: left;
    width: 50%
  }
}
@media (max-width:991px) {
  .table-horizontal.table-horizontal-responsive-xs > tbody > tr,
  .table-horizontal.table-horizontal-responsive-xs > tbody > tr > td {
    display: block
  }
}
.table-horizontal.table-horizontal-responsive-xs > tbody > tr > td {
  padding: 11px 10px 9px;
  font-size: 24px;
  text-align: center
}
@media (max-width:991px) {
  .table-horizontal.table-horizontal-responsive-xs > tbody > tr > td {
    font-size: 20px;
    border-bottom: 5px solid #fff;
    border-left: 6px solid #fff
  }
}
.table-cell-process .cell {
  vertical-align: middle
}
.table-cell-process .col-1 {
  width: 110px;
  background-color: #0071a5
}
.table-cell-process .col-2 {
  width: 260px;
  padding-right: 0;
  color: #fff;
  background-color: #00a0e9
}
.table-cell-process .col-arrow {
  width: 20px;
  vertical-align: middle
}
.table-cell-process .col-arrow:before {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-color: transparent transparent transparent #00a0e9;
  border-style: solid;
  border-width: 55px 0 55px 20px;
  content: ""
}
.table-bordered-gray {
  border: 1px solid #b2b2b2!important
}
.table-bordered-gray > tbody > tr > td,
.table-bordered-gray > tbody > tr > th,
.table-bordered-gray > thead > tr > td,
.table-bordered-gray > thead > tr > th {
  border: 1px solid #b2b2b2
}
.table-bordered-dark-gray {
  border: 2px solid #18428c!important
}
.table-bordered-dark-gray > tbody > tr > td,
.table-bordered-dark-gray > tbody > tr > th,
.table-bordered-dark-gray > thead > tr > td,
.table-bordered-dark-gray > thead > tr > th {
  border: 2px solid #18428c
}
.table-bordered-dark-gray > tbody > tr > th,
.table-bordered-dark-gray > thead > tr > th {
  font-size: 18px;
  font-weight: 700;
  color: #18428c;
  text-align: center;
  vertical-align: middle
}
@media (max-width:767px) {
  .table-bordered-dark-gray > tbody > tr > th,
  .table-bordered-dark-gray > thead > tr > th {
    font-size: 16px
  }
}
.table-bordered-dark-gray > tbody > tr > th:first-of-type,
.table-bordered-dark-gray > thead > tr > th:first-of-type {
  font-size: 22px;
  color: #fae14c;
  background-color: #18428c
}
@media (max-width:767px) {
  .table-bordered-dark-gray > tbody > tr > th:first-of-type,
  .table-bordered-dark-gray > thead > tr > th:first-of-type {
    font-size: 18px
  }
}
.table-bordered-dark-gray > tbody > tr > td:first-of-type,
.table-bordered-dark-gray > thead > tr > td:first-of-type {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #18428c;
  vertical-align: middle
}
@media (max-width:767px) {
  .table-bordered-dark-gray > tbody > tr > td:first-of-type,
  .table-bordered-dark-gray > thead > tr > td:first-of-type {
    font-size: 16px
  }
}
.table-price {
  font-size: 20px;
  font-weight: 700;
  border: 0!important;
  table-layout: auto
}
.table-price > tbody > tr > th,
.table-price > thead > tr > th {
  font-size: 20px;
  font-weight: 700;
  border-top: 1px solid #b2b2b2!important
}
@media (max-width:767px) {
  .table-price > tbody > tr > th,
  .table-price > thead > tr > th {
    font-size: 18px
  }
}
.table-price > tbody > tr > th:empty,
.table-price > thead > tr > th:empty {
  background-color: #fff;
  border: 0!important
}
.table-price > thead > tr > th {
  padding: 13px 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #000038
}
@media (max-width:767px) {
  .table-price > thead > tr > th {
    padding: 15px 10px 11px
  }
}
.table-price > thead > tr > th.time,
.table-price > thead > tr > th.year {
  width: 11%
}
.table-price>thead>tr>th.discount,
.table-price>thead>tr>th.price {
  width: 15.5%
}
.table-price > thead > tr > th.teaching {
  width: 27%
}
.table-price > thead > tr + tr > th {
  padding: 25px 10px
}
@media (max-width:767px) {
  .table-price > thead > tr + tr > th {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.table-price > tbody > tr > td,
.table-price > tbody > tr > th {
  padding: 21px 10px 20px;
  text-align: center;
  vertical-align: middle
}
@media (max-width:767px) {
  .table-price > tbody > tr > td,
  .table-price > tbody > tr > th {
    padding: 19px 10px 14px
  }
}
.table-price > tbody > tr > td.cell-with-diagonal-line,
.table-price > tbody > tr > th.cell-with-diagonal-line {
  background: url(../img/bg-diagonal-line.png) 50% 50%/100% 100% no-repeat
}
.table-price > tbody > tr > th {
  font-size: 24px;
  color: #000038;
  background-color: #e9e9ff
}
@media (max-width:767px) {
  .table-price > tbody > tr > th {
    font-size: 20px
  }
}
.table-price.table-price-course > thead > tr > th {
  padding: 23px 10px 27px
}
@media (max-width:767px) {
  .table-price.table-price-course > thead > tr > th {
    padding: 15px 10px 11px
  }
}
.table-price.table-price-course > thead > tr > th.course {
  width: 25.2%
}
.table-price.table-price-course>thead>tr>th.discount,
.table-price.table-price-course>thead>tr>th.price {
  width: 16%
}
.table-price.table-price-course > tbody > tr > td.course-list {
  padding-right: 28px;
  padding-left: 28px;
  font-size: 18px;
  font-weight: 400
}
@media (max-width:767px) {
  .table-price.table-price-course > tbody > tr > td.course-list {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px
  }
}
.table-price.table-price-schoolchild > tbody > tr > th {
  padding: 24px 10px;
  font-size: 20px;
  color: #fff;
  background-color: #000038
}
@media (max-width:767px) {
  .table-price.table-price-schoolchild > tbody > tr > th {
    font-size: 18px
  }
}
.table-price.table-price-schoolchild > tbody > tr > th.month {
  width: 35.8%;
  padding: 16px 10px
}
.table-price.table-price-schoolchild>tbody>tr>th.regular-price,
.table-price.table-price-schoolchild>tbody>tr>th.time {
  width: 18%
}
.table-price.table-price-schoolchild > tbody > tr > td {
  padding: 24px 10px;
  font-weight: 400
}
.table-price.table-price-schoolchild > tbody > tr:first-child > th:first-child {
  width: 11%;
  color: #000038;
  background-color: #e9e9ff
}
@media (min-width:768px) {
  .table-contact > tbody > tr > td,
  .table-contact > tbody > tr > th {
    padding: 20px 25px
  }
}
@media (max-width:991px) {
  .table-contact > tbody > tr > td,
  .table-contact > tbody > tr > th {
    border-right: 0;
    border-left: 0
  }
}
.table-contact > tbody > tr > th {
  background-color: #e9e9ff
}
@media (min-width:992px) {
  .table-contact > tbody > tr > th {
    width: 25.5%
  }
}
@media (min-width:768px) {
  .table-contact > tbody > tr > th {
    padding-top: 32px
  }
}
.table-contact > tbody > tr > td {
  vertical-align: middle
}
@media (max-width:991px) {
  .table-contact > tbody > tr > td {
    border-bottom: 0
  }
}
.table-contact > tbody > tr > td:first-of-type {
  border-right: 0
}
.table-contact > tbody > tr > td + td {
  border-left: 0
}
.table-contact > tbody > tr > td.address .form-group {
  margin-bottom: 22px
}
@media (max-width:767px) {
  .table-contact > tbody > tr > td.address .form-group {
    margin-bottom: 10px
  }
}
.table-contact > tbody > tr > td.address .form-group:last-of-type {
  margin-bottom: 0
}
@media (max-width:991px) {
  .table-contact > tbody > tr + tr > th {
    border-top: 1px solid #b2b2b2!important
  }
}
@media (min-width:768px) {
  .table-class-result {
    table-layout: fixed
  }
}
.table-class-result > tbody > tr > td.col-1,
.table-class-result > tbody > tr > th.col-1,
.table-class-result > thead > tr > td.col-1,
.table-class-result > thead > tr > th.col-1 {
  padding-right: 0;
  padding-left: 0
}
@media (min-width:992px) {
  .table-class-result > tbody > tr > td.col-1,
  .table-class-result > tbody > tr > th.col-1,
  .table-class-result > thead > tr > td.col-1,
  .table-class-result > thead > tr > th.col-1 {
    width: 100px
  }
}
.table-class-result > tbody > tr > td.col-1 .label,
.table-class-result > tbody > tr > th.col-1 .label,
.table-class-result > thead > tr > td.col-1 .label,
.table-class-result > thead > tr > th.col-1 .label {
  display: block
}
.table-class-result > tbody > tr > td.school-name,
.table-class-result > tbody > tr > th.school-name,
.table-class-result > thead > tr > td.school-name,
.table-class-result > thead > tr > th.school-name {
  padding-right: 15px;
  padding-left: 15px
}
@media (min-width:992px) {
  .table-class-result > tbody > tr > td.school-name,
  .table-class-result > tbody > tr > th.school-name,
  .table-class-result > thead > tr > td.school-name,
  .table-class-result > thead > tr > th.school-name {
    width: 200px
  }
}
@media (min-width:992px) {
  .table-class-result > tbody > tr > td.tel,
  .table-class-result > tbody > tr > th.tel,
  .table-class-result > thead > tr > td.tel,
  .table-class-result > thead > tr > th.tel {
    width: 14%
  }
}
.table-class-result > tbody > tr > td.col-grade,
.table-class-result > tbody > tr > th.col-grade,
.table-class-result > thead > tr > td.col-grade,
.table-class-result > thead > tr > th.col-grade {
  width: 18%;
  padding-right: 0
}
.table-class-result > tbody > tr > td.container-btn,
.table-class-result > tbody > tr > th.container-btn,
.table-class-result > thead > tr > td.container-btn,
.table-class-result > thead > tr > th.container-btn {
  padding-right: 0;
  vertical-align: middle;
  text-align: right
}
@media (min-width:992px) {
  .table-class-result > tbody > tr > td.container-btn,
  .table-class-result > tbody > tr > th.container-btn,
  .table-class-result > thead > tr > td.container-btn,
  .table-class-result > thead > tr > th.container-btn {
    width: 135px;
    padding-left: 15px
  }
}
@media (max-width:767px) {
  .table-class-result > tbody > tr > td.container-btn,
  .table-class-result > tbody > tr > th.container-btn,
  .table-class-result > thead > tr > td.container-btn,
  .table-class-result > thead > tr > th.container-btn {
    padding-left: 10px
  }
}
.table-class-result > thead > tr {
  background-image: linear-gradient(135deg,#b1cae9 25%,#bacfee 25%,#bacfee 50%,#b1cae9 50%,#b1cae9 75%,#bacfee 75%,#bacfee 100%);
  background-size: 11.31px 11.31px
}
.table-class-result > thead > tr > th {
  padding: 18px 11px 14px;
  font-weight: 700;
  color: #0050be;
  border-bottom: 0
}
.table-class-result > tbody + tbody {
  border-top: 1px solid #1a1a1a
}
.table-class-result > tbody > tr > td {
  padding: 19px 10px;
  color: #1a1a1a;
  vertical-align: middle;
  border-top: 1px dashed grey
}
@media (max-width:767px) {
  .table-class-result > tbody > tr > td {
    padding: 8px 5px
  }
}
.table-class-result > tbody > tr > td.school-name {
  font-size: 18px
}
@media (max-width:767px) {
  .table-class-result > tbody > tr > td.school-name {
    font-size: 13px
  }
}
.table-class-result > tbody > tr:first-child > td {
  border-top: 0
}
.table-class-result > tbody > tr:not(:first-child) > td.container-btn {
  display: none
}
.table-list-event {
  table-layout: auto
}
@media (max-width:767px) {
  .table-list-event {
    border-right: 0!important
  }
}
.table-list-event > thead > tr > th {
  padding: 24px 10px 21px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #000038
}
@media (max-width:767px) {
  .table-list-event > thead > tr > th {
    font-size: 17px;
    vertical-align: middle
  }
}
@media (max-width:767px) {
  .table-list-event > thead > tr > th:last-of-type {
    border-right: 0!important
  }
}
@media (min-width:768px) {
  .table-list-event > thead > tr > th:first-child {
    width: 57%
  }
}
.table-list-event > tbody > tr > td,
.table-list-event > tbody > tr > th {
  padding: 25px 35px 26px
}
@media (max-width:991px) {
  .table-list-event > tbody > tr > td,
  .table-list-event > tbody > tr > th {
    padding-right: 20px;
    padding-left: 20px
  }
}
@media (max-width:767px) {
  .table-list-event > tbody > tr > td,
  .table-list-event > tbody > tr > th {
    padding: 10px
  }
}
.table-list-event > tbody > tr > th {
  width: 13.5%;
  font-size: 24px;
  font-weight: 700;
  color: #000038;
  text-align: center;
  vertical-align: middle;
  background-color: #e9e9ff;
  border-right: 0
}
@media (max-width:767px) {
  .table-list-event > tbody > tr > th {
    width: 20%;
    font-size: 17px;
    border-top-width: 1px
  }
}
@media (max-width:767px) {
  .table-list-event > tbody > tr > th:last-of-type {
    border-right: 0
  }
}
.table-list-event > tbody > tr > td {
  border-right-width: 0;
  border-left: 0
}
@media (max-width:767px) {
  .table-list-event > tbody > tr > td {
    display: block;
    border-bottom: 0
  }
}
.table-list-event > tbody > tr > td:first-of-type {
  border-right-width: 1px!important
}
@media (max-width:767px) {
  .table-list-event > tbody > tr > td:first-of-type {
    display: table-cell
  }
}
@media (min-width:768px) {
  .table-list-event > tbody > tr > td:last-of-type {
    padding-right: 25px
  }
}
@media (max-width:767px) {
  .table-list-event > tbody > tr > td:last-of-type {
    border-top: 0
  }
}
.table-list-event > tbody > tr:first-of-type > td {
  border-top: 0
}
.table-cell-elastic-arrow {
  border: 2px solid #3373cb;
  overflow: hidden
}
.table-cell-elastic-arrow .cell {
  vertical-align: middle
}
.table-cell-elastic-arrow .col-1 {
  width: 13.2%;
  padding: 13px .5em 9px .7em;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  letter-spacing: .2em;
  background-color: #3373cb
}
@media (max-width:1199px) {
  .table-cell-elastic-arrow .col-1 {
    font-size: 16px
  }
}
.table-cell-elastic-arrow .col-3 {
  padding: 4px 8px 4px 15px
}
@media (max-width:1199px) {
  .table-cell-elastic-arrow .col-3 {
    padding: 10px
  }
}
.table-cell-elastic-arrow .col-arrow {
  width: 27px;
  padding: 0;
  vertical-align: middle
}
@media (max-width:1199px) {
  .table-cell-elastic-arrow .col-arrow {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 55px!important
  }
}
.table-cell-elastic-arrow .col-arrow:before {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-color: transparent transparent transparent #3373cb;
  border-style: solid;
  border-width: 27.5px 0 27.5px 28px;
  content: ""
}
@media (max-width:1199px) {
  .table-cell-elastic-arrow .col-arrow:before {
    margin-top: -14px;
    border-width: 28px 27.5px 0;
    border-color: #3373cb transparent transparent
  }
}
.table-class-schedule {
  position: relative;
  margin-top: 14px;
  margin-bottom: 17px;
  font-size: 16px;
  table-layout: auto;
  border-collapse: separate;
  overflow: hidden
}
@media (max-width:767px) {
  .table-class-schedule {
    margin-top: 10px;
    font-size: 14px
  }
}
.table-class-schedule.table-bordered {
  border: 2px solid grey!important
}
.table-class-schedule.table-bordered>tbody>tr>td,
.table-class-schedule.table-bordered>tbody>tr>th,
.table-class-schedule.table-bordered>tfoot>tr>td,
.table-class-schedule.table-bordered>tfoot>tr>th,
.table-class-schedule.table-bordered>thead>tr>td,
.table-class-schedule.table-bordered>thead>tr>th {
  border: 1px solid grey
}
.table-class-schedule > tbody > tr > td,
.table-class-schedule > tbody > tr > th,
.table-class-schedule > thead > tr > td,
.table-class-schedule > thead > tr > th {
  vertical-align: middle;
  text-align: center;
  border-bottom-width: 2px!important
}
.table-class-schedule > tbody > tr > td.open-day,
.table-class-schedule > tbody > tr > th.open-day,
.table-class-schedule > thead > tr > td.open-day,
.table-class-schedule > thead > tr > th.open-day {
  background-color: #ffff07
}
.table-class-schedule > tbody > tr > td.class-english,
.table-class-schedule > tbody > tr > th.class-english,
.table-class-schedule > thead > tr > td.class-english,
.table-class-schedule > thead > tr > th.class-english {
  background-color: #fbcde0
}
.table-class-schedule > tbody > tr > td.class-math,
.table-class-schedule > tbody > tr > th.class-math,
.table-class-schedule > thead > tr > td.class-math,
.table-class-schedule > thead > tr > th.class-math {
  background-color: #b2caeb
}
.table-class-schedule > tbody > tr > td.self-study,
.table-class-schedule > tbody > tr > th.self-study,
.table-class-schedule > thead > tr > td.self-study,
.table-class-schedule > thead > tr > th.self-study {
  background-color: #98d799
}
.table-class-schedule > tbody > tr > th,
.table-class-schedule > thead > tr > th {
  width: 140px;
  background-color: #f2f2f2
}
.table-class-schedule > tbody > tr > td,
.table-class-schedule > thead > tr > td {
  font-size: 14px;
  border-right: 0!important;
  border-top: 0!important;
  border-left: 2px solid #ccc!important
}
.table-class-schedule > tbody > tr > td:first-of-type,
.table-class-schedule > thead > tr > td:first-of-type {
  border-left: 1px solid grey!important
}
.table-class-schedule > thead > tr > td,
.table-class-schedule > thead > tr > th {
  padding: 8px 8px 6px
}
.table-class-schedule > thead > tr > th {
  border-right: 1px solid #ccc!important;
  border-left: 1px solid #ccc!important
}
.table-class-schedule > thead > tr > th:first-of-type {
  width: 8%
}
.table-class-schedule > thead > tr > th:first-of-type,
.table-class-schedule > thead > tr > th:first-of-type + th {
  border-right: 1px solid grey!important;
  border-left: 1px solid grey!important
}
.table-class-schedule > thead > tr > th:first-of-type + th,
.table-class-schedule > thead > tr > th:first-of-type + th + th {
  border-left: 1px solid grey!important
}
.table-class-schedule > thead > tr > th:last-of-type {
  border-right: 0!important
}
.table-class-schedule > thead > tr > th.time {
  width: 16%
}
.table-class-schedule > tbody > tr > td,
.table-class-schedule > tbody > tr > th {
  padding: 13px 8px 10px;
  border-top: 2px solid #ccc!important;
  border-bottom: 0!important
}
.table-class-schedule > tbody > tr:first-of-type > td,
.table-class-schedule > tbody > tr:first-of-type > th {
  border-top: 0!important
}
.table-class-schedule .empty-cell {
  position: absolute
}
.table-class-schedule .empty-cell:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bg-diagonal-line-lg.png) 50% 50%/100% 100% no-repeat;
  content: ""
}
.table-tuition-fee {
  margin-top: 42px;
  margin-bottom: 17px;
  font-size: 16px;
  table-layout: auto
}
@media (max-width:767px) {
  .table-tuition-fee {
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 14px
  }
}
.table-tuition-fee.table-bordered {
  border: 2px solid grey!important
}
.table-tuition-fee.table-bordered>tbody>tr>td,
.table-tuition-fee.table-bordered>tbody>tr>th,
.table-tuition-fee.table-bordered>tfoot>tr>td,
.table-tuition-fee.table-bordered>tfoot>tr>th,
.table-tuition-fee.table-bordered>thead>tr>td,
.table-tuition-fee.table-bordered>thead>tr>th {
  border: 2px solid grey
}
.table-tuition-fee > tbody > tr > td,
.table-tuition-fee > tbody > tr > th,
.table-tuition-fee > thead > tr > td,
.table-tuition-fee > thead > tr > th {
  vertical-align: middle;
  text-align: center
}
.table-tuition-fee > thead > tr > th {
  padding: 11px 10px 6px
}
.table-tuition-fee > thead > tr > th.monthly-fee {
  width: 14%
}
.table-tuition-fee > thead > tr > th:first-of-type {
  width: 9.2%;
  font-size: 14px
}
.table-tuition-fee > thead > tr > th:first-of-type + th {
  /*width: 7%*/
}
.table-tuition-fee > tbody > tr > th + td {
  white-space: nowrap
}
.table-tuition-fee > tbody > tr > td {
  padding: 18px 10px 16px;
  font-weight: 700
}
.table-tuition-fee .fs-sm {
  font-size: 14px
}
.table-cell-recommend .cell-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #0077b7
}
@media (max-width:767px) {
  .table-cell-recommend .cell-title {
    font-size: 16px
  }
}
.table-cell-recommend .cell {
  vertical-align: middle
}
.table-cell-recommend .icon {
  margin-top: 10px
}
@media (max-width:767px) {
  .table-cell-recommend .icon {
    width: 45px
  }
}
.table-cell-recommend ul {
  position: relative;
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 54px
}
@media (max-width:767px) {
  .table-cell-recommend ul {
    padding-left: 45px
  }
}
.table-cell-recommend ul:after,
.table-cell-recommend ul:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: ""
}
.table-cell-recommend ul:before {
  left: 26px;
  width: 13px;
  background-color: #66add4
}
.table-cell-recommend ul:after {
  left: 5px;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-style: solid;
  border-width: 13px 21px 13px 0;
  border-color: transparent #66add4 transparent transparent
}
.table-cell-recommend ul li + li {
  margin-top: 10px
}
@media (max-width:767px) {
  .table-cell-recommend ul li + li {
    margin-top: 5px
  }
}
.table-cell-recommend.table-cell-recommend-red .cell-title {
  color: #e60020
}
@media (max-width:1199px) {
  .table-cell-recommend.table-cell-recommend-red .cell-title {
    text-align: center
  }
}
.table-cell-recommend.table-cell-recommend-red ul:before {
  background-color: #ef8467
}
.table-cell-recommend.table-cell-recommend-red ul:after {
  border-color: transparent #ef8467 transparent transparent
}
.table-cell-subject .cell {
  width: 33.3333333%
}
@media (min-width:768px) {
  .table-cell-subject .cell {
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 6px;
    border-right: 2px solid #ccc
  }
}
@media (max-width:767px) {
  .table-cell-subject .cell {
    margin-bottom: 25px
  }
}
.table-cell-subject .cell:last-of-type {
  border-right: 0
}
@media (max-width:767px) {
  .table-cell-subject .cell:last-of-type {
    margin-bottom: 0
  }
}
@media (min-width:768px) {
  .table-cell-subject .cell + .cell {
    padding-left: 18px
  }
}
.table-cell-subject .cell .content {
  margin-bottom: 22px
}
@media (max-width:767px) {
  .table-cell-subject .cell .content {
    margin-bottom: 15px
  }
}
.table-cell-subject .cell .content:last-of-type {
  margin-bottom: 0
}
.table-cell-subject .english-subject {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3
}
@media (min-width:768px) {
  .table-cell-subject .english-subject {
    padding-left: 20px
  }
}
@media (max-width:767px) {
  .table-cell-subject .english-subject {
    margin-bottom: 10px;
    font-size: 16px
  }
}
.table-cell-subject .english-subject .lead {
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #e85513
}
@media (max-width:767px) {
  .table-cell-subject .english-subject .lead {
    margin-bottom: 10px;
    font-size: 22px
  }
}
.table-cell-subject .english-subject .note {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7
}
@media (max-width:767px) {
  .table-cell-subject .english-subject .note {
    margin-top: 10px
  }
}
.table-cell-subject .title {
  padding-left: .1em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center
}
@media (max-width:767px) {
  .table-cell-subject .title {
    margin-bottom: 10px;
    font-size: 25px
  }
}
.table-cell-subject .title.title-cyan {
  color: #0098ad
}
.table-cell-subject .title.title-light-red {
  color: #e9546b
}
.table-cell-subject .title.title-orange {
  color: #e85513
}
.table-cell-subject .list-dot-sm > li + li {
  margin-top: 5px
}
.table-schedule-example {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
  table-layout: auto;
  border: 0
}
.table-schedule-example > tbody > tr > td,
.table-schedule-example > tbody > tr > th,
.table-schedule-example > thead > tr > td,
.table-schedule-example > thead > tr > th {
  text-align: center;
  vertical-align: middle;
  border-width: 2px;
  border-color: #515151
}
.table-schedule-example > tbody > tr > td,
.table-schedule-example > thead > tr > td {
  font-size: 18px
}
@media (max-width:767px) {
  .table-schedule-example > tbody > tr > td,
  .table-schedule-example > thead > tr > td {
    font-size: 15px
  }
}
.table-schedule-example > tbody > tr > th,
.table-schedule-example > thead > tr > th {
  white-space: nowrap
}
.table-schedule-example > thead > tr:first-of-type > th {
  border-top: 2px solid #515151!important;
  color: #fff;
  background-color: grey
}
.table-schedule-example > thead > tr:first-of-type > th:first-of-type {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.18;
  color: red!important;
  background-color: #fff;
  border: 0!important
}
.table-schedule-example > thead > tr > th {
  padding: 3px 10px 0;
  background-color: #feff99
}
.table-schedule-example > tbody:before {
  display: block;
  width: 100%;
  height: 8px;
  content: ""
}
.table-schedule-example > tbody > tr > td,
.table-schedule-example > tbody > tr > th {
  height: 27px;
  padding: 4px 10px 2px;
  line-height: 1.1;
  border-top: 0;
  border-bottom: 1px dashed #515151
}
.table-schedule-example > tbody > tr:first-of-type > td,
.table-schedule-example > tbody > tr:first-of-type > th {
  border-top: 2px solid #515151
}
.table-schedule-example > tbody > tr:last-of-type > td,
.table-schedule-example > tbody > tr:last-of-type > th {
  border-bottom: 2px solid #515151
}
.table-schedule-example > tbody > tr > th {
  width: 10.2%;
  background-color: #ffffcb
}
.table-schedule-example > tbody > tr > th:first-of-type {
  width: 3%;
  border-left-width: 3px
}
.table-schedule-example > tbody > tr > td.summer-number {
  font-size: 16px;
  color: #d00
}
@media (max-width:767px) {
  .table-schedule-example > tbody > tr > td.summer-number {
    font-size: 14px
  }
}
.table-school-score > tbody > tr > td,
.table-school-score > tbody > tr > th,
.table-school-score > thead > tr > td,
.table-school-score > thead > tr > th {
  padding: 3px 6px;
  font-size: 14px;
  text-align: center;
  border-bottom: 2px solid #fff
}
.table-school-score > tbody > tr > td:first-child,
.table-school-score > tbody > tr > th:first-child,
.table-school-score > thead > tr > td:first-child,
.table-school-score > thead > tr > th:first-child {
  border-right: 2px solid #fff
}
.table-school-score > thead > tr > th {
  color: #fff
}
.table-school-score > tbody > tr > td {
  background-color: #e6e6e6
}
.table-school-score > tbody > tr > td:first-child {
  background-color: #ccd7ed
}
.table-school-score > tbody > tr:last-of-type > td {
  border-bottom: 0
}
.table-cell > .cell .cell_txt {
  font-weight: 700;
  line-height: 1;
  display: block;
  font-size: 25px;
  font-style: italic;
  opacity: .5;
  -webkit-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  transform: translateX(-4px);
  letter-spacing: 1px
}
@media (max-width:1199px) {
  .table-cell > .cell .cell_txt {
    font-size: 22px
  }
}
@media (max-width:991px) {
  .table-cell > .cell .cell_txt {
    font-size: 15px!important
  }
}
label.error {
  padding: 5px 10px;
  font-size: 13px;
  color: #fff;
  cursor: default;
  background-color: red
}
select {
  cursor: pointer
}
.container-form .form-control {
  height: 45px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 5px;
  border-color: #b2b2b2
}
.container-form select.form-control {
  height: 45px;
  line-height: 45px
}
.container-form select[multiple].form-control,
.container-form textarea.form-control {
  height: auto
}
.container-form .list-inline {
  margin-bottom: 0;
  margin-left: -10px
}
.container-form .list-inline li {
  margin-right: 10px;
  margin-left: 10px
}
@media (max-width:479px) {
  .container-form .list-inline li {
    display: block
  }
}
.container-form .dl-list-indent,
.container-form .dl-list-indent dd {
  overflow: visible
}
.container-form .dl-list-indent dt {
  min-width: 42px;
  vertical-align: middle
}
.container-form .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
@media (max-width:767px) {
  .container-form .form-control {
    display: block!important
  }
}
@media (max-width:767px) {
  .container-form .form-control {
    width: 100%!important;
    font-size: 13px
  }
}
@media (min-width:768px) {
  .container-form .btn-search {
    margin-left: 8px;
    vertical-align: 1px
  }
}
@media (max-width:767px) {
  .container-form .btn-search {
    margin-top: 10px;
    margin-bottom: 15px
  }
}
.container-form .checkbox {
  margin-top: 0;
  margin-bottom: 0
}
.container-form .checkbox + .checkbox {
  margin-top: 15px
}
@media (max-width:767px) {
  .container-form .checkbox + .checkbox {
    margin-top: 8px
  }
}
.container-form .note {
  margin-top: 12px;
  margin-bottom: 0;
  font-weight: 400
}
@media (max-width:767px) {
  .container-form .note {
    margin-top: 8px
  }
}
@media (min-width:992px) {
  .container-form .gender:first-of-type .radio-inline,
  .container-form .send-info:first-of-type .radio-inline {
    padding-left: 0
  }
}
.container-form .inquiry-content .wpcf7-list-item {
  margin-left: 0
}
@media (min-width:768px) {
  .form-horizontal .control-label {
    text-align: left
  }
}
.form-inline .form-control {
  vertical-align: 1px
}
.form-inline-force .form-control {
  display: inline-block;
  width: auto;
  max-width: 100%
}
textarea {
  overflow: auto;
  height: auto!important;
  line-height: 1.4!important
}
.btn-multiline {
  white-space: normal
}
.btn {
  -webkit-transition: .15s;
  transition: .15s
}
.btn.hover-transition {
  position: relative;
  overflow: hidden
}
.btn.hover-transition .text {
  position: relative;
  z-index: 1
}
.btn.hover-transition:after,
.btn.hover-transition:before {
  position: absolute;
  z-index: 0;
  background-color: #fff;
  content: ""
}
.btn.hover-transition,
.btn.hover-transition:after {
  -webkit-transition: .3s;
  transition: .3s
}
.btn.hover-transition:after {
  left: -35%;
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transform: skew(50deg);
  -ms-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left
}
.btn.hover-transition:hover,
.btn.hover-transition:hover:active {
  color: #000
}
.btn.hover-transition:hover:after {
  width: 140%;
  height: 100%
}
.btn-border-strong-blue {
  color: #1e32b4;
  background-color: #fff;
  border-color: #1e32b4;
  padding: 19px 15px 20px;
  font-size: 23px;
  font-weight: 700;
  border-radius: 0
}
.btn-border-strong-blue.focus,
.btn-border-strong-blue:focus {
  color: #1e32b4;
  background-color: #e6e6e6;
  border-color: #0c1447
}
.btn-border-strong-blue:hover {
  color: #1e32b4;
  border-color: #152380
}
.btn-border-strong-blue.active,
.btn-border-strong-blue:active,
.open > .btn-border-strong-blue.dropdown-toggle {
  color: #1e32b4;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #152380
}
.btn-border-strong-blue.active.focus,
.btn-border-strong-blue.active:focus,
.btn-border-strong-blue.active:hover,
.btn-border-strong-blue:active.focus,
.btn-border-strong-blue:active:focus,
.btn-border-strong-blue:active:hover,
.open > .btn-border-strong-blue.dropdown-toggle.focus,
.open > .btn-border-strong-blue.dropdown-toggle:focus,
.open > .btn-border-strong-blue.dropdown-toggle:hover {
  color: #1e32b4;
  background-color: #d4d4d4;
  border-color: #0c1447
}
.btn-border-strong-blue.disabled.focus,
.btn-border-strong-blue.disabled:focus,
.btn-border-strong-blue.disabled:hover,
.btn-border-strong-blue[disabled].focus,
.btn-border-strong-blue[disabled]:focus,
.btn-border-strong-blue[disabled]:hover,
fieldset[disabled] .btn-border-strong-blue.focus,
fieldset[disabled] .btn-border-strong-blue:focus,
fieldset[disabled] .btn-border-strong-blue:hover {
  background-color: #fff;
  border-color: #1e32b4
}
.btn-border-strong-blue .badge {
  color: #fff;
  background-color: #1e32b4
}
@media (max-width:767px) {
  .btn-border-strong-blue {
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 19px
  }
}
.btn-border-strong-blue:focus,
.btn-border-strong-blue:focus:active,
.btn-border-strong-blue:hover,
.btn-border-strong-blue:hover:active {
  background-color: transparent
}
.btn-border-strong-blue.hover-transition:after,
.btn-border-strong-blue.hover-transition:before {
  background-color: #1e32b4
}
.btn-border-strong-blue.hover-transition:hover,
.btn-border-strong-blue.hover-transition:hover:active {
  color: #fff
}
.btn-border-very-dark-blue {
  color: #0032a5;
  background-color: #f5f5f5;
  border-color: #0032a5;
  padding: 11px 15px;
  font-size: 20px;
  font-weight: 700;
  border-width: 2px;
  border-radius: 0
}
.btn-border-very-dark-blue.focus,
.btn-border-very-dark-blue:focus {
  color: #0032a5;
  background-color: #dcdcdc;
  border-color: #000b26
}
.btn-border-very-dark-blue:hover {
  color: #0032a5;
  border-color: #001f68
}
.btn-border-very-dark-blue.active,
.btn-border-very-dark-blue:active,
.open > .btn-border-very-dark-blue.dropdown-toggle {
  color: #0032a5;
  background-color: #dcdcdc;
  background-image: none;
  border-color: #001f68
}
.btn-border-very-dark-blue.active.focus,
.btn-border-very-dark-blue.active:focus,
.btn-border-very-dark-blue.active:hover,
.btn-border-very-dark-blue:active.focus,
.btn-border-very-dark-blue:active:focus,
.btn-border-very-dark-blue:active:hover,
.open > .btn-border-very-dark-blue.dropdown-toggle.focus,
.open > .btn-border-very-dark-blue.dropdown-toggle:focus,
.open > .btn-border-very-dark-blue.dropdown-toggle:hover {
  color: #0032a5;
  background-color: #cacaca;
  border-color: #000b26
}
.btn-border-very-dark-blue.disabled.focus,
.btn-border-very-dark-blue.disabled:focus,
.btn-border-very-dark-blue.disabled:hover,
.btn-border-very-dark-blue[disabled].focus,
.btn-border-very-dark-blue[disabled]:focus,
.btn-border-very-dark-blue[disabled]:hover,
fieldset[disabled] .btn-border-very-dark-blue.focus,
fieldset[disabled] .btn-border-very-dark-blue:focus,
fieldset[disabled] .btn-border-very-dark-blue:hover {
  background-color: #f5f5f5;
  border-color: #0032a5
}
.btn-border-very-dark-blue .badge {
  color: #f5f5f5;
  background-color: #0032a5
}
@media (max-width:767px) {
  .btn-border-very-dark-blue {
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 17px
  }
}
.btn-border-very-dark-blue:focus,
.btn-border-very-dark-blue:focus:active,
.btn-border-very-dark-blue:hover,
.btn-border-very-dark-blue:hover:active {
  background-color: transparent
}
.btn-border-very-dark-blue.hover-transition:after,
.btn-border-very-dark-blue.hover-transition:before {
  background-color: #0032a5
}
.btn-border-very-dark-blue.hover-transition:hover,
.btn-border-very-dark-blue.hover-transition:hover:active {
  color: #fff
}
.btn-border-white {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  padding: 19px 15px 20px;
  font-size: 23px;
  font-weight: 700;
  border-radius: 0
}
.btn-border-white.focus,
.btn-border-white:focus {
  color: #fff;
  background-color: rgba(0,0,0,0);
  border-color: #bfbfbf
}
.btn-border-white:hover {
  color: #fff;
  background-color: rgba(0,0,0,0);
  border-color: #e0e0e0
}
.btn-border-white.active,
.btn-border-white:active,
.open > .btn-border-white.dropdown-toggle {
  color: #fff;
  background-color: rgba(0,0,0,0);
  background-image: none;
  border-color: #e0e0e0
}
.btn-border-white.active.focus,
.btn-border-white.active:focus,
.btn-border-white.active:hover,
.btn-border-white:active.focus,
.btn-border-white:active:focus,
.btn-border-white:active:hover,
.open > .btn-border-white.dropdown-toggle.focus,
.open > .btn-border-white.dropdown-toggle:focus,
.open > .btn-border-white.dropdown-toggle:hover {
  color: #fff;
  background-color: rgba(0,0,0,0);
  border-color: #bfbfbf
}
.btn-border-white.disabled.focus,
.btn-border-white.disabled:focus,
.btn-border-white.disabled:hover,
.btn-border-white[disabled].focus,
.btn-border-white[disabled]:focus,
.btn-border-white[disabled]:hover,
fieldset[disabled] .btn-border-white.focus,
fieldset[disabled] .btn-border-white:focus,
fieldset[disabled] .btn-border-white:hover {
  background-color: transparent;
  border-color: #fff
}
.btn-border-white .badge {
  color: transparent;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-border-white {
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 19px
  }
}
.btn-border-dark-blue {
  color: #000038;
  background-color: #fff;
  border-color: #000038;
  padding: 14px 15px 10px;
  font-size: 18px;
  font-weight: 700;
  border-width: 3px;
  border-radius: 2px
}
.btn-border-dark-blue.active,
.btn-border-dark-blue.focus,
.btn-border-dark-blue:active,
.btn-border-dark-blue:focus,
.btn-border-dark-blue:hover,
.open>.btn-border-dark-blue.dropdown-toggle {
  color: #fff;
  background-color: #000038
}
.btn-border-dark-blue.active.focus,
.btn-border-dark-blue.active:focus,
.btn-border-dark-blue.active:hover,
.btn-border-dark-blue:active.focus,
.btn-border-dark-blue:active:focus,
.btn-border-dark-blue:active:hover,
.open > .btn-border-dark-blue.dropdown-toggle.focus,
.open > .btn-border-dark-blue.dropdown-toggle:focus,
.open > .btn-border-dark-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #000038
}
.btn-border-dark-blue.active,
.btn-border-dark-blue:active,
.open>.btn-border-dark-blue .dropdown-toggle {
  background-image: none
}
.btn-border-dark-blue.disabled.focus,
.btn-border-dark-blue.disabled:focus,
.btn-border-dark-blue.disabled:hover,
.btn-border-dark-blue[disabled].focus,
.btn-border-dark-blue[disabled]:focus,
.btn-border-dark-blue[disabled]:hover,
fieldset[disabled] .btn-border-dark-blue.focus,
fieldset[disabled] .btn-border-dark-blue:focus,
fieldset[disabled] .btn-border-dark-blue:hover {
  background-color: #fff
}
@media (max-width:991px) {
  .btn-border-dark-blue {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .btn-border-dark-blue {
    border-width: 2px
  }
}
.btn-border-dark-blue.arrow-circle-right {
  position: relative;
  padding: 14px 51px 10px 15px;
  text-align: left
}
@media (max-width:767px) {
  .btn-border-dark-blue.arrow-circle-right {
    padding: 11px 51px 7px 10px
  }
}
.btn-border-dark-blue.arrow-circle-right:after,
.btn-border-dark-blue.arrow-circle-right:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  content: ""
}
.btn-border-dark-blue.arrow-circle-right:before {
  right: 20px;
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 50%
}
@media (max-width:767px) {
  .btn-border-dark-blue.arrow-circle-right:before {
    right: 10px;
    width: 20px;
    height: 20px
  }
}
.btn-border-dark-blue.arrow-circle-right:after {
  right: 31px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
@media (max-width:767px) {
  .btn-border-dark-blue.arrow-circle-right:after {
    right: 17px;
    width: 8px;
    height: 8px;
    border-width: 2px
  }
}
.btn-border-dark-blue:focus.arrow-circle-right:before,
.btn-border-dark-blue:hover.arrow-circle-right:before {
  background-color: #fff
}
.btn-border-dark-blue:focus.arrow-circle-right:after,
.btn-border-dark-blue:hover.arrow-circle-right:after {
  border-color: #000
}
.btn-shadow-gray {
  color: #333;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 5px 0 0 #c6c6c6;
  box-shadow: 0 5px 0 0 #c6c6c6;
  padding: 8px 21px 3px;
  border-radius: 5px
}
.btn-shadow-gray.focus,
.btn-shadow-gray:focus {
  color: #333;
  background-color: #cdcdcd;
  border-color: #a6a6a6
}
.btn-shadow-gray:hover {
  color: #333;
  background-color: #cdcdcd;
  border-color: #c7c7c7
}
.btn-shadow-gray.active,
.btn-shadow-gray:active,
.open > .btn-shadow-gray.dropdown-toggle {
  color: #333;
  background-color: #cdcdcd;
  background-image: none;
  border-color: #c7c7c7
}
.btn-shadow-gray.active.focus,
.btn-shadow-gray.active:focus,
.btn-shadow-gray.active:hover,
.btn-shadow-gray:active.focus,
.btn-shadow-gray:active:focus,
.btn-shadow-gray:active:hover,
.open > .btn-shadow-gray.dropdown-toggle.focus,
.open > .btn-shadow-gray.dropdown-toggle:focus,
.open > .btn-shadow-gray.dropdown-toggle:hover {
  color: #333;
  background-color: #bbb;
  border-color: #a6a6a6
}
.btn-shadow-gray.disabled.focus,
.btn-shadow-gray.disabled:focus,
.btn-shadow-gray.disabled:hover,
.btn-shadow-gray[disabled].focus,
.btn-shadow-gray[disabled]:focus,
.btn-shadow-gray[disabled]:hover,
fieldset[disabled] .btn-shadow-gray.focus,
fieldset[disabled] .btn-shadow-gray:focus,
fieldset[disabled] .btn-shadow-gray:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6
}
.btn-shadow-gray .badge {
  color: #e6e6e6;
  background-color: #333
}
@media (max-width:767px) {
  .btn-shadow-gray {
    font-size: 15px
  }
}
.btn-shadow-gray-right-bottom {
  -webkit-box-shadow: 2px 3px 0 rgba(0,0,0,.2);
  box-shadow: 2px 3px 0 rgba(0,0,0,.2);
  border-radius: 7px
}
.btn-dark-blue {
  color: #fff;
  background-color: #000038;
  border-color: #000038;
  padding: 15px 48px 13px;
  font-size: 18px;
  border-radius: 5px
}
.btn-dark-blue.focus,
.btn-dark-blue:focus,
.btn-dark-blue:hover {
  color: #fff;
  background-color: #000005;
  border-color: #000
}
.btn-dark-blue.active,
.btn-dark-blue:active,
.open > .btn-dark-blue.dropdown-toggle {
  color: #fff;
  background-color: #000005;
  background-image: none;
  border-color: #000
}
.btn-dark-blue.active.focus,
.btn-dark-blue.active:focus,
.btn-dark-blue.active:hover,
.btn-dark-blue:active.focus,
.btn-dark-blue:active:focus,
.btn-dark-blue:active:hover,
.open > .btn-dark-blue.dropdown-toggle.focus,
.open > .btn-dark-blue.dropdown-toggle:focus,
.open > .btn-dark-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-dark-blue.disabled.focus,
.btn-dark-blue.disabled:focus,
.btn-dark-blue.disabled:hover,
.btn-dark-blue[disabled].focus,
.btn-dark-blue[disabled]:focus,
.btn-dark-blue[disabled]:hover,
fieldset[disabled] .btn-dark-blue.focus,
fieldset[disabled] .btn-dark-blue:focus,
fieldset[disabled] .btn-dark-blue:hover {
  background-color: #000038;
  border-color: #000038
}
.btn-dark-blue .badge {
  color: #000038;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-dark-blue {
    padding: 10px 6px 8px;
    font-size: 16px
  }
}
.btn-dark-blue.btn-lg {
  padding: 27px 15px;
  font-size: 26px;
  font-weight: 700;
  border-radius: 0
}
@media (max-width:767px) {
  .btn-dark-blue.btn-lg {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 20px
  }
}
.btn-dark-blue.arrow-right-white {
  position: relative;
  padding-right: 30px;
  padding-left: 30px
}
.btn-dark-blue.arrow-right-white:after {
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #fff;
  content: ""
}
.btn-dark-blue .icon-arrow-white {
  position: relative;
  display: inline-block;
  padding-right: 18px
}
.btn-dark-blue .icon-arrow-white:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff;
  content: ""
}
.btn-strong-blue {
  color: #fff;
  background-color: #055078;
  border-color: #055078;
  padding: 10px 20px 4px;
  font-size: 18px;
  border-radius: 0
}
.btn-strong-blue.focus,
.btn-strong-blue:focus {
  color: #fff;
  background-color: #032f47;
  border-color: #000
}
.btn-strong-blue:hover {
  color: #fff;
  background-color: #032f47;
  border-color: #03293d
}
.btn-strong-blue.active,
.btn-strong-blue:active,
.open > .btn-strong-blue.dropdown-toggle {
  color: #fff;
  background-color: #032f47;
  background-image: none;
  border-color: #03293d
}
.btn-strong-blue.active.focus,
.btn-strong-blue.active:focus,
.btn-strong-blue.active:hover,
.btn-strong-blue:active.focus,
.btn-strong-blue:active:focus,
.btn-strong-blue:active:hover,
.open > .btn-strong-blue.dropdown-toggle.focus,
.open > .btn-strong-blue.dropdown-toggle:focus,
.open > .btn-strong-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #021925;
  border-color: #000
}
.btn-strong-blue.disabled.focus,
.btn-strong-blue.disabled:focus,
.btn-strong-blue.disabled:hover,
.btn-strong-blue[disabled].focus,
.btn-strong-blue[disabled]:focus,
.btn-strong-blue[disabled]:hover,
fieldset[disabled] .btn-strong-blue.focus,
fieldset[disabled] .btn-strong-blue:focus,
fieldset[disabled] .btn-strong-blue:hover {
  background-color: #055078;
  border-color: #055078
}
.btn-strong-blue .badge {
  color: #055078;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-strong-blue {
    padding-top: 8px;
    padding-bottom: 4px;
    font-size: 15px
  }
}
.btn-strong-blue.arrow-right-white {
  position: relative;
  padding-right: 30px;
  padding-left: 36px;
  text-align: left
}
.btn-strong-blue.arrow-right-white:before {
  position: absolute;
  top: 0;
  right: 26px;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
.btn-border-blue {
  color: #055078;
  background-color: #e6edf1;
  border-color: #055078;
  padding: 19px 1em 20px 1.2em;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: .2em;
  border-radius: 0
}
.btn-border-blue.focus,
.btn-border-blue:focus {
  color: #055078;
  background-color: #c5d5df;
  border-color: #000
}
.btn-border-blue:hover {
  color: #055078;
  border-color: #03293d
}
.btn-border-blue.active,
.btn-border-blue:active,
.open > .btn-border-blue.dropdown-toggle {
  color: #055078;
  background-color: #c5d5df;
  background-image: none;
  border-color: #03293d
}
.btn-border-blue.active.focus,
.btn-border-blue.active:focus,
.btn-border-blue.active:hover,
.btn-border-blue:active.focus,
.btn-border-blue:active:focus,
.btn-border-blue:active:hover,
.open > .btn-border-blue.dropdown-toggle.focus,
.open > .btn-border-blue.dropdown-toggle:focus,
.open > .btn-border-blue.dropdown-toggle:hover {
  color: #055078;
  background-color: #aec5d2;
  border-color: #000
}
.btn-border-blue.disabled.focus,
.btn-border-blue.disabled:focus,
.btn-border-blue.disabled:hover,
.btn-border-blue[disabled].focus,
.btn-border-blue[disabled]:focus,
.btn-border-blue[disabled]:hover,
fieldset[disabled] .btn-border-blue.focus,
fieldset[disabled] .btn-border-blue:focus,
fieldset[disabled] .btn-border-blue:hover {
  background-color: #e6edf1;
  border-color: #055078
}
.btn-border-blue .badge {
  color: #e6edf1;
  background-color: #055078
}
@media (max-width:767px) {
  .btn-border-blue {
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 19px
  }
}
.btn-border-blue:focus,
.btn-border-blue:focus:active,
.btn-border-blue:hover,
.btn-border-blue:hover:active {
  background-color: transparent
}
.btn-border-blue.hover-transition:after,
.btn-border-blue.hover-transition:before {
  background-color: #055078
}
.btn-border-blue.hover-transition:hover,
.btn-border-blue.hover-transition:hover:active {
  color: #fff
}
.btn-border-bg-blue {
  color: #000046;
  background-color: #fff;
  border-color: #000046;
  padding: 19px 1em 20px 1.2em;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: .2em;
  border-radius: 0
}
.btn-border-bg-blue.focus,
.btn-border-bg-blue:focus {
  color: #000046;
  background-color: #e6e6e6;
  border-color: #000
}
.btn-border-bg-blue:hover {
  color: #000046;
  border-color: #000009
}
.btn-border-bg-blue.active,
.btn-border-bg-blue:active,
.open > .btn-border-bg-blue.dropdown-toggle {
  color: #000046;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #000009
}
.btn-border-bg-blue.active.focus,
.btn-border-bg-blue.active:focus,
.btn-border-bg-blue.active:hover,
.btn-border-bg-blue:active.focus,
.btn-border-bg-blue:active:focus,
.btn-border-bg-blue:active:hover,
.open > .btn-border-bg-blue.dropdown-toggle.focus,
.open > .btn-border-bg-blue.dropdown-toggle:focus,
.open > .btn-border-bg-blue.dropdown-toggle:hover {
  color: #000046;
  background-color: #d4d4d4;
  border-color: #000
}
.btn-border-bg-blue.disabled.focus,
.btn-border-bg-blue.disabled:focus,
.btn-border-bg-blue.disabled:hover,
.btn-border-bg-blue[disabled].focus,
.btn-border-bg-blue[disabled]:focus,
.btn-border-bg-blue[disabled]:hover,
fieldset[disabled] .btn-border-bg-blue.focus,
fieldset[disabled] .btn-border-bg-blue:focus,
fieldset[disabled] .btn-border-bg-blue:hover {
  background-color: #fff;
  border-color: #000046
}
.btn-border-bg-blue .badge {
  color: #fff;
  background-color: #000046
}
@media (max-width:767px) {
  .btn-border-bg-blue {
    padding-top: 13px;
    padding-bottom: 10px;
    font-size: 19px
  }
}
.btn-border-bg-blue:focus,
.btn-border-bg-blue:focus:active,
.btn-border-bg-blue:hover,
.btn-border-bg-blue:hover:active {
  background-color: transparent
}
.btn-border-bg-blue.hover-transition:after,
.btn-border-bg-blue.hover-transition:before {
  background-color: #000046
}
.btn-border-bg-blue.hover-transition:hover,
.btn-border-bg-blue.hover-transition:hover:active {
  color: #fff
}
.btn-border-light-blue {
  color: #6696d8;
  background-color: #fff;
  border-color: #6696d8;
  padding: 9px 1em 3px 1.2em;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .2em;
  border-width: 4px;
  border-radius: 0
}
.btn-border-light-blue.focus,
.btn-border-light-blue:focus {
  color: #6696d8;
  background-color: #e6e6e6;
  border-color: #275698
}
.btn-border-light-blue:hover {
  color: #6696d8;
  border-color: #3575cc
}
.btn-border-light-blue.active,
.btn-border-light-blue:active,
.open > .btn-border-light-blue.dropdown-toggle {
  color: #6696d8;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #3575cc
}
.btn-border-light-blue.active.focus,
.btn-border-light-blue.active:focus,
.btn-border-light-blue.active:hover,
.btn-border-light-blue:active.focus,
.btn-border-light-blue:active:focus,
.btn-border-light-blue:active:hover,
.open > .btn-border-light-blue.dropdown-toggle.focus,
.open > .btn-border-light-blue.dropdown-toggle:focus,
.open > .btn-border-light-blue.dropdown-toggle:hover {
  color: #6696d8;
  background-color: #d4d4d4;
  border-color: #275698
}
.btn-border-light-blue.disabled.focus,
.btn-border-light-blue.disabled:focus,
.btn-border-light-blue.disabled:hover,
.btn-border-light-blue[disabled].focus,
.btn-border-light-blue[disabled]:focus,
.btn-border-light-blue[disabled]:hover,
fieldset[disabled] .btn-border-light-blue.focus,
fieldset[disabled] .btn-border-light-blue:focus,
fieldset[disabled] .btn-border-light-blue:hover {
  background-color: #fff;
  border-color: #6696d8
}
.btn-border-light-blue .badge {
  color: #fff;
  background-color: #6696d8
}
@media (max-width:767px) {
  .btn-border-light-blue {
    padding-top: 9px;
    padding-bottom: 6px;
    font-size: 19px
  }
}
.btn-border-light-blue:focus,
.btn-border-light-blue:focus:active,
.btn-border-light-blue:hover,
.btn-border-light-blue:hover:active {
  background-color: transparent
}
.btn-border-light-blue.hover-transition:after,
.btn-border-light-blue.hover-transition:before {
  background-color: #6696d8
}
.btn-border-light-blue.hover-transition:hover,
.btn-border-light-blue.hover-transition:hover:active {
  color: #fff
}
.btn-border-yellow {
  color: #ff0;
  background-color: transparent;
  border-color: #ff0;
  padding: 19px 1em 15px 1.2em;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .2em;
  border-radius: 0
}
.btn-border-yellow.focus,
.btn-border-yellow:focus {
  color: #ff0;
  background-color: rgba(0,0,0,0);
  border-color: olive
}
.btn-border-yellow:hover {
  color: #ff0;
  border-color: #c2c200
}
.btn-border-yellow.active,
.btn-border-yellow:active,
.open > .btn-border-yellow.dropdown-toggle {
  color: #ff0;
  background-color: rgba(0,0,0,0);
  background-image: none;
  border-color: #c2c200
}
.btn-border-yellow.active.focus,
.btn-border-yellow.active:focus,
.btn-border-yellow.active:hover,
.btn-border-yellow:active.focus,
.btn-border-yellow:active:focus,
.btn-border-yellow:active:hover,
.open > .btn-border-yellow.dropdown-toggle.focus,
.open > .btn-border-yellow.dropdown-toggle:focus,
.open > .btn-border-yellow.dropdown-toggle:hover {
  color: #ff0;
  background-color: rgba(0,0,0,0);
  border-color: olive
}
.btn-border-yellow.disabled.focus,
.btn-border-yellow.disabled:focus,
.btn-border-yellow.disabled:hover,
.btn-border-yellow[disabled].focus,
.btn-border-yellow[disabled]:focus,
.btn-border-yellow[disabled]:hover,
fieldset[disabled] .btn-border-yellow.focus,
fieldset[disabled] .btn-border-yellow:focus,
fieldset[disabled] .btn-border-yellow:hover {
  background-color: transparent;
  border-color: #ff0
}
.btn-border-yellow .badge {
  color: transparent;
  background-color: #ff0
}
@media (max-width:767px) {
  .btn-border-yellow {
    padding-top: 14px;
    padding-bottom: 10px;
    font-size: 21px
  }
}
.btn-border-yellow:focus,
.btn-border-yellow:focus:active,
.btn-border-yellow:hover,
.btn-border-yellow:hover:active {
  background-color: transparent
}
.btn-border-yellow.hover-transition:after,
.btn-border-yellow.hover-transition:before {
  background-color: #ff0
}
.btn-border-yellow.hover-transition:hover,
.btn-border-yellow.hover-transition:hover:active {
  color: #000046
}
.btn-border-vivid-blue {
  color: #20a3db;
  background-color: #e9f6fc;
  border-color: #20a3db;
  padding: 16px 15px 12px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 0
}
.btn-border-vivid-blue.focus,
.btn-border-vivid-blue:focus {
  color: #20a3db;
  background-color: #bce4f6;
  border-color: #10506c
}
.btn-border-vivid-blue:hover {
  color: #20a3db;
  background-color: #bce4f6;
  border-color: #187ba6
}
.btn-border-vivid-blue.active,
.btn-border-vivid-blue:active,
.open > .btn-border-vivid-blue.dropdown-toggle {
  color: #20a3db;
  background-color: #bce4f6;
  background-image: none;
  border-color: #187ba6
}
.btn-border-vivid-blue.active.focus,
.btn-border-vivid-blue.active:focus,
.btn-border-vivid-blue.active:hover,
.btn-border-vivid-blue:active.focus,
.btn-border-vivid-blue:active:focus,
.btn-border-vivid-blue:active:hover,
.open > .btn-border-vivid-blue.dropdown-toggle.focus,
.open > .btn-border-vivid-blue.dropdown-toggle:focus,
.open > .btn-border-vivid-blue.dropdown-toggle:hover {
  color: #20a3db;
  background-color: #9dd7f2;
  border-color: #10506c
}
.btn-border-vivid-blue.disabled.focus,
.btn-border-vivid-blue.disabled:focus,
.btn-border-vivid-blue.disabled:hover,
.btn-border-vivid-blue[disabled].focus,
.btn-border-vivid-blue[disabled]:focus,
.btn-border-vivid-blue[disabled]:hover,
fieldset[disabled] .btn-border-vivid-blue.focus,
fieldset[disabled] .btn-border-vivid-blue:focus,
fieldset[disabled] .btn-border-vivid-blue:hover {
  background-color: #e9f6fc;
  border-color: #20a3db
}
.btn-border-vivid-blue .badge {
  color: #e9f6fc;
  background-color: #20a3db
}
@media (max-width:767px) {
  .btn-border-vivid-blue {
    padding: 8px 10px 7px;
    font-size: 15px
  }
}
.btn-border-vivid-blue.hover-transition:after,
.btn-border-vivid-blue.hover-transition:before {
  background-color: #20a3db
}
.btn-border-vivid-blue.hover-transition:hover,
.btn-border-vivid-blue.hover-transition:hover:active {
  color: #e9f6fc
}
.btn-border-dark-blue-bg-blue {
  color: #0054a6;
  background-color: #e9f6fc;
  border-color: #0054a6;
  padding: 16px 15px 12px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 0
}
.btn-border-dark-blue-bg-blue.focus,
.btn-border-dark-blue-bg-blue:focus {
  color: #0054a6;
  background-color: #bce4f6;
  border-color: #001327
}
.btn-border-dark-blue-bg-blue:hover {
  color: #0054a6;
  background-color: #bce4f6;
  border-color: #003569
}
.btn-border-dark-blue-bg-blue.active,
.btn-border-dark-blue-bg-blue:active,
.open > .btn-border-dark-blue-bg-blue.dropdown-toggle {
  color: #0054a6;
  background-color: #bce4f6;
  background-image: none;
  border-color: #003569
}
.btn-border-dark-blue-bg-blue.active.focus,
.btn-border-dark-blue-bg-blue.active:focus,
.btn-border-dark-blue-bg-blue.active:hover,
.btn-border-dark-blue-bg-blue:active.focus,
.btn-border-dark-blue-bg-blue:active:focus,
.btn-border-dark-blue-bg-blue:active:hover,
.open > .btn-border-dark-blue-bg-blue.dropdown-toggle.focus,
.open > .btn-border-dark-blue-bg-blue.dropdown-toggle:focus,
.open > .btn-border-dark-blue-bg-blue.dropdown-toggle:hover {
  color: #0054a6;
  background-color: #9dd7f2;
  border-color: #001327
}
.btn-border-dark-blue-bg-blue.disabled.focus,
.btn-border-dark-blue-bg-blue.disabled:focus,
.btn-border-dark-blue-bg-blue.disabled:hover,
.btn-border-dark-blue-bg-blue[disabled].focus,
.btn-border-dark-blue-bg-blue[disabled]:focus,
.btn-border-dark-blue-bg-blue[disabled]:hover,
fieldset[disabled] .btn-border-dark-blue-bg-blue.focus,
fieldset[disabled] .btn-border-dark-blue-bg-blue:focus,
fieldset[disabled] .btn-border-dark-blue-bg-blue:hover {
  background-color: #e9f6fc;
  border-color: #0054a6
}
.btn-border-dark-blue-bg-blue .badge {
  color: #e9f6fc;
  background-color: #0054a6
}
@media (max-width:767px) {
  .btn-border-dark-blue-bg-blue {
    padding: 8px 10px 7px;
    font-size: 15px
  }
}
.btn-border-dark-blue-bg-blue.hover-transition:after,
.btn-border-dark-blue-bg-blue.hover-transition:before {
  background-color: #0054a6
}
.btn-border-dark-blue-bg-blue.hover-transition:hover,
.btn-border-dark-blue-bg-blue.hover-transition:hover:active {
  color: #e9f6fc
}
.btn-border-green {
  color: #009380;
  background-color: transparent;
  border-color: #009380;
  padding: 15px 15px 13px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 0
}
.btn-border-green.focus,
.btn-border-green:focus {
  color: #009380;
  background-color: rgba(0,0,0,0);
  border-color: #001411
}
.btn-border-green:hover {
  color: #009380;
  background-color: rgba(0,0,0,0);
  border-color: #00564b
}
.btn-border-green.active,
.btn-border-green:active,
.open > .btn-border-green.dropdown-toggle {
  color: #009380;
  background-color: rgba(0,0,0,0);
  background-image: none;
  border-color: #00564b
}
.btn-border-green.active.focus,
.btn-border-green.active:focus,
.btn-border-green.active:hover,
.btn-border-green:active.focus,
.btn-border-green:active:focus,
.btn-border-green:active:hover,
.open > .btn-border-green.dropdown-toggle.focus,
.open > .btn-border-green.dropdown-toggle:focus,
.open > .btn-border-green.dropdown-toggle:hover {
  color: #009380;
  background-color: rgba(0,0,0,0);
  border-color: #001411
}
.btn-border-green.disabled.focus,
.btn-border-green.disabled:focus,
.btn-border-green.disabled:hover,
.btn-border-green[disabled].focus,
.btn-border-green[disabled]:focus,
.btn-border-green[disabled]:hover,
fieldset[disabled] .btn-border-green.focus,
fieldset[disabled] .btn-border-green:focus,
fieldset[disabled] .btn-border-green:hover {
  background-color: transparent;
  border-color: #009380
}
.btn-border-green .badge {
  color: transparent;
  background-color: #009380
}
@media (max-width:767px) {
  .btn-border-green {
    padding: 8px 10px 7px;
    font-size: 15px
  }
}
.btn-border-green.hover-transition:after,
.btn-border-green.hover-transition:before {
  background-color: #009380
}
.btn-border-green.hover-transition:hover,
.btn-border-green.hover-transition:hover:active {
  color: #fff
}
.btn-bg-stripe-green {
  padding: 8px;
  font-size: 24px;
  line-height: 1.33;
  background-image: linear-gradient(135deg,#03927e 25%,#33aa97 25%,#33aa97 50%,#03927e 50%,#03927e 75%,#33aa97 75%,#33aa97 100%);
  background-size: 14.14px 14.14px
}
@media (max-width:1199px) {
  .btn-bg-stripe-green {
    font-size: 2vw
  }
}
@media (max-width:767px) {
  .btn-bg-stripe-green {
    padding: 4px;
    font-size: 2.5vw
  }
}
@media (max-width:479px) {
  .btn-bg-stripe-green {
    font-size: 13px
  }
}
.btn-bg-stripe-green,
.btn-bg-stripe-green:hover {
  color: #fff
}
.btn-bg-stripe-green,
.btn-bg-stripe-green .inner {
  border-radius: 50%
}
.btn-bg-stripe-green:hover {
  opacity: .9
}
.btn-bg-stripe-green .inner {
  display: block;
  width: 210px;
  height: 210px;
  padding: 45px 10px 10px;
  border: 1px solid #fff
}
@media (max-width:1199px) {
  .btn-bg-stripe-green .inner {
    width: 17.5vw;
    height: 17.5vw;
    padding-top: 3.75vw
  }
}
@media (max-width:767px) {
  .btn-bg-stripe-green .inner {
    width: 20vw;
    height: 20vw
  }
}
@media (max-width:479px) {
  .btn-bg-stripe-green .inner {
    width: 96px;
    height: 96px;
    padding-top: 18px
  }
}
.btn-bg-stripe-green .icon {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 28px
}
@media (max-width:1199px) {
  .btn-bg-stripe-green .icon {
    margin-bottom: 1.2vw
  }
}
@media (max-width:767px) {
  .btn-bg-stripe-green .icon {
    width: 45px;
    margin-bottom: 2vw
  }
}
@media (max-width:479px) {
  .btn-bg-stripe-green .icon {
    width: 35px;
    margin-bottom: 7px
  }
}
.btn-bg-stripe-dark-green {
  position: relative;
  padding: 10px 25px 5px;
  font-size: 30px;
  text-align: left;
  border-radius: 0
}
@media (max-width:991px) {
  .btn-bg-stripe-dark-green {
    font-size: 25px
  }
}
@media (max-width:767px) {
  .btn-bg-stripe-dark-green {
    padding-left: 5px;
    font-size: 15px;
    line-height: 1.3
  }
}
.btn-bg-stripe-dark-green,
.btn-bg-stripe-dark-green:focus,
.btn-bg-stripe-dark-green:hover {
  background-image: linear-gradient(135deg,#00927d 25%,#32a898 25%,#32a898 50%,#00927d 50%,#00927d 75%,#32a898 75%,#32a898 100%);
  background-size: 14.14px 14.14px;
  color: #fff
}
.btn-bg-stripe-dark-green:hover {
  opacity: .7
}
.btn-bg-stripe-dark-green.icon-check {
  position: relative
}
.btn-bg-stripe-dark-green.icon-check:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 31px;
  height: 31px;
  margin-top: auto;
  margin-bottom: auto;
  background: url(../img/icon/ico-check.png) no-repeat;
  content: ""
}
@media (max-width:767px) {
  .btn-bg-stripe-dark-green.icon-check:after {
    top: 6px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-size: 15px auto
  }
}
.btn-border-desaturated-blue {
  color: #0050be;
  background-color: #fff;
  border-color: #0050be;
  padding: 6px 34px 3px;
  font-weight: 700;
  border-width: 2px;
  border-radius: 4px
}
.btn-border-desaturated-blue.active,
.btn-border-desaturated-blue.focus,
.btn-border-desaturated-blue:active,
.btn-border-desaturated-blue:focus,
.btn-border-desaturated-blue:hover,
.open>.btn-border-desaturated-blue.dropdown-toggle {
  color: #fff;
  background-color: #0050be
}
.btn-border-desaturated-blue.active.focus,
.btn-border-desaturated-blue.active:focus,
.btn-border-desaturated-blue.active:hover,
.btn-border-desaturated-blue:active.focus,
.btn-border-desaturated-blue:active:focus,
.btn-border-desaturated-blue:active:hover,
.open > .btn-border-desaturated-blue.dropdown-toggle.focus,
.open > .btn-border-desaturated-blue.dropdown-toggle:focus,
.open > .btn-border-desaturated-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #0050be
}
.btn-border-desaturated-blue.active,
.btn-border-desaturated-blue:active,
.open>.btn-border-desaturated-blue .dropdown-toggle {
  background-image: none
}
.btn-border-desaturated-blue.disabled.focus,
.btn-border-desaturated-blue.disabled:focus,
.btn-border-desaturated-blue.disabled:hover,
.btn-border-desaturated-blue[disabled].focus,
.btn-border-desaturated-blue[disabled]:focus,
.btn-border-desaturated-blue[disabled]:hover,
fieldset[disabled] .btn-border-desaturated-blue.focus,
fieldset[disabled] .btn-border-desaturated-blue:focus,
fieldset[disabled] .btn-border-desaturated-blue:hover {
  background-color: #fff
}
.btn-dark-gray {
  color: #fff;
  background-color: grey;
  border-color: grey;
  padding: 9px 40px 5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 0
}
.btn-dark-gray.focus,
.btn-dark-gray:focus {
  color: #fff;
  background-color: #676767;
  border-color: #404040
}
.btn-dark-gray:hover {
  color: #fff;
  background-color: #676767;
  border-color: #616161
}
.btn-dark-gray.active,
.btn-dark-gray:active,
.open > .btn-dark-gray.dropdown-toggle {
  color: #fff;
  background-color: #676767;
  background-image: none;
  border-color: #616161
}
.btn-dark-gray.active.focus,
.btn-dark-gray.active:focus,
.btn-dark-gray.active:hover,
.btn-dark-gray:active.focus,
.btn-dark-gray:active:focus,
.btn-dark-gray:active:hover,
.open > .btn-dark-gray.dropdown-toggle.focus,
.open > .btn-dark-gray.dropdown-toggle:focus,
.open > .btn-dark-gray.dropdown-toggle:hover {
  color: #fff;
  background-color: #555;
  border-color: #404040
}
.btn-dark-gray.disabled.focus,
.btn-dark-gray.disabled:focus,
.btn-dark-gray.disabled:hover,
.btn-dark-gray[disabled].focus,
.btn-dark-gray[disabled]:focus,
.btn-dark-gray[disabled]:hover,
fieldset[disabled] .btn-dark-gray.focus,
fieldset[disabled] .btn-dark-gray:focus,
fieldset[disabled] .btn-dark-gray:hover {
  background-color: grey;
  border-color: grey
}
.btn-dark-gray .badge {
  color: grey;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-dark-gray {
    font-size: 15px
  }
}
.btn-border-cyan {
  color: #0050be;
  background-color: #fff;
  border-color: #0050be;
  padding: 13px 10px 9px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.06em;
  border-width: 2px;
  border-radius: 4px
}
.btn-border-cyan.focus,
.btn-border-cyan:focus {
  color: #0050be;
  background-color: #e6e6e6;
  border-color: #001a3f
}
.btn-border-cyan:hover {
  color: #0050be;
  background-color: #e6e6e6;
  border-color: #003681
}
.btn-border-cyan.active,
.btn-border-cyan:active,
.open > .btn-border-cyan.dropdown-toggle {
  color: #0050be;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #003681
}
.btn-border-cyan.active.focus,
.btn-border-cyan.active:focus,
.btn-border-cyan.active:hover,
.btn-border-cyan:active.focus,
.btn-border-cyan:active:focus,
.btn-border-cyan:active:hover,
.open > .btn-border-cyan.dropdown-toggle.focus,
.open > .btn-border-cyan.dropdown-toggle:focus,
.open > .btn-border-cyan.dropdown-toggle:hover {
  color: #0050be;
  background-color: #d4d4d4;
  border-color: #001a3f
}
.btn-border-cyan.disabled.focus,
.btn-border-cyan.disabled:focus,
.btn-border-cyan.disabled:hover,
.btn-border-cyan[disabled].focus,
.btn-border-cyan[disabled]:focus,
.btn-border-cyan[disabled]:hover,
fieldset[disabled] .btn-border-cyan.focus,
fieldset[disabled] .btn-border-cyan:focus,
fieldset[disabled] .btn-border-cyan:hover {
  background-color: #fff;
  border-color: #0050be
}
.btn-border-cyan .badge {
  color: #fff;
  background-color: #0050be
}
@media (max-width:767px) {
  .btn-border-cyan {
    font-size: 15px
  }
}
.btn-border-cyan.icon-arrow-right {
  position: relative;
  padding-right: 36px;
  padding-left: 30px;
  text-align: left
}
@media (max-width:767px) {
  .btn-border-cyan.icon-arrow-right {
    padding-right: 24px;
    padding-left: 10px
  }
}
.btn-border-cyan.icon-arrow-right:after {
  position: absolute;
  top: 0;
  right: 22px;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 4px solid #0050be;
  border-right: 4px solid #0050be;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
@media (max-width:767px) {
  .btn-border-cyan.icon-arrow-right:after {
    right: 10px
  }
}
.btn-anchor-with-arrow-down {
  padding: 32px 15px 30px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 8px;
  border-width: 4px
}
@media (max-width:991px) {
  .btn-anchor-with-arrow-down {
    font-size: 30px
  }
}
@media (max-width:767px) {
  .btn-anchor-with-arrow-down {
    margin-bottom: 20px;
    font-size: 25px
  }
}
.btn-anchor-with-arrow-down:focus,
.btn-anchor-with-arrow-down:hover {
  opacity: .7
}
.btn-anchor-with-arrow-down.with-arrow-down {
  position: relative
}
.btn-anchor-with-arrow-down.with-arrow-down:before {
  position: absolute;
  right: 0;
  bottom: 14px;
  left: 0;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 13px 12px 0;
  border-color: #fff transparent transparent;
  content: ""
}
@media (max-width:767px) {
  .btn-anchor-with-arrow-down.with-arrow-down:before {
    border-width: 10px 9px 0 10px
  }
}
.btn-anchor-with-arrow-down.btn-sm {
  padding: 17px 10px 8px
}
.btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left {
  position: relative;
  display: inline-block;
  padding-right: 50px;
  padding-left: 50px
}
.btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left:after,
.btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 24px;
  border-style: solid;
  border-width: 16px 15px 0;
  border-color: #fff transparent transparent;
  content: ""
}
@media (max-width:767px) {
  .btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left:after,
  .btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left:before {
    border-width: 11px 12.5px 0
  }
}
.btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left:before {
  left: 0
}
.btn-anchor-with-arrow-down.btn-sm .icon-arrow-right-left:after {
  right: 0
}
.btn-border-bg-stripe-cyan {
  color: #fff;
  background-color: #34b3ac;
  border-color: #00807b;
  background-image: repeating-linear-gradient(0deg,#34b3ac,#34b3ac 4px,#00a098 4px,#00a098 8px)
}
.btn-border-bg-stripe-cyan.focus,
.btn-border-bg-stripe-cyan:focus {
  color: #fff;
  background-color: #298b86;
  border-color: #000100
}
.btn-border-bg-stripe-cyan:hover {
  color: #fff;
  background-color: #298b86;
  border-color: #004340
}
.btn-border-bg-stripe-cyan.active,
.btn-border-bg-stripe-cyan:active,
.open > .btn-border-bg-stripe-cyan.dropdown-toggle {
  color: #fff;
  background-color: #298b86;
  background-image: none;
  border-color: #004340
}
.btn-border-bg-stripe-cyan.active.focus,
.btn-border-bg-stripe-cyan.active:focus,
.btn-border-bg-stripe-cyan.active:hover,
.btn-border-bg-stripe-cyan:active.focus,
.btn-border-bg-stripe-cyan:active:focus,
.btn-border-bg-stripe-cyan:active:hover,
.open > .btn-border-bg-stripe-cyan.dropdown-toggle.focus,
.open > .btn-border-bg-stripe-cyan.dropdown-toggle:focus,
.open > .btn-border-bg-stripe-cyan.dropdown-toggle:hover {
  color: #fff;
  background-color: #20706b;
  border-color: #000100
}
.btn-border-bg-stripe-cyan.disabled.focus,
.btn-border-bg-stripe-cyan.disabled:focus,
.btn-border-bg-stripe-cyan.disabled:hover,
.btn-border-bg-stripe-cyan[disabled].focus,
.btn-border-bg-stripe-cyan[disabled]:focus,
.btn-border-bg-stripe-cyan[disabled]:hover,
fieldset[disabled] .btn-border-bg-stripe-cyan.focus,
fieldset[disabled] .btn-border-bg-stripe-cyan:focus,
fieldset[disabled] .btn-border-bg-stripe-cyan:hover {
  background-color: #34b3ac;
  border-color: #00807b
}
.btn-border-bg-stripe-cyan .badge {
  color: #34b3ac;
  background-color: #fff
}
.btn-border-bg-stripe-pink {
  color: #fff;
  background-color: #ed7689;
  border-color: #ba4356;
  background-image: repeating-linear-gradient(0deg,#ec778a,#ec778a 4px,#e9546a 4px,#e9546a 8px)
}
.btn-border-bg-stripe-pink.focus,
.btn-border-bg-stripe-pink:focus {
  color: #fff;
  background-color: #e74962;
  border-color: #5c212b
}
.btn-border-bg-stripe-pink:hover {
  color: #fff;
  background-color: #e74962;
  border-color: #8d3341
}
.btn-border-bg-stripe-pink.active,
.btn-border-bg-stripe-pink:active,
.open > .btn-border-bg-stripe-pink.dropdown-toggle {
  color: #fff;
  background-color: #e74962;
  background-image: none;
  border-color: #8d3341
}
.btn-border-bg-stripe-pink.active.focus,
.btn-border-bg-stripe-pink.active:focus,
.btn-border-bg-stripe-pink.active:hover,
.btn-border-bg-stripe-pink:active.focus,
.btn-border-bg-stripe-pink:active:focus,
.btn-border-bg-stripe-pink:active:hover,
.open > .btn-border-bg-stripe-pink.dropdown-toggle.focus,
.open > .btn-border-bg-stripe-pink.dropdown-toggle:focus,
.open > .btn-border-bg-stripe-pink.dropdown-toggle:hover {
  color: #fff;
  background-color: #e32947;
  border-color: #5c212b
}
.btn-border-bg-stripe-pink.disabled.focus,
.btn-border-bg-stripe-pink.disabled:focus,
.btn-border-bg-stripe-pink.disabled:hover,
.btn-border-bg-stripe-pink[disabled].focus,
.btn-border-bg-stripe-pink[disabled]:focus,
.btn-border-bg-stripe-pink[disabled]:hover,
fieldset[disabled] .btn-border-bg-stripe-pink.focus,
fieldset[disabled] .btn-border-bg-stripe-pink:focus,
fieldset[disabled] .btn-border-bg-stripe-pink:hover {
  background-color: #ed7689;
  border-color: #ba4356
}
.btn-border-bg-stripe-pink .badge {
  color: #ed7689;
  background-color: #fff
}
.btn-border-bg-stripe-green {
  color: #fff;
  background-color: #34b3ac;
  border-color: #19872e;
  background-image: repeating-linear-gradient(0deg,#4cba61,#4cba61 4px,#1daa3a 4px,#1daa3a 8px)
}
.btn-border-bg-stripe-green.focus,
.btn-border-bg-stripe-green:focus {
  color: #fff;
  background-color: #298b86;
  border-color: #051b09
}
.btn-border-bg-stripe-green:hover {
  color: #fff;
  background-color: #298b86;
  border-color: #0f531c
}
.btn-border-bg-stripe-green.active,
.btn-border-bg-stripe-green:active,
.open > .btn-border-bg-stripe-green.dropdown-toggle {
  color: #fff;
  background-color: #298b86;
  background-image: none;
  border-color: #0f531c
}
.btn-border-bg-stripe-green.active.focus,
.btn-border-bg-stripe-green.active:focus,
.btn-border-bg-stripe-green.active:hover,
.btn-border-bg-stripe-green:active.focus,
.btn-border-bg-stripe-green:active:focus,
.btn-border-bg-stripe-green:active:hover,
.open > .btn-border-bg-stripe-green.dropdown-toggle.focus,
.open > .btn-border-bg-stripe-green.dropdown-toggle:focus,
.open > .btn-border-bg-stripe-green.dropdown-toggle:hover {
  color: #fff;
  background-color: #20706b;
  border-color: #051b09
}
.btn-border-bg-stripe-green.disabled.focus,
.btn-border-bg-stripe-green.disabled:focus,
.btn-border-bg-stripe-green.disabled:hover,
.btn-border-bg-stripe-green[disabled].focus,
.btn-border-bg-stripe-green[disabled]:focus,
.btn-border-bg-stripe-green[disabled]:hover,
fieldset[disabled] .btn-border-bg-stripe-green.focus,
fieldset[disabled] .btn-border-bg-stripe-green:focus,
fieldset[disabled] .btn-border-bg-stripe-green:hover {
  background-color: #34b3ac;
  border-color: #19872e
}
.btn-border-bg-stripe-green .badge {
  color: #34b3ac;
  background-color: #fff
}
.btn-border-bg-stripe-red {
  color: #fff;
  background-color: #34b3ac;
  border-color: #bb1d34;
  background-image: repeating-linear-gradient(0deg,#e91a36,#e91a36 4px,#e6001f 4px,#e6001f 8px)
}
.btn-border-bg-stripe-red.focus,
.btn-border-bg-stripe-red:focus {
  color: #fff;
  background-color: #298b86;
  border-color: #4d0c15
}
.btn-border-bg-stripe-red:hover {
  color: #fff;
  background-color: #298b86;
  border-color: #861525
}
.btn-border-bg-stripe-red.active,
.btn-border-bg-stripe-red:active,
.open > .btn-border-bg-stripe-red.dropdown-toggle {
  color: #fff;
  background-color: #298b86;
  background-image: none;
  border-color: #861525
}
.btn-border-bg-stripe-red.active.focus,
.btn-border-bg-stripe-red.active:focus,
.btn-border-bg-stripe-red.active:hover,
.btn-border-bg-stripe-red:active.focus,
.btn-border-bg-stripe-red:active:focus,
.btn-border-bg-stripe-red:active:hover,
.open > .btn-border-bg-stripe-red.dropdown-toggle.focus,
.open > .btn-border-bg-stripe-red.dropdown-toggle:focus,
.open > .btn-border-bg-stripe-red.dropdown-toggle:hover {
  color: #fff;
  background-color: #20706b;
  border-color: #4d0c15
}
.btn-border-bg-stripe-red.disabled.focus,
.btn-border-bg-stripe-red.disabled:focus,
.btn-border-bg-stripe-red.disabled:hover,
.btn-border-bg-stripe-red[disabled].focus,
.btn-border-bg-stripe-red[disabled]:focus,
.btn-border-bg-stripe-red[disabled]:hover,
fieldset[disabled] .btn-border-bg-stripe-red.focus,
fieldset[disabled] .btn-border-bg-stripe-red:focus,
fieldset[disabled] .btn-border-bg-stripe-red:hover {
  background-color: #34b3ac;
  border-color: #bb1d34
}
.btn-border-bg-stripe-red .badge {
  color: #34b3ac;
  background-color: #fff
}
.btn-believe {
  padding: 14px 15px 10px;
  font-size: 26px;
  font-weight: 700;
  border-radius: 0
}
@media (max-width:767px) {
  .btn-believe {
    font-size: 20px;
    line-height: 1.2
  }
}
.btn-believe.arrow-right-white {
  position: relative;
  padding: 14px 60px 10px 42px;
  text-align: left
}
@media (max-width:767px) {
  .btn-believe.arrow-right-white {
    padding: 7px 60px 2px 22px
  }
}
.btn-believe.arrow-right-white:after {
  position: absolute;
  top: 0;
  right: 37px;
  bottom: 0;
  width: 21px;
  height: 21px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
@media (max-width:767px) {
  .btn-believe.arrow-right-white:after {
    width: 15px;
    height: 15px;
    right: 20px;
    border-width: 3px
  }
}
.btn-believe.btn-soft-red {
  -webkit-box-shadow: 3px 3px 0 0 #a52d50;
  box-shadow: 3px 3px 0 0 #a52d50;
  color: #fff;
  background-color: #e9546b;
  border-color: #e9546b
}
.btn-believe.btn-soft-red.focus,
.btn-believe.btn-soft-red:focus {
  color: #fff;
  background-color: #e32744;
  border-color: #a8162c
}
.btn-believe.btn-soft-red:hover {
  color: #fff;
  background-color: #e32744;
  border-color: #e21e3c
}
.btn-believe.btn-soft-red.active,
.btn-believe.btn-soft-red:active,
.open > .btn-believe.btn-soft-red.dropdown-toggle {
  color: #fff;
  background-color: #e32744;
  background-image: none;
  border-color: #e21e3c
}
.btn-believe.btn-soft-red.active.focus,
.btn-believe.btn-soft-red.active:focus,
.btn-believe.btn-soft-red.active:hover,
.btn-believe.btn-soft-red:active.focus,
.btn-believe.btn-soft-red:active:focus,
.btn-believe.btn-soft-red:active:hover,
.open > .btn-believe.btn-soft-red.dropdown-toggle.focus,
.open > .btn-believe.btn-soft-red.dropdown-toggle:focus,
.open > .btn-believe.btn-soft-red.dropdown-toggle:hover {
  color: #fff;
  background-color: #cc1a36;
  border-color: #a8162c
}
.btn-believe.btn-soft-red.disabled.focus,
.btn-believe.btn-soft-red.disabled:focus,
.btn-believe.btn-soft-red.disabled:hover,
.btn-believe.btn-soft-red[disabled].focus,
.btn-believe.btn-soft-red[disabled]:focus,
.btn-believe.btn-soft-red[disabled]:hover,
fieldset[disabled] .btn-believe.btn-soft-red.focus,
fieldset[disabled] .btn-believe.btn-soft-red:focus,
fieldset[disabled] .btn-believe.btn-soft-red:hover {
  background-color: #e9546b;
  border-color: #e9546b
}
.btn-believe.btn-soft-red .badge {
  color: #e9546b;
  background-color: #fff
}
.btn-believe.btn-soft-green {
  -webkit-box-shadow: 3px 3px 0 0 #1e5d39;
  box-shadow: 3px 3px 0 0 #1e5d39;
  color: #fff;
  background-color: #1ea939;
  border-color: #1ea939
}
.btn-believe.btn-soft-green.focus,
.btn-believe.btn-soft-green:focus {
  color: #fff;
  background-color: #167e2a;
  border-color: #0b3d14
}
.btn-believe.btn-soft-green:hover {
  color: #fff;
  background-color: #167e2a;
  border-color: #157527
}
.btn-believe.btn-soft-green.active,
.btn-believe.btn-soft-green:active,
.open > .btn-believe.btn-soft-green.dropdown-toggle {
  color: #fff;
  background-color: #167e2a;
  background-image: none;
  border-color: #157527
}
.btn-believe.btn-soft-green.active.focus,
.btn-believe.btn-soft-green.active:focus,
.btn-believe.btn-soft-green.active:hover,
.btn-believe.btn-soft-green:active.focus,
.btn-believe.btn-soft-green:active:focus,
.btn-believe.btn-soft-green:active:hover,
.open > .btn-believe.btn-soft-green.dropdown-toggle.focus,
.open > .btn-believe.btn-soft-green.dropdown-toggle:focus,
.open > .btn-believe.btn-soft-green.dropdown-toggle:hover {
  color: #fff;
  background-color: #115f20;
  border-color: #0b3d14
}
.btn-believe.btn-soft-green.disabled.focus,
.btn-believe.btn-soft-green.disabled:focus,
.btn-believe.btn-soft-green.disabled:hover,
.btn-believe.btn-soft-green[disabled].focus,
.btn-believe.btn-soft-green[disabled]:focus,
.btn-believe.btn-soft-green[disabled]:hover,
fieldset[disabled] .btn-believe.btn-soft-green.focus,
fieldset[disabled] .btn-believe.btn-soft-green:focus,
fieldset[disabled] .btn-believe.btn-soft-green:hover {
  background-color: #1ea939;
  border-color: #1ea939
}
.btn-believe.btn-soft-green .badge {
  color: #1ea939;
  background-color: #fff
}
.btn-believe.btn-strong-red {
  -webkit-box-shadow: 3px 3px 0 0 #8d0020;
  box-shadow: 3px 3px 0 0 #8d0020;
  color: #fff;
  background-color: #e60020;
  border-color: #e60020
}
.btn-believe.btn-strong-red.focus,
.btn-believe.btn-strong-red:focus {
  color: #fff;
  background-color: #b30019;
  border-color: #67000e
}
.btn-believe.btn-strong-red:hover {
  color: #fff;
  background-color: #b30019;
  border-color: #a90017
}
.btn-believe.btn-strong-red.active,
.btn-believe.btn-strong-red:active,
.open > .btn-believe.btn-strong-red.dropdown-toggle {
  color: #fff;
  background-color: #b30019;
  background-image: none;
  border-color: #a90017
}
.btn-believe.btn-strong-red.active.focus,
.btn-believe.btn-strong-red.active:focus,
.btn-believe.btn-strong-red.active:hover,
.btn-believe.btn-strong-red:active.focus,
.btn-believe.btn-strong-red:active:focus,
.btn-believe.btn-strong-red:active:hover,
.open > .btn-believe.btn-strong-red.dropdown-toggle.focus,
.open > .btn-believe.btn-strong-red.dropdown-toggle:focus,
.open > .btn-believe.btn-strong-red.dropdown-toggle:hover {
  color: #fff;
  background-color: #8f0014;
  border-color: #67000e
}
.btn-believe.btn-strong-red.disabled.focus,
.btn-believe.btn-strong-red.disabled:focus,
.btn-believe.btn-strong-red.disabled:hover,
.btn-believe.btn-strong-red[disabled].focus,
.btn-believe.btn-strong-red[disabled]:focus,
.btn-believe.btn-strong-red[disabled]:hover,
fieldset[disabled] .btn-believe.btn-strong-red.focus,
fieldset[disabled] .btn-believe.btn-strong-red:focus,
fieldset[disabled] .btn-believe.btn-strong-red:hover {
  background-color: #e60020;
  border-color: #e60020
}
.btn-believe.btn-strong-red .badge {
  color: #e60020;
  background-color: #fff
}
.btn-believe small {
  display: block;
  margin-top: 4px;
  font-size: 22px
}
@media (max-width:767px) {
  .btn-believe small {
    font-size: 18px
  }
}
.btn-red-border-white {
  color: #fff;
  background-color: #e15a75;
  border-color: #fff;
  -webkit-box-shadow: 2px 3px 0 rgba(0,0,0,.2);
  box-shadow: 2px 3px 0 rgba(0,0,0,.2);
  padding: 13px 10px 11px;
  border-width: 2px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 8px
}
.btn-red-border-white.focus,
.btn-red-border-white:focus {
  color: #fff;
  background-color: #d92f51;
  border-color: #bfbfbf
}
.btn-red-border-white:hover {
  color: #fff;
  background-color: #d92f51;
  border-color: #e0e0e0
}
.btn-red-border-white.active,
.btn-red-border-white:active,
.open > .btn-red-border-white.dropdown-toggle {
  color: #fff;
  background-color: #d92f51;
  background-image: none;
  border-color: #e0e0e0
}
.btn-red-border-white.active.focus,
.btn-red-border-white.active:focus,
.btn-red-border-white.active:hover,
.btn-red-border-white:active.focus,
.btn-red-border-white:active:focus,
.btn-red-border-white:active:hover,
.open > .btn-red-border-white.dropdown-toggle.focus,
.open > .btn-red-border-white.dropdown-toggle:focus,
.open > .btn-red-border-white.dropdown-toggle:hover {
  color: #fff;
  background-color: #c12343;
  border-color: #bfbfbf
}
.btn-red-border-white.disabled.focus,
.btn-red-border-white.disabled:focus,
.btn-red-border-white.disabled:hover,
.btn-red-border-white[disabled].focus,
.btn-red-border-white[disabled]:focus,
.btn-red-border-white[disabled]:hover,
fieldset[disabled] .btn-red-border-white.focus,
fieldset[disabled] .btn-red-border-white:focus,
fieldset[disabled] .btn-red-border-white:hover {
  background-color: #e15a75;
  border-color: #fff
}
.btn-red-border-white .badge {
  color: #e15a75;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-red-border-white {
    font-size: 25px
  }
}
.btn-red-border-white.arrow-right-white {
  position: relative;
  padding-left: 40px
}
@media (max-width:767px) {
  .btn-red-border-white.arrow-right-white {
    padding-left: 0
  }
}
.btn-red-border-white.arrow-right-white:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 38px;
  width: 21px;
  height: 32px;
  margin-top: auto;
  margin-bottom: auto;
  background: url(../img/icon/ico-arrow-right-white.png) no-repeat;
  content: ""
}
.btn-white-border-gray {
  color: grey;
  background-color: #fff;
  border-color: #ccc;
  -webkit-box-shadow: 2px 3px 0 rgba(0,0,0,.2);
  box-shadow: 2px 3px 0 rgba(0,0,0,.2);
  padding: 13px 10px 11px;
  border-width: 2px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 8px
}
.btn-white-border-gray.focus,
.btn-white-border-gray:focus {
  color: grey;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}
.btn-white-border-gray:hover {
  color: grey;
  background-color: #e6e6e6;
  border-color: #adadad
}
.btn-white-border-gray.active,
.btn-white-border-gray:active,
.open > .btn-white-border-gray.dropdown-toggle {
  color: grey;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad
}
.btn-white-border-gray.active.focus,
.btn-white-border-gray.active:focus,
.btn-white-border-gray.active:hover,
.btn-white-border-gray:active.focus,
.btn-white-border-gray:active:focus,
.btn-white-border-gray:active:hover,
.open > .btn-white-border-gray.dropdown-toggle.focus,
.open > .btn-white-border-gray.dropdown-toggle:focus,
.open > .btn-white-border-gray.dropdown-toggle:hover {
  color: grey;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}
.btn-white-border-gray.disabled.focus,
.btn-white-border-gray.disabled:focus,
.btn-white-border-gray.disabled:hover,
.btn-white-border-gray[disabled].focus,
.btn-white-border-gray[disabled]:focus,
.btn-white-border-gray[disabled]:hover,
fieldset[disabled] .btn-white-border-gray.focus,
fieldset[disabled] .btn-white-border-gray:focus,
fieldset[disabled] .btn-white-border-gray:hover {
  background-color: #fff;
  border-color: #ccc
}
.btn-white-border-gray .badge {
  color: #fff;
  background-color: grey
}
@media (max-width:767px) {
  .btn-white-border-gray {
    font-size: 25px
  }
}
.btn-white-border-gray.arrow-right-gray {
  position: relative;
  padding-left: 40px
}
@media (max-width:767px) {
  .btn-white-border-gray.arrow-right-gray {
    padding-left: 0
  }
}
.btn-white-border-gray.arrow-right-gray:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 38px;
  width: 21px;
  height: 32px;
  margin-top: auto;
  margin-bottom: auto;
  background: url(../img/icon/ico-arrow-right-gray.png) no-repeat;
  content: ""
}
.btn-strong-red {
  color: #fff;
  background-color: #b23d3b;
  border-color: #b23d3b;
  padding: 14px 20px;
  font-size: 24px;
  border-radius: 0
}
.btn-strong-red.focus,
.btn-strong-red:focus {
  color: #fff;
  background-color: #8c302e;
  border-color: #521c1b
}
.btn-strong-red:hover {
  color: #fff;
  background-color: #8c302e;
  border-color: #842d2c
}
.btn-strong-red.active,
.btn-strong-red:active,
.open > .btn-strong-red.dropdown-toggle {
  color: #fff;
  background-color: #8c302e;
  background-image: none;
  border-color: #842d2c
}
.btn-strong-red.active.focus,
.btn-strong-red.active:focus,
.btn-strong-red.active:hover,
.btn-strong-red:active.focus,
.btn-strong-red:active:focus,
.btn-strong-red:active:hover,
.open > .btn-strong-red.dropdown-toggle.focus,
.open > .btn-strong-red.dropdown-toggle:focus,
.open > .btn-strong-red.dropdown-toggle:hover {
  color: #fff;
  background-color: #712725;
  border-color: #521c1b
}
.btn-strong-red.disabled.focus,
.btn-strong-red.disabled:focus,
.btn-strong-red.disabled:hover,
.btn-strong-red[disabled].focus,
.btn-strong-red[disabled]:focus,
.btn-strong-red[disabled]:hover,
fieldset[disabled] .btn-strong-red.focus,
fieldset[disabled] .btn-strong-red:focus,
fieldset[disabled] .btn-strong-red:hover {
  background-color: #b23d3b;
  border-color: #b23d3b
}
.btn-strong-red .badge {
  color: #b23d3b;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-strong-red {
    padding: 8px 10px;
    font-size: 20px;
    line-height: 1.3
  }
}
.btn-brown {
  background-color: #dc9111;
  padding: 30px 10px 25px;
  color: #fff!important;
  font-size: 34px;
  font-weight: 700;
  border-width: 6px;
  border-radius: 8px
}
.btn-brown.focus,
.btn-brown:focus {
  color: #fff;
  background-color: #ad720d;
  border-color: #210f07
}
.btn-brown:hover {
  color: #fff;
  background-color: #ad720d;
  border-color: #582912;
  -webkit-box-shadow: 0 0 10px 1px rgba(140,68,30,.75);
  box-shadow: 0 0 10px 1px rgba(140,68,30,.75);
  opacity: .9
}
.btn-brown.active,
.btn-brown:active,
.open > .btn-brown.dropdown-toggle {
  color: #fff;
  background-color: #ad720d;
  background-image: none;
  border-color: #582912
}
.btn-brown.active.focus,
.btn-brown.active:focus,
.btn-brown.active:hover,
.btn-brown:active.focus,
.btn-brown:active:focus,
.btn-brown:active:hover,
.open > .btn-brown.dropdown-toggle.focus,
.open > .btn-brown.dropdown-toggle:focus,
.open > .btn-brown.dropdown-toggle:hover {
  color: #fff;
  background-color: #8c5c0b;
  border-color: #210f07
}
.btn-brown.disabled.focus,
.btn-brown.disabled:focus,
.btn-brown.disabled:hover,
.btn-brown[disabled].focus,
.btn-brown[disabled]:focus,
.btn-brown[disabled]:hover,
fieldset[disabled] .btn-brown.focus,
fieldset[disabled] .btn-brown:focus,
fieldset[disabled] .btn-brown:hover {
  background-color: #dc9111;
  border-color: #8b411c
}
.btn-brown .badge {
  color: #dc9111;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-brown {
    font-size: 5.5vw
  }
}
.btn-brown,
.btn-brown:active,
.btn-brown:focus {
  border-color: #8b411c;
  background: -webkit-gradient(linear,left top,left bottom,from(#b85a1a),to(#dc9111));
  background: linear-gradient(to bottom,#b85a1a 0,#dc9111 100%)
}
.btn-very-dark-blue {
  color: #fff;
  background-color: #000336;
  border-color: #000336;
  padding: 14px 20px;
  font-size: 24px;
  border-radius: 0
}
.btn-very-dark-blue.focus,
.btn-very-dark-blue:focus,
.btn-very-dark-blue:hover {
  color: #fff;
  background-color: #000003;
  border-color: #000
}
.btn-very-dark-blue.active,
.btn-very-dark-blue:active,
.open > .btn-very-dark-blue.dropdown-toggle {
  color: #fff;
  background-color: #000003;
  background-image: none;
  border-color: #000
}
.btn-very-dark-blue.active.focus,
.btn-very-dark-blue.active:focus,
.btn-very-dark-blue.active:hover,
.btn-very-dark-blue:active.focus,
.btn-very-dark-blue:active:focus,
.btn-very-dark-blue:active:hover,
.open > .btn-very-dark-blue.dropdown-toggle.focus,
.open > .btn-very-dark-blue.dropdown-toggle:focus,
.open > .btn-very-dark-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-very-dark-blue.disabled.focus,
.btn-very-dark-blue.disabled:focus,
.btn-very-dark-blue.disabled:hover,
.btn-very-dark-blue[disabled].focus,
.btn-very-dark-blue[disabled]:focus,
.btn-very-dark-blue[disabled]:hover,
fieldset[disabled] .btn-very-dark-blue.focus,
fieldset[disabled] .btn-very-dark-blue:focus,
fieldset[disabled] .btn-very-dark-blue:hover {
  background-color: #000336;
  border-color: #000336
}
.btn-very-dark-blue .badge {
  color: #000336;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-very-dark-blue {
    padding: 8px 10px;
    font-size: 20px;
    line-height: 1.3
  }
}
.btn-very-dark-blue-2 {
  color: #fff;
  background-color: #010038;
  border-color: #010038;
  padding: 12px 16px 8px;
  font-size: 20px;
  border-radius: 6px
}
.btn-very-dark-blue-2.focus,
.btn-very-dark-blue-2:focus,
.btn-very-dark-blue-2:hover {
  color: #fff;
  background-color: #000005;
  border-color: #000
}
.btn-very-dark-blue-2.active,
.btn-very-dark-blue-2:active,
.open > .btn-very-dark-blue-2.dropdown-toggle {
  color: #fff;
  background-color: #000005;
  background-image: none;
  border-color: #000
}
.btn-very-dark-blue-2.active.focus,
.btn-very-dark-blue-2.active:focus,
.btn-very-dark-blue-2.active:hover,
.btn-very-dark-blue-2:active.focus,
.btn-very-dark-blue-2:active:focus,
.btn-very-dark-blue-2:active:hover,
.open > .btn-very-dark-blue-2.dropdown-toggle.focus,
.open > .btn-very-dark-blue-2.dropdown-toggle:focus,
.open > .btn-very-dark-blue-2.dropdown-toggle:hover {
  color: #fff;
  background-color: #000;
  border-color: #000
}
.btn-very-dark-blue-2.disabled.focus,
.btn-very-dark-blue-2.disabled:focus,
.btn-very-dark-blue-2.disabled:hover,
.btn-very-dark-blue-2[disabled].focus,
.btn-very-dark-blue-2[disabled]:focus,
.btn-very-dark-blue-2[disabled]:hover,
fieldset[disabled] .btn-very-dark-blue-2.focus,
fieldset[disabled] .btn-very-dark-blue-2:focus,
fieldset[disabled] .btn-very-dark-blue-2:hover {
  background-color: #010038;
  border-color: #010038
}
.btn-very-dark-blue-2 .badge {
  color: #010038;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-very-dark-blue-2 {
    padding: 8px 10px;
    font-size: 18px
  }
}
.btn-very-dark-blue-2:focus,
.btn-very-dark-blue-2:hover {
  opacity: .9
}
.btn-bg-soft-blue {
  color: #fff;
  background-color: #6696d8;
  border-color: #b2caeb;
  padding: 18px 15px 12px;
  font-size: 26px;
  font-weight: 700;
  border-width: 2px;
  border-radius: 8px
}
.btn-bg-soft-blue.focus,
.btn-bg-soft-blue:focus {
  color: #fff;
  background-color: #3d7ace;
  border-color: #4d84d1
}
.btn-bg-soft-blue:hover {
  color: #fff;
  background-color: #3d7ace;
  border-color: #81a9de
}
.btn-bg-soft-blue.active,
.btn-bg-soft-blue:active,
.open > .btn-bg-soft-blue.dropdown-toggle {
  color: #fff;
  background-color: #3d7ace;
  background-image: none;
  border-color: #81a9de
}
.btn-bg-soft-blue.active.focus,
.btn-bg-soft-blue.active:focus,
.btn-bg-soft-blue.active:hover,
.btn-bg-soft-blue:active.focus,
.btn-bg-soft-blue:active:focus,
.btn-bg-soft-blue:active:hover,
.open > .btn-bg-soft-blue.dropdown-toggle.focus,
.open > .btn-bg-soft-blue.dropdown-toggle:focus,
.open > .btn-bg-soft-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #2f69b8;
  border-color: #4d84d1
}
.btn-bg-soft-blue.disabled.focus,
.btn-bg-soft-blue.disabled:focus,
.btn-bg-soft-blue.disabled:hover,
.btn-bg-soft-blue[disabled].focus,
.btn-bg-soft-blue[disabled]:focus,
.btn-bg-soft-blue[disabled]:hover,
fieldset[disabled] .btn-bg-soft-blue.focus,
fieldset[disabled] .btn-bg-soft-blue:focus,
fieldset[disabled] .btn-bg-soft-blue:hover {
  background-color: #6696d8;
  border-color: #b2caeb
}
.btn-bg-soft-blue .badge {
  color: #6696d8;
  background-color: #fff
}
@media (max-width:767px) {
  .btn-bg-soft-blue {
    padding: 14px 15px 8px;
    font-size: 20px
  }
}
.btn-bg-soft-blue .arrow-right-white {
  display: inline-block;
  position: relative;
  padding: 0 55px 0 0;
  font-weight: 700;
  letter-spacing: .2em;
  text-align: left
}
.btn-bg-soft-blue .arrow-right-white:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 21px;
  height: 21px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
@media (max-width:767px) {
  .btn-bg-soft-blue .arrow-right-white:after {
    top: -4px;
    right: 20px;
    width: 15px;
    height: 15px;
    border-width: 3px
  }
}
.btn-white-border-green {
  color: #01937d;
  background-color: #fff;
  border-color: #fff;
  padding: 5px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  border-radius: 4px
}
.btn-white-border-green.focus,
.btn-white-border-green:focus {
  color: #01937d;
  background-color: #e6e6e6;
  border-color: #bfbfbf
}
.btn-white-border-green:hover {
  color: #01937d;
  background-color: #e6e6e6;
  border-color: #e0e0e0
}
.btn-white-border-green.active,
.btn-white-border-green:active,
.open > .btn-white-border-green.dropdown-toggle {
  color: #01937d;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #e0e0e0
}
.btn-white-border-green.active.focus,
.btn-white-border-green.active:focus,
.btn-white-border-green.active:hover,
.btn-white-border-green:active.focus,
.btn-white-border-green:active:focus,
.btn-white-border-green:active:hover,
.open > .btn-white-border-green.dropdown-toggle.focus,
.open > .btn-white-border-green.dropdown-toggle:focus,
.open > .btn-white-border-green.dropdown-toggle:hover {
  color: #01937d;
  background-color: #d4d4d4;
  border-color: #bfbfbf
}
.btn-white-border-green.disabled.focus,
.btn-white-border-green.disabled:focus,
.btn-white-border-green.disabled:hover,
.btn-white-border-green[disabled].focus,
.btn-white-border-green[disabled]:focus,
.btn-white-border-green[disabled]:hover,
fieldset[disabled] .btn-white-border-green.focus,
fieldset[disabled] .btn-white-border-green:focus,
fieldset[disabled] .btn-white-border-green:hover {
  background-color: #fff;
  border-color: #fff
}
.btn-white-border-green .badge {
  color: #fff;
  background-color: #01937d
}
@media (max-width:767px) {
  .btn-white-border-green {
    font-size: 15px
  }
}
.btn-white-border-green small {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #7dc8bd
}
@media (max-width:767px) {
  .btn-white-border-green small {
    font-size: 12px
  }
}
.btn-white-border-green .title {
  display: block;
  line-height: 1.1
}
.btn-white-border-green .inner {
  padding: 5px;
  line-height: 1.2;
  border: 1px solid #01937d;
  border-radius: 4px
}
.navbar-default {
  min-height: 45px;
  margin-bottom: 0;
  border-bottom: 0;
  background-color: #000038
}
.navbar-default .navbar-brand {
  display: none;
  margin-top: 0;
  margin-bottom: 0
}
@media (max-width:991px) {
  .navbar-default .navbar-brand {
    display: inline-block;
    float: none;
    height: auto
  }
  .navbar-default .navbar-brand .logo {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
@media (max-width:991px) {
  .navbar-default .navbar-header {
    line-height: 0;
    text-align: center
  }
}
.navbar-default .container {
  padding-right: 50px;
  padding-left: 50px
}
@media (min-width:992px) {
  .navbar-default .container {
    max-width: 1045px
  }
}
@media (max-width:991px) {
  .navbar-default .container {
    padding-right: 0;
    padding-left: 0
  }
}
.navbar-default .navbar-nav {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none
}
@media (max-width:991px) {
  .navbar-default .navbar-nav {
    margin-top: 0
  }
}
.navbar-default .navbar-nav > li {
  position: relative
}
@media (min-width:992px) {
  .navbar-default .navbar-nav > li {
    width: 16.6666667%;
    text-align: center
  }
}
@media (max-width:991px) {
  .navbar-default .navbar-nav > li + li {
    border-top: 1px solid #fff
  }
}
.navbar-default .navbar-nav > li .circle-with-arrow {
  position: absolute;
  top: 13px;
  right: 20px;
  z-index: -1;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%
}
.navbar-default .navbar-nav > li .circle-with-arrow:after,
.navbar-default .navbar-nav > li .circle-with-arrow:before {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 8px;
  height: 2px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #fff;
  content: ""
}
.navbar-default .navbar-nav > li .circle-with-arrow:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: .3s;
  transition: .3s
}
.navbar-default .navbar-nav > li > a {
  position: relative;
  padding: 16px 5px 7px
}
@media (min-width:992px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 15px
  }
}
@media (min-width:992px) and (max-width:991px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 13px
  }
}
@media (max-width:991px) {
  .navbar-default .navbar-nav > li > a {
    padding: 11px 15px 7px
  }
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff
}
.navbar-default .navbar-nav > li > a:hover {
  opacity: .7
}
@media (min-width:992px) {
  .navbar-default .navbar-nav > li > a:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    content: "";
    border-style: solid;
    border-width: 5px 3.5px 0;
    border-color: #fff transparent transparent
  }
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #005bd8
}
@media (min-width:992px) {
  .navbar-default .dropdown-menu {
    top: 49px
  }
}
.navbar-default .dropdown-menu > li > a {
  padding-top: 7px
}
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #3f90ff
}
.navbar-default .navbar-toggle {
  left: 12px;
  z-index: 1;
  display: block
}
@media (max-width:991px) {
  .navbar-default .navbar-toggle {
    right: 15px;
    left: auto;
    margin-right: 0
  }
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  border-radius: 2px
}
@media (max-width:991px) {
  .navbar-default .navbar-collapse {
    max-height: calc(100vh - 54px)
  }
}
.navbar-default .menu-trigger-collapse {
  display: none
}
@media (max-width:991px) {
  .navbar-default .menu-trigger-collapse {
    display: block!important
  }
}
.navbar-toshin .container-fluid {
  padding-right: 0;
  padding-left: 0
}
@media (min-width:992px) {
  .navbar-toshin .container-fluid {
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (min-width:992px) {
  .navbar-toshin .navbar-nav {
    text-align: center
  }
}
@media (min-width:992px) {
  .navbar-toshin .navbar-nav > li {
    display: inline-block;
    width: auto;
    float: none
  }
}
.navbar-toshin .navbar-nav > li a {
  padding-right: 15px;
  padding-left: 15px
}
@media (max-width:1199px) {
  .navbar-toshin .navbar-nav > li a {
    padding-right: 4px;
    padding-left: 4px
  }
}
@media (max-width:991px) {
  .navbar-toshin .navbar-nav > li a {
    padding-right: 15px;
    padding-left: 15px
  }
}
.navbar-toshin .navbar-nav > .open > a,
.navbar-toshin .navbar-nav > .open > a:focus,
.navbar-toshin .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #00ad96
}
.navbar-toshin .collapse-parent .collapse-child {
  background-color: #009380
}
@media (max-width:991px) {
  .navbar-toshin .collapse-parent .collapse-child {
    background-color: #3fb1a2
  }
}
.navbar-toshin .collapse-parent .collapse-child a:focus,
.navbar-toshin .collapse-parent .collapse-child a:hover {
  background-color: #00c6ac
}
.navbar-toshin .collapse-parent .collapse-child.collapse-list-building {
  padding-top: 20px
}
@media (min-width:768px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-building {
    padding-bottom: 20px
  }
}
@media (min-width:1330px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-building {
    min-width: 550px
  }
}
@media (min-width:768px) and (max-width:1329px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-building {
    min-width: 350px
  }
}
.navbar-toshin .collapse-parent .collapse-child.collapse-list-building a {
  padding-right: 15px!important;
  padding-left: 15px!important;
  border-bottom: 1px solid #fff
}
.navbar-toshin .collapse-parent .collapse-child.collapse-list-building a:empty {
  pointer-events: none
}
@media (max-width:767px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-building a:empty {
    display: none
  }
}
.navbar-toshin .collapse-parent .collapse-child.collapse-list-building .title {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 5px;
  font-weight: 700;
  color: #fff;
  text-align: left
}
@media (max-width:767px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-building .col-store {
    margin-bottom: 20px
  }
}
@media (max-width:767px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-building .col-store:last-of-type {
    margin-bottom: -1px
  }
}
@media (min-width:768px) {
  .navbar-toshin .collapse-parent .collapse-child.collapse-list-record {
    min-width: 400px
  }
}
@media (max-width:991px) {
  .navbar-toshin .container-fluid {
    padding-right: 0;
    padding-left: 0
  }
}
.menu-trigger {
  position: absolute;
  top: 6px;
  right: 0;
  width: 27px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s
}
@media (max-width:767px) {
  .menu-trigger {
    display: inline-block;
    top: 7px
  }
}
.menu-trigger,
.menu-trigger:active,
.menu-trigger:focus,
.menu-trigger:hover {
  background-color: transparent!important;
  border: 0;
  outline: 0
}
.menu-trigger .icon-bar {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #888;
  -webkit-transition: .3s;
  transition: .3s
}
.menu-trigger .icon-bar:nth-of-type(1) {
  top: 0
}
.menu-trigger .icon-bar:nth-of-type(2) {
  top: 11px
}
.menu-trigger .icon-bar:nth-of-type(3) {
  bottom: 0
}
.menu-trigger .icon-bar + .icon-bar {
  margin-top: 0
}
@media (min-width:768px) {
  .menu-trigger:focus .icon-bar:first-child,
  .menu-trigger:hover .icon-bar:first-child {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
  }
  .menu-trigger:focus .icon-bar:last-child,
  .menu-trigger:hover .icon-bar:last-child {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
  }
}
@media (min-width:768px) {
  .menu-trigger.toggle {
    position: fixed
  }
}
.menu-trigger.toggle .icon-bar:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  -ms-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg)
}
.menu-trigger.toggle .icon-bar:nth-of-type(2) {
  opacity: 0
}
.menu-trigger.toggle .icon-bar:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  -ms-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg)
}
.collapse-parent {
  position: relative
}
@media (min-width:992px) {
  .collapse-parent.department-list {
    position: static!important
  }
}
.collapse-parent .collapse-child {
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  min-width: 250px;
  background-color: #373754
}
@media (min-width:992px) {
  .collapse-parent .collapse-child {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1000
  }
}
@media (max-width:767px) {
  .collapse-parent .collapse-child {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
    box-shadow: 0 3px 6px rgba(0,0,0,.175)
  }
}
.collapse-parent .collapse-child ul {
  padding-top: 0;
  padding-bottom: 0
}
.collapse-parent .collapse-child ul li + li {
  border-top: 1px solid #e4e4e4
}
.collapse-parent .collapse-child a {
  display: block;
  padding: 11px 15px 7px;
  color: #fff;
  text-align: left;
  line-height: 1.8
}
.collapse-parent .collapse-child a:focus,
.collapse-parent .collapse-child a:hover {
  color: #fff;
  background-color: #3f90ff;
  text-decoration: none
}
.collapse-parent .collapse-child.collapse-department-list {
  min-width: 0;
  padding-top: 30px;
  background-color: rgba(51,51,51,.9)!important
}
.collapse-parent .collapse-child.collapse-department-list .container {
  max-width: 1130px;
  padding-right: 15px;
  padding-left: 15px
}
@media (max-width:991px) {
  .collapse-parent .collapse-child.collapse-department-list .container {
    max-width: 750px
  }
}
@media (max-width:767px) {
  .collapse-parent .collapse-child.collapse-department-list .container {
    max-width: 370px
  }
}
.collapse-parent .collapse-child.collapse-department-list a {
  display: block;
  padding: 0;
  margin-bottom: 28px
}
@media (max-width:767px) {
  .collapse-parent .collapse-child.collapse-department-list a {
    margin-bottom: 10px
  }
}
.collapse-parent .collapse-child.collapse-department-list a:hover {
  opacity: .7;
  background-color: transparent!important
}
.collapse-parent .collapse-child.collapse-department-list a .text {
  position: relative;
  display: block;
  padding-left: 25px;
  margin-top: 0;
  font-size: 18px;
  color: #fff
}
@media (max-width:767px) {
  .collapse-parent .collapse-child.collapse-department-list a .text {
    padding-left: 15px;
    font-size: 14px
  }
}
.collapse-parent .collapse-child.collapse-department-list a .text:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent transparent transparent #fff;
  content: ""
}
@media (max-width:767px) {
  .collapse-parent .collapse-child.collapse-department-list a .text:before {
    top: 7px;
    border-width: 5px 0 5px 5px
  }
}
.collapse-parent .collapsing {
  -webkit-transition: height .2s;
  transition: height .2s
}
.collapse-parent.open-dropdown-xs .circle-with-arrow:after {
  -webkit-transform: rotate(0)!important;
  -ms-transform: rotate(0)!important;
  transform: rotate(0)!important
}
.menu-slide {
  position: fixed;
  top: -70px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: .2s linear;
  transition: .2s linear;
  height: 100vh;
  padding-top: 100px;
  padding-right: 40px;
  padding-left: 4px;
  background-image: linear-gradient(135deg,#313575 25%,#1a1e65 25%,#1a1e65 50%,#313575 50%,#313575 75%,#1a1e65 75%,#1a1e65 100%);
  background-size: 11.31px 11.31px
}
@media (min-width:992px) {
  .menu-slide {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
@media (max-width:991px) {
  .menu-slide {
    top: 53px;
    z-index: 1029;
    right: 0;
    left: 0;
    display: block;
    height: auto;
    padding: 0;
    background-image: none;
    background-color: #1d2451
  }
}
@media (min-width:992px) {
  .menu-slide.active {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
.menu-slide .list-menu {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  list-style: none
}
@media (min-width:992px) {
  .menu-slide .list-menu {
    padding-top: 50px
  }
}
@media (max-width:991px) {
  .menu-slide .list-menu {
    max-height: 0;
    padding-top: 53px;
    margin-top: -53px;
    margin-bottom: 0;
    -webkit-transition: max-height .6s;
    transition: max-height .6s;
    overflow: hidden
  }
}
.menu-slide .list-menu li {
  padding: 19px 15px
}
@media (max-width:991px) {
  .menu-slide .list-menu li {
    padding: 0
  }
}
.menu-slide .list-menu li:first-child {
  padding-top: 0
}
.menu-slide .list-menu li a {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #fff
}
@media (min-width:992px) {
  .menu-slide .list-menu li a {
    font-size: 16px
  }
}
@media (max-width:991px) {
  .menu-slide .list-menu li a {
    display: block;
    padding: 19px 55px 15px 20px;
    border-bottom: 1px solid #fff
  }
}
.menu-slide .list-menu li a:after,
.menu-slide .list-menu li a:before {
  position: absolute;
  content: ""
}
.menu-slide .list-menu li a:before {
  top: 2px;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0
}
@media (min-width:992px) {
  .menu-slide .list-menu li a:before {
    margin-top: auto;
    margin-bottom: auto;
    border-style: solid;
    border-width: 5.5px 0 5.5px 11px;
    border-color: transparent transparent transparent #fff
  }
}
@media (max-width:991px) {
  .menu-slide .list-menu li a:before {
    top: 23px;
    left: auto!important;
    right: 31px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}
@media (min-width:992px) {
  .menu-slide .list-menu li a:after {
    bottom: 0;
    left: 10px;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: .2s linear;
    transition: .2s linear
  }
}
@media (max-width:991px) {
  .menu-slide .list-menu li a:after {
    top: 13px;
    right: 20px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%
  }
}
@media (min-width:992px) {
  .menu-slide .list-menu li a:focus,
  .menu-slide .list-menu li a:hover {
    text-decoration: none
  }
  .menu-slide .list-menu li a:focus:after,
  .menu-slide .list-menu li a:hover:after {
    width: 100%
  }
}
.menu-slide.with-circle-arrow li {
  position: relative
}
.menu-slide.with-circle-arrow li a:first-child {
  position: static
}
.menu-slide.with-circle-arrow li a.circle-with-arrow {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 20px;
  height: 20px;
  padding: 0!important;
  border: 2px solid #fff;
  border-radius: 50%
}
.menu-slide.with-circle-arrow li a.circle-with-arrow:after,
.menu-slide.with-circle-arrow li a.circle-with-arrow:before {
  top: 7px;
  right: 4px;
  left: auto!important;
  display: block!important;
  width: 8px;
  height: 2px;
  background-color: #fff;
  border: 0!important;
  -webkit-transition: .3s;
  transition: .3s
}
.menu-slide.with-circle-arrow li a.circle-with-arrow:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.menu-slide.with-circle-arrow li a.circle-with-arrow[aria-expanded=true]:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.menu-slide.with-circle-arrow li a:before {
  top: 25px;
  margin-top: inherit;
  margin-bottom: inherit
}
@media (min-width:768px) {
  .menu-slide.with-circle-arrow li a:focus,
  .menu-slide.with-circle-arrow li a:hover {
    opacity: .7
  }
}
.menu-slide.with-circle-arrow .collapse li,
.menu-slide.with-circle-arrow .collapsing li {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #fff
}
.menu-slide.with-circle-arrow .collapse li > a,
.menu-slide.with-circle-arrow .collapsing li > a {
  border-bottom: 0!important
}
.navbar-yotsuya .container-fluid {
  max-width: 1350px
}
.navbar-yotsuya .navbar-nav > li {
  width: 11.1111111%
}
@media (min-width:1200px) and (max-width:1329px) {
  .navbar-yotsuya .navbar-nav > li > a {
    font-size: 13px
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .navbar-yotsuya .navbar-nav > li > a {
    font-size: 10px
  }
}
.nav-tabs-blue {
  font-size: 24px;
  border-width: 3px
}
.nav-tabs-blue > li > a {
  padding: 14px 20px 8px;
  color: #b3b3b3;
  border-radius: 6px 6px 0 0
}
.nav-tabs-blue > li.active > a,
.nav-tabs-blue > li.active > a:focus,
.nav-tabs-blue > li.active > a:hover {
  color: #fff;
  font-weight: 700;
  background-color: #1198d9
}
.navbar-believe .header,
.navbar-kobetsu .header,
.navbar-shingaku2 .header,
.navbar-toshin .header,
.navbar-yotsuya .header {
  padding-top: 7px;
  padding-bottom: 14px;
  background-color: #fff
}
@media (max-width:991px) {
  .navbar-believe .header,
  .navbar-kobetsu .header,
  .navbar-shingaku2 .header,
  .navbar-toshin .header,
  .navbar-yotsuya .header {
    padding-right: 10px;
    padding-left: 10px
  }
}
@media (min-width:768px) {
  .navbar-believe .header .media-left,
  .navbar-kobetsu .header .media-left,
  .navbar-shingaku2 .header .media-left,
  .navbar-toshin .header .media-left,
  .navbar-yotsuya .header .media-left {
    white-space: nowrap
  }
}
.navbar-believe .header .media-body,
.navbar-kobetsu .header .media-body,
.navbar-shingaku2 .header .media-body,
.navbar-toshin .header .media-body,
.navbar-yotsuya .header .media-body {
  font-size: 12px;
  line-height: 1.1
}
.navbar-believe .header .media-body:after,
.navbar-believe .header .media-body:before,
.navbar-kobetsu .header .media-body:after,
.navbar-kobetsu .header .media-body:before,
.navbar-shingaku2 .header .media-body:after,
.navbar-shingaku2 .header .media-body:before,
.navbar-toshin .header .media-body:after,
.navbar-toshin .header .media-body:before,
.navbar-yotsuya .header .media-body:after,
.navbar-yotsuya .header .media-body:before {
  display: table;
  content: " "
}
.navbar-believe .header .media-body:after,
.navbar-kobetsu .header .media-body:after,
.navbar-shingaku2 .header .media-body:after,
.navbar-toshin .header .media-body:after,
.navbar-yotsuya .header .media-body:after {
  clear: both
}
.navbar-believe .header .table-cell .cell,
.navbar-kobetsu .header .table-cell .cell,
.navbar-shingaku2 .header .table-cell .cell,
.navbar-toshin .header .table-cell .cell,
.navbar-yotsuya .header .table-cell .cell {
  vertical-align: top
}
@media (max-width:767px) {
  .navbar-believe .header .table-cell .cell,
  .navbar-kobetsu .header .table-cell .cell,
  .navbar-shingaku2 .header .table-cell .cell,
  .navbar-toshin .header .table-cell .cell,
  .navbar-yotsuya .header .table-cell .cell {
    vertical-align: middle
  }
}
.navbar-believe .header .table-cell .cell:last-child,
.navbar-kobetsu .header .table-cell .cell:last-child,
.navbar-shingaku2 .header .table-cell .cell:last-child,
.navbar-toshin .header .table-cell .cell:last-child,
.navbar-yotsuya .header .table-cell .cell:last-child {
  padding-left: 15px
}
.navbar-believe .header .table-cell .cell:first-child,
.navbar-kobetsu .header .table-cell .cell:first-child,
.navbar-shingaku2 .header .table-cell .cell:first-child,
.navbar-toshin .header .table-cell .cell:first-child,
.navbar-yotsuya .header .table-cell .cell:first-child {
  padding-right: 15px;
  border-right: 1px solid #b3b3b3
}
.navbar-believe .header small,
.navbar-kobetsu .header small,
.navbar-shingaku2 .header small,
.navbar-toshin .header small,
.navbar-yotsuya .header small {
  display: block;
  margin-bottom: 10px;
  font-size: 14px
}
@media (max-width:767px) {
  .navbar-believe .header small,
  .navbar-kobetsu .header small,
  .navbar-shingaku2 .header small,
  .navbar-toshin .header small,
  .navbar-yotsuya .header small {
    margin-bottom: 5px;
    font-size: 11px
  }
}
.navbar-believe .header .container-fluid,
.navbar-kobetsu .header .container-fluid,
.navbar-shingaku2 .header .container-fluid,
.navbar-toshin .header .container-fluid,
.navbar-yotsuya .header .container-fluid {
  max-width: 1112px
}
@media (max-width:479px) {
  .navbar-believe .header .container-fluid,
  .navbar-kobetsu .header .container-fluid,
  .navbar-shingaku2 .header .container-fluid,
  .navbar-toshin .header .container-fluid,
  .navbar-yotsuya .header .container-fluid {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px
  }
}
@media (min-width:992px) {
  .navbar-believe .header .container-contact,
  .navbar-kobetsu .header .container-contact,
  .navbar-shingaku2 .header .container-contact,
  .navbar-toshin .header .container-contact,
  .navbar-yotsuya .header .container-contact {
    padding: 18px 0 0;
    float: right
  }
}
@media (max-width:991px) {
  .navbar-believe .header .container-contact,
  .navbar-kobetsu .header .container-contact,
  .navbar-shingaku2 .header .container-contact,
  .navbar-toshin .header .container-contact,
  .navbar-yotsuya .header .container-contact {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 410px;
    text-align: center
  }
}
@media (max-width:479px) {
  .navbar-believe .header .container-contact,
  .navbar-kobetsu .header .container-contact,
  .navbar-shingaku2 .header .container-contact,
  .navbar-toshin .header .container-contact,
  .navbar-yotsuya .header .container-contact {
    max-width: 300px
  }
}
@media (max-width:479px) {
  .navbar-believe .header .container-contact .img-tel,
  .navbar-kobetsu .header .container-contact .img-tel,
  .navbar-shingaku2 .header .container-contact .img-tel,
  .navbar-toshin .header .container-contact .img-tel,
  .navbar-yotsuya .header .container-contact .img-tel {
    width: 168px
  }
}
.navbar-shingaku2 .container {
  width: auto;
  max-width: 1170px;
  padding-right: 15px;
  padding-left: 15px
}
@media (max-width:1199px) and (min-width:992px) {
  .navbar-shingaku2 .navbar-nav > li > a {
    padding-right: 0;
    padding-left: 0;
    font-size: 14px
  }
}
.navbar-believe .navbar-toggle,
.navbar-kobetsu .navbar-toggle {
  top: 139px
}
@media (max-width:991px) {
  .navbar-believe .navbar-toggle,
  .navbar-kobetsu .navbar-toggle {
    top: 175px
  }
}
@media (max-width:767px) {
  .navbar-believe .navbar-toggle,
  .navbar-kobetsu .navbar-toggle {
    top: 5px
  }
}
.navbar-believe {
  background-color: #000235
}
@media (max-width:991px) {
  .navbar-believe .container-fluid {
    padding-right: 0;
    padding-left: 0
  }
}
.navbar-believe .navbar-nav > li {
  width: 14.2857143%
}
@media (max-width:767px) {
  .breadcrumb {
    margin-bottom: 18px
  }
}
.breadcrumb,
.breadcrumb a {
  font-size: 13px
}
.breadcrumb > span {
  padding-right: 15px;
  padding-left: 15px
}
.breadcrumb > span:first-child {
  position: relative;
  padding-left: 30px
}
.breadcrumb > span:first-child:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 15px;
  background: url(../img/icon/ico-home.png) no-repeat;
  content: ""
}
.breadcrumb a {
  color: #5699ff;
  text-decoration: underline
}
.breadcrumb a:focus,
.breadcrumb a:hover {
  text-decoration: none
}
.breadcrumb > li,
.breadcrumb > li > a {
  font-size: 16px
}
.breadcrumb > li + li {
  color: #1a1a1a
}
.breadcrumb > li + li > a {
  color: #3fa9f5;
  text-decoration: underline
}
.breadcrumb.breadcrumb-toshin-junior {
  margin-bottom: 14px
}
.breadcrumb.breadcrumb-toshin-junior,
.breadcrumb.breadcrumb-toshin-junior a {
  color: #333
}
.breadcrumb.breadcrumb-toshin-junior a {
  text-decoration: none
}
.breadcrumb.breadcrumb-toshin-junior a:hover {
  text-decoration: underline
}
.breadcrumb.breadcrumb-toshin-junior > span:first-child:after {
  background: url(../img/icon/ico-home-green.png) no-repeat
}
.pagination {
  display: inline-block
}
.pagination a,
.pagination span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.7;
  color: #707070;
  text-decoration: none;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}
.pagination a + a,
.pagination a + span,
.pagination span + a,
.pagination span + span {
  border-left: 1px solid #ddd
}
.pagination a:first-child,
.pagination span:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
  border-left: 1px solid #ddd
}
.pagination a:last-child,
.pagination span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.pagination a {
  padding-right: 15px;
  padding-left: 15px
}
.pagination a:focus,
.pagination a:hover {
  background-color: #eee
}
.pagination span {
  z-index: 3;
  cursor: default
}
.pagination .current {
  color: #fff;
  background-color: #707070
}
.label {
  display: inline-block;
  padding: .5em .6em .3em;
  font-size: 16px;
  font-weight: 400
}
.label.has-space {
  margin-bottom: 3px
}
.label-red {
  background-color: #ed1b24;
  padding: 4px 9px 2px;
  font-size: 14px;
  border-radius: 0 0 5px 5px
}
.label-red[href]:focus,
.label-red[href]:hover {
  background-color: #c51017
}
.label-blue {
  background-color: #0051c1;
  padding: 5px 5px 3px;
  font-size: 12px;
  border-radius: 5px
}
.label-blue[href]:focus,
.label-blue[href]:hover {
  background-color: #003c8e
}
.label-pink {
  background-color: #ed6fab;
  font-size: 14px
}
.label-pink[href]:focus,
.label-pink[href]:hover {
  background-color: #e74291
}
.label-green {
  background-color: #22b573;
  font-size: 14px
}
.label-green[href]:focus,
.label-green[href]:hover {
  background-color: #1a8a58
}
.label-strong-blue {
  background-color: #0050be;
  font-size: 14px
}
.label-strong-blue[href]:focus,
.label-strong-blue[href]:hover {
  background-color: #003b8b
}
.label-gray {
  background-color: grey;
  padding: 7px 11px 5px;
  font-size: 13px;
  border-radius: 3px
}
.label-gray[href]:focus,
.label-gray[href]:hover {
  background-color: #676767
}
.label-gray.label-lg {
  padding: 13px 14px 10px;
  font-size: 16px;
  border-radius: 6px
}
@media (max-width:767px) {
  .label-gray.label-lg {
    padding: 10px 9px 7px;
    font-size: 14px
  }
}
.label-required {
  background-color: #d43232;
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 0
}
.label-required[href]:focus,
.label-required[href]:hover {
  background-color: #ae2525
}
.label-cyan {
  background-color: #01907c
}
.label-cyan[href]:focus,
.label-cyan[href]:hover {
  background-color: #015d50
}
.label-very-strong-blue {
  background-color: #123a7e
}
.label-very-strong-blue[href]:focus,
.label-very-strong-blue[href]:hover {
  background-color: #0c2551
}
.label-dark-blue {
  background-color: #2056a1
}
.label-dark-blue[href]:focus,
.label-dark-blue[href]:hover {
  background-color: #183f76
}
.label-soft-yellow {
  background-color: #e8c448
}
.label-soft-yellow[href]:focus,
.label-soft-yellow[href]:hover {
  background-color: #e1b51c
}
.label-dark-red {
  background-color: #a54540
}
.label-dark-red[href]:focus,
.label-dark-red[href]:hover {
  background-color: #803632
}
.label-dark-green {
  background-color: #7db256;
  padding: 12px 34px 8px;
  font-size: 28px;
  font-weight: 700;
  border-radius: 7px
}
.label-dark-green[href]:focus,
.label-dark-green[href]:hover {
  background-color: #649243
}
@media (max-width:767px) {
  .label-dark-green {
    padding: 9px 15px 5px;
    font-size: 23px
  }
}
.label-orange {
  background-color: #e5974a;
  padding: 12px 34px 8px;
  font-size: 28px;
  font-weight: 700;
  border-radius: 7px
}
.label-orange[href]:focus,
.label-orange[href]:hover {
  background-color: #dc7d20
}
@media (max-width:767px) {
  .label-orange {
    padding: 9px 15px 5px;
    font-size: 23px
  }
}
.label-dark-cyan {
  background-color: #209fc0;
  padding: 7px 6px 6px!important;
  border-radius: 6px!important
}
.label-dark-cyan[href]:focus,
.label-dark-cyan[href]:hover {
  background-color: #197b94
}
.label-light-pink {
  background-color: #fc8bb7;
  padding: 7px 6px 6px!important;
  border-radius: 6px!important
}
.label-light-pink[href]:focus,
.label-light-pink[href]:hover {
  background-color: #fb5998
}
.label-light-green {
  background-color: #74d1ad;
  padding: 7px 6px 6px!important;
  border-radius: 6px!important
}
.label-light-green[href]:focus,
.label-light-green[href]:hover {
  background-color: #4ec496
}
.label-border-red {
  padding: 9px 15px 0;
  font-size: 24px;
  color: #1a1a1a;
  vertical-align: middle;
  border: 4px solid #e60020
}
@media (max-width:767px) {
  .label-border-red {
    padding: 5px 12px 0;
    margin-bottom: 10px;
    font-size: 20px
  }
}
.label-border-red .number {
  display: inline-block;
  font-size: 46px;
  color: #e60020;
  vertical-align: middle
}
@media (max-width:767px) {
  .label-border-red .number {
    font-size: 35px
  }
}
.label-border-red,
.label-border-red small {
  font-weight: 700
}
.label-border-red small {
  font-size: 18px
}
@media (max-width:767px) {
  .label-border-red small {
    font-size: 16px
  }
}
.label-elementary-school {
  background-color: #ed92b6
}
.label-elementary-school[href]:focus,
.label-elementary-school[href]:hover {
  background-color: #e66699
}
.label-middle-school {
  background-color: #8aceaf
}
.label-middle-school[href]:focus,
.label-middle-school[href]:hover {
  background-color: #66bf96
}
.label-high-school {
  background-color: #4b9ebc
}
.label-high-school[href]:focus,
.label-high-school[href]:hover {
  background-color: #3a819a
}
.label-strong-orange {
  background-color: #b23d3b;
  padding: 9px 14px;
  font-size: 20px;
  border-radius: 20px
}
.label-strong-orange[href]:focus,
.label-strong-orange[href]:hover {
  background-color: #8c302e
}
@media (max-width:767px) {
  .label-strong-orange {
    font-size: 18px
  }
}
.label-strong-pink {
  background-color: #f02b58;
  padding: 21px 12px 16px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  border-radius: 37px
}
.label-strong-pink[href]:focus,
.label-strong-pink[href]:hover {
  background-color: #d90f3d
}
@media (max-width:767px) {
  .label-strong-pink {
    padding: 18px 12px 13px;
    font-size: 26px
  }
}
.label-border-dark-blue {
  background-color: #fff;
  padding: 12px 10px 8px;
  font-size: 16px;
  font-weight: 700;
  color: #0077b6;
  border: 2px solid #0077b6;
  border-radius: 3px
}
.label-border-dark-blue[href]:focus,
.label-border-dark-blue[href]:hover {
  background-color: #e6e6e6
}
@media (max-width:767px) {
  .label-border-dark-blue {
    font-size: 14px
  }
}
.label-border-strong-red {
  background-color: #fff;
  padding: 12px 10px 8px;
  font-size: 16px;
  font-weight: 700;
  color: #f02b58;
  border: 2px solid #f02b58;
  border-radius: 3px
}
.label-border-strong-red[href]:focus,
.label-border-strong-red[href]:hover {
  background-color: #e6e6e6
}
@media (max-width:767px) {
  .label-border-strong-red {
    font-size: 14px
  }
}
.label-circle-cyan {
  background-color: #7eb1de;
  width: 138px;
  height: 138px;
  padding: 55px 10px;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%
}
.label-circle-cyan[href]:focus,
.label-circle-cyan[href]:hover {
  background-color: #5598d4
}
@media (max-width:767px) {
  .label-circle-cyan {
    width: 90px;
    height: 90px;
    padding: 34px 10px;
    font-size: 22px
  }
}
.label-bright-blue {
  background-color: #3fa9f5;
  padding: 12px 22px 8px;
  font-size: 16px;
  border-radius: 3px
}
.label-bright-blue[href]:focus,
.label-bright-blue[href]:hover {
  background-color: #0f93f2
}
a.thumbnail {
  -webkit-transition: .15s;
  transition: .15s
}
.thumbnail-caption-dark-blue,
.thumbnail-no-border,
.thumbnail-no-border .img-thumbnail {
  padding: 0;
  border: 0
}
.thumbnail-caption-dark-blue:hover {
  opacity: .7;
  text-decoration: none
}
.thumbnail-caption-dark-blue .caption {
  padding: 7px 10px 3px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #055078
}
@media (max-width:767px) {
  .thumbnail-caption-dark-blue .caption {
    font-size: 20px
  }
}
.thumbnail-with-img-circle {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 326px;
  padding: 0;
  border: 0;
  background-color: transparent
}
.thumbnail-with-img-circle .bg-img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 326px;
  height: 326px;
  border-radius: 50%
}
@media (max-width:767px) {
  .thumbnail-with-img-circle .bg-img {
    width: 203px;
    height: 203px
  }
}
.thumbnail-with-img-circle .text {
  position: absolute;
  top: 54%;
  right: 0;
  left: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.7;
  color: #fff;
  text-align: center
}
@media (max-width:767px) {
  .thumbnail-with-img-circle .text {
    font-size: 18px
  }
}
.thumbnail-with-img-circle .number {
  display: block;
  width: 75px;
  height: 75px;
  padding: 12px 10px;
  font-size: 31px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #000443;
  border-radius: 50%
}
@media (max-width:767px) {
  .thumbnail-with-img-circle .number {
    width: 65px;
    height: 65px;
    font-size: 26px
  }
}
.thumbnail-with-img-circle .caption {
  padding: 14px 40px;
  line-height: 1.375
}
@media (max-width:767px) {
  .thumbnail-with-img-circle .caption {
    padding: 8px 20px
  }
}
@media (max-width:767px) {
  .media.media-cleared-xs .media-body,
  .media.media-cleared-xs.media {
    overflow: visible
  }
  .media.media-cleared-xs .media-body {
    width: auto
  }
  .media.media-cleared-xs .media-body,
  .media.media-cleared-xs .media-left,
  .media.media-cleared-xs .media-right {
    display: block
  }
  .media.media-cleared-xs .media > .pull-right,
  .media.media-cleared-xs .media-right {
    padding-bottom: 10px;
    padding-left: 0!important
  }
  .media.media-cleared-xs .media > .pull-left,
  .media.media-cleared-xs .media-left {
    padding-right: 0!important;
    padding-bottom: 10px
  }
  .media.media-cleared-xs .media-object {
    display: inline-block
  }
}
@media (max-width:991px) {
  .media.media-cleared-sm .media-body,
  .media.media-cleared-sm.media {
    overflow: visible
  }
  .media.media-cleared-sm .media-body {
    width: auto
  }
  .media.media-cleared-sm .media-body,
  .media.media-cleared-sm .media-left,
  .media.media-cleared-sm .media-right {
    display: block
  }
  .media.media-cleared-sm .media > .pull-right,
  .media.media-cleared-sm .media-right {
    padding-bottom: 10px;
    padding-left: 0!important
  }
  .media.media-cleared-sm .media > .pull-left,
  .media.media-cleared-sm .media-left {
    padding-right: 0!important;
    padding-bottom: 10px
  }
  .media.media-cleared-sm .media-object {
    display: inline-block
  }
}
@media (max-width:1199px) {
  .media.media-cleared-md .media-body,
  .media.media-cleared-md.media {
    overflow: visible
  }
  .media.media-cleared-md .media-body {
    width: auto
  }
  .media.media-cleared-md .media-body,
  .media.media-cleared-md .media-left,
  .media.media-cleared-md .media-right {
    display: block
  }
  .media.media-cleared-md .media > .pull-right,
  .media.media-cleared-md .media-right {
    padding-bottom: 10px;
    padding-left: 0!important
  }
  .media.media-cleared-md .media > .pull-left,
  .media.media-cleared-md .media-left {
    padding-right: 0!important;
    padding-bottom: 10px
  }
  .media.media-cleared-md .media-object {
    display: inline-block
  }
}
@media (min-width:768px) {
  .media.media-direction-rtl {
    direction: rtl
  }
  .media.media-direction-rtl .media-body,
  .media.media-direction-rtl .media-left {
    direction: ltr
  }
  .media.media-direction-rtl .media-right {
    padding-right: 10px;
    padding-left: 0;
    direction: ltr
  }
}
.media-elastic-thumbnail {
  margin-bottom: 15px;
  background-color: #fff
}
.media-elastic-thumbnail .media-left {
  min-width: 130px;
  padding-bottom: 36%
}
@media (max-width:767px) {
  .media-elastic-thumbnail .media-left {
    min-width: 75px;
    padding-bottom: 30%
  }
}
.media-elastic-thumbnail .media-left.img-1 {
  background: url(../img/media/img-1.png) 50% 50%/cover no-repeat
}
.media-elastic-thumbnail .media-body {
  padding-left: 15px
}
.media-bordered-blue {
  background-color: transparent;
  border: 5px solid #355ea6;
  border-radius: 10px
}
.media-bordered-blue .media-left {
  min-width: 200px;
  padding-bottom: 15%
}
.media-bordered-blue .media-body {
  padding: 15px
}
.media-bordered-blue .img-cleaning-2 {
  background: url(../img/media/img-1.png) 50% 50%/cover no-repeat
}
.media-bordered-green {
  padding: 15px 25px 15px 15px;
  margin-bottom: 41px;
  border: 2px solid #c9e866;
  line-height: 1.8;
  background: #fff
}
@media (max-width:991px) {
  .media-bordered-green {
    padding: 15px
  }
}
@media (max-width:767px) {
  .media-bordered-green {
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .media-bordered-green .media-left {
    padding-top: 40px;
    padding-right: 28px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .media-bordered-green .media-left {
    width: 40%
  }
}
.media-bordered-green .media-body .media-heading {
  margin: 22px 0 27px;
  font-size: 26px;
  line-height: 1.3
}
@media (max-width:767px) {
  .media-bordered-green .media-body .media-heading {
    margin: 12px 0;
    font-size: 20px
  }
}
.media-bordered-green .media-body .media-heading-small {
  margin-top: 0;
  margin-bottom: 16px
}
@media (max-width:767px) {
  .media-bordered-green .media-body .media-heading-small {
    margin-bottom: 8px
  }
}
.media-bordered-green .media-body .media-heading-small small {
  font-size: 16px
}
@media (max-width:767px) {
  .media-bordered-green .media-body .media-heading-small small {
    font-size: 13px
  }
}
.media-bordered-green .media-body .label-gray {
  display: block;
  padding: 10px 14px 6px;
  margin-bottom: 11px;
  font-size: 16px;
  text-align: left;
  background-color: #999
}
@media (max-width:767px) {
  .media-bordered-green .media-body .label-gray {
    padding: 6px 8px 5px;
    margin-bottom: 5px;
    font-size: 1rem
  }
}
.media-bordered-green .media-body .caption {
  padding: 0 5px;
  margin-bottom: 0
}
.media-separated {
  border-top: 1px solid #000
}
.media-separated .media-body,
.media-separated .media-left {
  padding-top: 20px
}
@media (max-width:767px) {
  .media-separated .media-body,
  .media-separated .media-left {
    padding-top: 10px
  }
}
.media-separated .media-left {
  min-width: 174px;
  font-weight: 700;
  border-right: 1px solid #000
}
@media (min-width:768px) {
  .media-separated .media-left {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .media-separated .media-left {
    min-width: 100px
  }
}
.media-separated .media-body {
  padding-left: 26px
}
@media (max-width:767px) {
  .media-separated .media-body {
    padding-left: 15px
  }
}
.media-styled {
  padding: 10px
}
.media-styled .media-left {
  padding: 10px;
  color: #fff;
  text-align: center
}
@media (min-width:768px) {
  .media-styled .media-left {
    min-width: 240px;
    font-size: 20px
  }
}
.media-styled.gray {
  background-color: #eee
}
.media-styled.gray .media-left {
  background-color: #999
}
@media (max-width:767px) {
  .media-styled.media-cleared-xs .media-left {
    padding-right: 10px!important
  }
}
@media (min-width:768px) {
  .media-styled .media-body {
    padding-left: 10px
  }
}
@media (max-width:767px) {
  .media-styled .media-body {
    padding-top: 10px
  }
}
.media-styled ul {
  margin-bottom: 0
}
.media-admissions .media-left {
  padding-right: 40px
}
@media (max-width:767px) {
  .media-admissions .media-left {
    margin-bottom: 20px
  }
}
.media-admissions .btn {
  width: 290px
}
@media (max-width:767px) {
  .media-admissions .btn {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
.media-admissions .btn + .btn {
  margin-top: 20px
}
.media-large .media-left {
  padding-right: 30px
}
@media (max-width:767px) {
  .media-large .media-left {
    padding-right: 8px
  }
}
.media-large .media-body {
  line-height: 1.45
}
@media (max-width:767px) {
  .media-large .media-body {
    font-size: 12px
  }
}
@media (max-width:767px) {
  .media-large .media-left img {
    width: 50px
  }
}
.media-large .text-lg-red {
  font-size: 38px;
  font-weight: 700;
  color: #c80000
}
@media (max-width:767px) {
  .media-large .text-lg-red {
    font-size: 16px;
    line-height: 1.2
  }
}
.media-small .media-left {
  padding: 0 20px 0 17px
}
@media (max-width:767px) {
  .media-small .media-left {
    padding: 0 10px 0 0
  }
}
@media (max-width:767px) {
  .media-small .media-left img {
    width: 40px
  }
}
.media-small .text-sm {
  font-size: 24px
}
@media (max-width:767px) {
  .media-small .text-sm {
    font-size: 16px;
    line-height: 1.2
  }
}
.panel-red {
  border-color: #e60122;
  border-width: 10px;
  border-radius: 10px;
  background-color: #e60122
}
.panel-red > .panel-heading {
  color: #feffb1;
  background-color: #e60122;
  border-color: #e60122
}
.panel-red > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e60122
}
.panel-red > .panel-heading .badge {
  color: #e60122;
  background-color: #feffb1
}
.panel-red > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e60122
}
.panel-red .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
@media (max-width:767px) {
  .panel-red .panel-heading {
    padding-right: 5px;
    padding-left: 5px
  }
}
.panel-red .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2vw
}
@media (max-width:767px) {
  .panel-red .panel-title {
    font-size: 11vw
  }
}
.panel-red .panel-title,
.panel-red .panel-title small {
  font-weight: 700
}
.panel-red .panel-title small {
  font-size: 24px;
  color: #fff;
  vertical-align: middle
}
@media (max-width:767px) {
  .panel-red .panel-title small {
    display: block;
    font-size: 15px
  }
}
.panel-red .panel-body {
  padding: 44px 41px 40px;
  border-radius: 10px;
  background-color: #fff
}
@media (max-width:767px) {
  .panel-red .panel-body {
    padding: 25px 15px
  }
}
.panel-dark-red {
  border-color: #c2272d;
  border-width: 4px;
  border-radius: 15px;
  background-color: #c2272d
}
.panel-dark-red > .panel-heading {
  color: #feffb1;
  background-color: #c2272d;
  border-color: #c2272d
}
.panel-dark-red > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #c2272d
}
.panel-dark-red > .panel-heading .badge {
  color: #c2272d;
  background-color: #feffb1
}
.panel-dark-red > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #c2272d
}
.panel-dark-red .panel-heading {
  padding: 16px 15px 11px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
@media (max-width:767px) {
  .panel-dark-red .panel-heading {
    padding: 11px 5px 8px
  }
}
.panel-dark-red .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 1.45
}
@media (max-width:767px) {
  .panel-dark-red .panel-title {
    font-size: 20px
  }
}
.panel-dark-red .panel-title small {
  display: block;
  font-size: 20px;
  color: #ff0;
  vertical-align: middle
}
@media (max-width:767px) {
  .panel-dark-red .panel-title small {
    font-size: 15px
  }
}
.panel-dark-red .panel-body {
  padding: 12px 20px;
  border-radius: 0 0 10px 10px;
  background-color: #fff
}
@media (max-width:767px) {
  .panel-dark-red .panel-body {
    padding: 15px
  }
}
.panel-blue {
  border-color: #6696d8;
  border-width: 5px;
  border-radius: 14px;
  background-color: #6696d8
}
.panel-blue > .panel-heading {
  color: #fff;
  background-color: #6696d8;
  border-color: #6696d8
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #6696d8
}
.panel-blue > .panel-heading .badge {
  color: #6696d8;
  background-color: #fff
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #6696d8
}
.panel-blue .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
@media (max-width:767px) {
  .panel-blue .panel-heading {
    padding-right: 5px;
    padding-left: 5px
  }
}
.panel-blue .panel-title {
  padding: 3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700
}
@media (max-width:767px) {
  .panel-blue .panel-title {
    font-size: 14px
  }
}
.panel-blue .panel-title-md {
  padding: 9px;
  font-size: 28px;
  letter-spacing: 4px;
  font-weight: 700
}
@media (max-width:767px) {
  .panel-blue .panel-title-md {
    padding: 5px;
    font-size: 22px
  }
}
.panel-blue .panel-body {
  padding: 4px 18px 16px;
  background-color: #fff;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px
}
.panel-blue .panel-body .title-md {
  font-size: 20px;
  font-weight: 700;
  color: #0050be
}
.panel-blue .panel-body .title-sm {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #0050be
}
@media (max-width:767px) {
  .panel-blue .panel-body {
    font-size: 12px
  }
}
.panel-blue .panel-body .text-sm {
  font-size: 12px
}
.panel-blue .panel-body .img {
  padding-top: 10px;
  padding-bottom: 10px
}
.panel-blue.panel-sm {
  margin-top: 20px;
  border-width: 4px;
  border-radius: 12px
}
@media (max-width:767px) {
  .panel-blue.panel-sm {
    margin-top: 15px
  }
}
.panel-blue.panel-sm .panel-title {
  padding-top: 0;
  padding-bottom: 0
}
.panel-blue.panel-sm .panel-body {
  padding: 4px 22px 16px;
  line-height: 1.8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}
@media (max-width:767px) {
  .panel-blue.panel-sm .panel-body {
    padding-right: 10px;
    padding-left: 10px
  }
}
.panel-soft-green {
  border-color: #c9e866;
  color: #1a1a1a;
  border-width: 4px;
  border-radius: 16px;
  background-color: #c9e866
}
.panel-soft-green > .panel-heading {
  color: #1a1a1a;
  background-color: #c9e866;
  border-color: #c9e866
}
.panel-soft-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #c9e866
}
.panel-soft-green > .panel-heading .badge {
  color: #c9e866;
  background-color: #1a1a1a
}
.panel-soft-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #c9e866
}
.panel-soft-green .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
@media (max-width:767px) {
  .panel-soft-green .panel-heading {
    padding-right: 5px;
    padding-left: 5px
  }
}
.panel-soft-green .panel-title {
  padding: 2px 10px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700
}
@media (max-width:767px) {
  .panel-soft-green .panel-title {
    font-size: 14px
  }
}
.panel-soft-green .panel-body {
  padding: 12px 18px 0;
  line-height: 1.72;
  background-color: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}
@media (max-width:767px) {
  .panel-soft-green .panel-body {
    padding: 10px!important
  }
}
.panel-soft-green.panel-admission {
  margin-bottom: 0
}
.panel-soft-green.panel-admission .panel-body {
  padding-bottom: 20px
}
.panel-cyan {
  border-color: #5792c3;
  margin-top: 20px;
  font-size: 16px;
  border-width: 3px;
  border-radius: 0;
  background-color: #5792c3
}
.panel-cyan > .panel-heading {
  color: #fff;
  background-color: #5792c3;
  border-color: #5792c3
}
.panel-cyan > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5792c3
}
.panel-cyan > .panel-heading .badge {
  color: #5792c3;
  background-color: #fff
}
.panel-cyan > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5792c3
}
@media (max-width:767px) {
  .panel-cyan {
    margin-bottom: 15px;
    font-size: 15px
  }
}
.panel-cyan .panel-heading {
  padding: 12px 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
@media (max-width:767px) {
  .panel-cyan .panel-heading {
    padding: 11px 5px 8px
  }
}
.panel-cyan .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 1.45
}
@media (max-width:767px) {
  .panel-cyan .panel-title {
    font-size: 20px
  }
}
.panel-cyan .panel-body {
  padding: 26px 40px 30px;
  border-radius: 0;
  background-color: #fff
}
@media (max-width:767px) {
  .panel-cyan .panel-body {
    padding: 15px
  }
}
.panel-cyan.panel-cooperation .media-left {
  padding-right: 48px
}
@media (max-width:767px) {
  .panel-cyan.panel-cooperation .media-left {
    padding-bottom: 20px
  }
}
.panel-cyan.panel-cooperation .media-object {
  display: block!important
}
.panel-cyan.panel-cooperation .media-body {
  line-height: 1.75
}
.panel-cyan.panel-cooperation .icon {
  margin-top: 30px;
  margin-bottom: 30px
}
@media (max-width:767px) {
  .panel-cyan.panel-cooperation .icon {
    margin-top: 15px;
    margin-bottom: 15px
  }
}
.panel-cyan.panel-cooperation .fs-sm {
  font-size: 14px
}
.panel-cyan.panel-cooperation .table-cell {
  margin-top: 24px;
  font-weight: 700
}
@media (max-width:767px) {
  .panel-cyan.panel-cooperation .table-cell {
    margin-top: 18px
  }
}
@media (min-width:768px) {
  .panel-cyan.panel-cooperation .table-cell .cell {
    width: 50%
  }
}
@media (max-width:767px) {
  .panel-cyan.panel-cooperation .table-cell .cell {
    margin-bottom: 20px
  }
}
@media (min-width:768px) {
  .panel-cyan.panel-cooperation .table-cell .cell:first-of-type {
    padding-right: 23px
  }
}
@media (min-width:768px) {
  .panel-cyan.panel-cooperation .table-cell .cell:first-of-type + .cell {
    padding-left: 23px
  }
}
.panel-cyan.panel-cooperation .title-cell {
  display: inline-block;
  margin-bottom: 11px
}
.panel-cyan.panel-cooperation .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 360px;
  margin-top: 30px
}
@media (max-width:767px) {
  .panel-cyan.panel-cooperation .container-btn {
    margin-top: 20px
  }
}
.panel-gray {
  border-color: #ccc;
  font-size: 14px;
  border-width: 2px;
  border-radius: 0
}
.panel-gray > .panel-heading {
  color: #1a1a1a;
  background-color: transparent;
  border-color: transparent
}
.panel-gray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ccc
}
.panel-gray > .panel-heading .badge {
  color: transparent;
  background-color: #1a1a1a
}
.panel-gray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ccc
}
@media (max-width:767px) {
  .panel-gray {
    font-size: 12px
  }
}
.panel-gray .panel-heading {
  padding: 14px 0 36px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 22px;
  font-weight: 700;
  background: url(../../img/voices/bg-arrow-bottom.png) bottom/cover no-repeat
}
@media (max-width:767px) {
  .panel-gray .panel-heading {
    padding: 8px 15px 24px;
    font-size: 18px
  }
}
.panel-gray .panel-body {
  padding: 8px 25px 30px;
  line-height: 1.75
}
@media (max-width:767px) {
  .panel-gray .panel-body {
    padding: 4px 15px 15px
  }
}
.panel-gray .panel-body > p {
  margin-bottom: 0
}
.panel-strong-gray {
  border-color: #e6e6e6;
  margin-bottom: 16px;
  border-width: 10px;
  border-radius: 0
}
.panel-strong-gray > .panel-heading {
  color: #1a1a1a;
  background-color: #e6e6e6;
  border-color: #e6e6e6
}
.panel-strong-gray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e6e6e6
}
.panel-strong-gray > .panel-heading .badge {
  color: #e6e6e6;
  background-color: #1a1a1a
}
.panel-strong-gray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e6e6e6
}
@media (max-width:767px) {
  .panel-strong-gray .panel-heading {
    padding-top: 6px
  }
}
.panel-strong-gray .panel-body {
  padding: 15px 15px 8px;
  background-color: #fff
}
@media (max-width:767px) {
  .panel-strong-gray .panel-body {
    padding-bottom: 0
  }
}
.panel-strong-gray .panel-heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2
}
@media (max-width:767px) {
  .panel-strong-gray .panel-heading {
    font-size: 20px
  }
}
.panel-dark-blue {
  border-color: #4c84d1;
  border-width: 2px;
  border-radius: 5px 5px 0 0
}
.panel-dark-blue > .panel-heading {
  color: #fff;
  background-color: #4c84d1;
  border-color: #4c84d1
}
.panel-dark-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #4c84d1
}
.panel-dark-blue > .panel-heading .badge {
  color: #4c84d1;
  background-color: #fff
}
.panel-dark-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #4c84d1
}
.panel-dark-blue + .panel {
  margin-top: 44px
}
@media (max-width:767px) {
  .panel-dark-blue + .panel {
    margin-top: 28px
  }
}
.panel-dark-blue .panel-heading {
  padding: 6px 24px 7px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
@media (max-width:767px) {
  .panel-dark-blue .panel-heading {
    padding: 4px 10px
  }
}
.panel-dark-blue .panel-heading .table-cell .cell {
  vertical-align: middle
}
.panel-dark-blue .panel-heading .table-cell .cell:first-child {
  padding-right: 20px
}
@media (min-width:768px) {
  .panel-dark-blue .panel-heading .table-cell .cell:last-child {
    text-align: right
  }
}
.panel-dark-blue .panel-heading small {
  font-size: 22px
}
@media (max-width:767px) {
  .panel-dark-blue .panel-heading small {
    font-size: 18px
  }
}
.panel-dark-blue .panel-title {
  font-size: 34px;
  font-weight: 700
}
@media (max-width:767px) {
  .panel-dark-blue .panel-title {
    font-size: 26px
  }
}
.panel-dark-blue .panel-title .number {
  display: inline-block;
  margin-right: 34px;
  font-style: italic;
  font-size: 47px;
  color: #ff0;
  vertical-align: -5px
}
@media (max-width:767px) {
  .panel-dark-blue .panel-title .number {
    margin-right: 20px;
    font-size: 32px;
    vertical-align: -2px
  }
}
.panel-dark-blue .panel-body {
  padding: 0 20px 0 0
}
@media (max-width:1199px) {
  .panel-dark-blue .panel-body {
    padding: 20px 15px
  }
}
.panel-dark-blue.panel-item-4 .panel-body {
  padding: 6px 15px
}
@media (min-width:768px) {
  .panel-dark-blue.panel-item-4 .panel-body {
    padding: 10px 22px
  }
}
.panel-dark-blue:last-of-type {
  margin-bottom: 62px
}
@media (max-width:767px) {
  .panel-dark-blue:last-of-type {
    margin-bottom: 40px
  }
}
.well {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}
.well.well-blank {
  background-color: #fff
}
.well.well-blue {
  background-color: #e6edf1
}
.well.border-radius-base {
  border-radius: 4px
}
.well.well-title-on-border {
  position: relative;
  padding-top: 35px
}
.well.well-title-on-border .title {
  position: absolute;
  top: -.75em;
  right: 0;
  left: 0;
  padding-right: 1.5%;
  padding-left: 1.5%;
  margin: 0
}
.well.well-title-on-border .title .bg {
  display: inline-block;
  padding: 3px 12px;
  line-height: 1.1;
  background: #fff;
  border: 1px solid #000
}
.well-bg-white-with-shadow {
  -webkit-box-shadow: 5px 9px 5px 0 rgba(0,0,0,.1);
  box-shadow: 5px 9px 5px 0 rgba(0,0,0,.1);
  padding: 46px 48px 42px;
  background-color: rgba(255,255,255,.8);
  border: 0
}
@media (max-width:767px) {
  .well-bg-white-with-shadow {
    padding: 30px 20px 32px
  }
}
.well-bg-grid {
  padding: 60px 0 50px;
  margin-bottom: 30px;
  background: url(../img/bg-grid.png);
  border: 0;
  border-radius: 5px
}
@media (max-width:767px) {
  .well-bg-grid {
    padding-bottom: 35px
  }
}
@media (max-width:479px) {
  .well-bg-grid {
    padding-top: 40px
  }
}
.well-bg-grid .inner {
  padding-right: 60px;
  padding-left: 60px
}
@media (max-width:767px) {
  .well-bg-grid .inner {
    padding-right: 15px;
    padding-left: 15px
  }
}
.well-bg-grid .inner:first-line {
  font-size: 130%;
  font-weight: 700
}
.well-bg-grid.well-border-blue {
  border: 10px solid #cbeaff
}
.well-bg-grid.well-border-pink {
  border: 10px solid #ffdcec
}
.well-border-gray {
  border: 2px solid #cfcfcf;
  border-radius: 10px;
  background-color: #fff
}
.well-border-gray-with-img {
  -webkit-box-shadow: 0 5px 5px #a5a5a5;
  box-shadow: 0 5px 5px #a5a5a5;
  padding: 0 25px;
  border: 5px solid #cfcfcf;
  border-radius: 22px;
  background-color: #fff
}
@media (max-width:767px) {
  .well-border-gray-with-img {
    -webkit-box-shadow: 0 3px 3px #a5a5a5;
    box-shadow: 0 3px 3px #a5a5a5;
    border: 2px solid #cfcfcf
  }
}
.well-border-light-blue {
  margin-bottom: 10px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #3fa9f5
}
@media (max-width:767px) {
  .well-border-light-blue {
    margin-bottom: 5px;
    padding: 0 5px
  }
}
.well-border-light-blue .title-sm {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #3fa9f5
}
@media (max-width:767px) {
  .well-border-light-blue .title-sm {
    margin-bottom: 0;
    font-size: 12px
  }
}
@media (max-width:767px) {
  .well-border-light-blue {
    font-size: 12px
  }
}
.well-border-light-blue .text-sm {
  font-size: 12px
}
.well-bg-stripe-blue {
  padding: 20px 10px 18px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.29;
  color: #fff;
  border: 0;
  background-image: linear-gradient(135deg,#00917a 21.43%,#32a89a 21.43%,#32a89a 50%,#00917a 50%,#00917a 71.43%,#32a89a 71.43%,#32a89a 100%);
  background-size: 9.9px 9.9px
}
@media (max-width:767px) {
  .well-bg-stripe-blue {
    font-size: 18px
  }
}
.well-bordered-gray {
  padding: 10px 7px 3px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 5px;
  text-align: center;
  border: 1px solid grey;
  background-color: #fff
}
@media (max-width:767px) {
  .well-bordered-gray {
    padding: 4px;
    margin: 0 25px;
    font-size: 14px;
    letter-spacing: 3px
  }
}
.well-voice {
  padding: 0 0 0 30px;
  margin-bottom: 64px;
  border: 0
}
@media (max-width:767px) {
  .well-voice {
    padding-left: 0;
    margin-bottom: 42px
  }
}
.well-voice .media .media-left {
  padding-right: 36px
}
@media (max-width:767px) {
  .well-voice .media .media-left {
    padding-right: 18px
  }
}
@media (max-width:767px) {
  .well-voice .media .media-object {
    width: 60px
  }
}
.well-border-pink-sm {
  padding: 15px 20px 9px;
  font-weight: 700;
  border: 2px solid #ff8890;
  border-radius: 10px;
  background-color: transparent
}
.well-border-pink-sm .title-well {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 16px;
  color: #ff8890
}
.well-border-pink-sm dl dd,
.well-border-pink-sm dl dt {
  vertical-align: middle
}
.well-border-pink-sm dl dt {
  white-space: nowrap
}
.well-border-strong-blue {
  padding: 11px 14px 5px;
  font-size: 12px;
  border: 1px solid #3fa9f5;
  background-color: #fff
}
.well-border-strong-blue .title-well {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #3fa9f5
}
.well-dark-blue {
  padding: 20px 50px 40px;
  font-size: 12px;
  border: 0;
  background-color: #5085a1
}
@media (max-width:767px) {
  .well-dark-blue {
    padding: 15px 20px 25px
  }
}
.well-dark-blue .title-well {
  margin-top: 0;
  font-size: 32px;
  color: #fff;
  text-align: center
}
.well-dark-blue .inner {
  padding: 20px 15px;
  background-color: #fff
}
.well-learning {
  padding: 14px 8px;
  margin-bottom: 23px;
  font-size: 12px;
  border-width: 4px;
  border-style: solid;
  background-color: #fff
}
@media (max-width:767px) {
  .well-learning {
    margin-bottom: 15px
  }
}
.well-learning dl {
  margin-bottom: 12px
}
.well-learning dl .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px
}
@media (max-width:991px) {
  .well-learning dl .title {
    font-size: 22px
  }
}
@media (max-width:767px) {
  .well-learning dl .title {
    font-size: 20px
  }
}
.well-learning dl .title,
.well-learning dl .title small {
  font-weight: 700
}
.well-learning dl .title small {
  display: block;
  margin-bottom: 5px;
  font-size: 14px
}
@media (max-width:767px) {
  .well-learning dl .title small {
    font-size: 12px
  }
}
.well-learning dl dd,
.well-learning dl dt {
  vertical-align: middle
}
@media (min-width:768px) {
  .well-learning dl dd {
    padding-top: 7px
  }
}
@media (min-width:768px) {
  .well-learning .text {
    padding-right: 8px;
    padding-left: 8px
  }
}
.well-learning .text-emphasis {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4
}
@media (max-width:991px) {
  .well-learning .text-emphasis {
    font-size: 14px
  }
}
.well-learning.well-purple {
  border-color: #9b90c8
}
.well-learning.well-purple .text-emphasis,
.well-learning.well-purple .title,
.well-learning.well-purple small {
  color: #9b90c8
}
.well-learning.well-cyan {
  border-color: #6ba6ce
}
.well-learning.well-cyan .text-emphasis,
.well-learning.well-cyan .title,
.well-learning.well-cyan small {
  color: #6ba6ce
}
.well-learning.well-orange {
  border-color: #ef9147
}
.well-learning.well-orange .text-emphasis,
.well-learning.well-orange .title,
.well-learning.well-orange small {
  color: #ef9147
}
.well-learning.well-dark-red {
  border-color: #d96968
}
.well-learning.well-dark-red .text-emphasis,
.well-learning.well-dark-red .title,
.well-learning.well-dark-red small {
  color: #d96968
}
.well-learning.well-green {
  border-color: #90c97c
}
.well-learning.well-green .text-emphasis,
.well-learning.well-green .title,
.well-learning.well-green small {
  color: #90c97c
}
.well-learning.well-light-pink {
  border-color: #e188a4
}
.well-learning.well-light-pink .text-emphasis,
.well-learning.well-light-pink .title,
.well-learning.well-light-pink small {
  color: #e188a4
}
.well-border-soft-green {
  padding: 16px 20px 24px;
  border: 2px solid #c9e866;
  background-color: #fff
}
@media (max-width:767px) {
  .well-border-soft-green {
    padding: 11px 10px 19px;
    margin-bottom: 15px
  }
}
.well-border-soft-green .title-well {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a
}
@media (min-width:768px) {
  .well-border-soft-green .title-well {
    letter-spacing: -.06em
  }
}
@media (max-width:767px) {
  .well-border-soft-green .title-well {
    font-size: 16px
  }
}
.well-border-soft-green .title-well small {
  display: block;
  margin-bottom: 14px;
  font-size: 14px
}
@media (max-width:767px) {
  .well-border-soft-green .title-well small {
    margin-bottom: 5px
  }
}
.well-border-soft-green .text-emphasis {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.4;
  color: #c1272d
}
@media (max-width:767px) {
  .well-border-soft-green .text-emphasis {
    margin-bottom: 10px
  }
}
.well-gray {
  background-color: #e6e6e6;
  border: 0
}
.well-red {
  padding: 12px 8px 10px;
  background-color: #ff001f;
  border: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px
}
.well-red .inner {
  padding: 22px 0 28px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #fff
}
.well-red .title-well {
  margin-bottom: 6px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-align: center
}
@media (max-width:767px) {
  .well-red .title-well {
    font-size: 28px
  }
}
.well-bg-strong-blue {
  background-color: #0064be;
  border: 0
}
.well-bg-strong-pink {
  background-color: #f02b58;
  border: 0
}
.well-price-list {
  width: 265px;
  padding: 0 0 4px;
  font-size: 24px;
  font-weight: 700;
  border: 2px solid #0177b5;
  background-color: #fff;
  border-radius: 5px
}
@media (max-width:767px) {
  .well-price-list {
    width: auto;
    max-width: 220px;
    font-size: 20px
  }
}
.well-price-list .price {
  font-size: 30px;
  letter-spacing: -.1em;
  color: #e60020
}
@media (max-width:767px) {
  .well-price-list .price {
    font-size: 18px
  }
}
.well-price-list .price.price-lg {
  font-size: 40px
}
@media (max-width:767px) {
  .well-price-list .price.price-lg {
    font-size: 25px
  }
}
.well-price-list .list-period {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px
}
@media (max-width:767px) {
  .well-price-list .list-period {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px
  }
}
.well-price-list .list-period > li {
  padding-right: 0;
  padding-left: 0
}
@media (max-width:767px) {
  .well-price-list .list-period > li {
    padding-right: 10px;
    padding-left: 10px
  }
}
.well-price-list .note {
  font-size: 12px
}
.well-price-list .title {
  max-width: 220px;
  padding: 3px 10px 2px 12px;
  font-size: 16px;
  color: #fff;
  border-top-left-radius: 3px;
  background: #0077b7;
  background: linear-gradient(110deg,#0077b7 94%,#fff 95%)
}
@media (max-width:767px) {
  .well-price-list .title {
    font-size: 14px
  }
}
.well-price-list .inner {
  padding: 12px 18px 8px;
  line-height: 1.3
}
@media (max-width:767px) {
  .well-price-list .inner {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 195px;
    padding-right: 10px;
    padding-left: 10px
  }
}
.well-time-course {
  position: relative;
  max-width: 275px;
  padding: 11px 10px 10px 20px;
  font-size: 24px;
  background-color: #e60020;
  border: 0
}
@media (max-width:767px) {
  .well-time-course {
    font-size: 20px
  }
}
.well-time-course:before {
  position: absolute;
  top: -30px;
  right: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 13px 30px;
  border-color: transparent transparent #e60020;
  content: ""
}
.well-time-course,
.well-time-course .price {
  font-weight: 700;
  color: #ff0!important
}
.well-time-course .text-sm {
  font-size: 14px
}
.well-time-course .text-emphasis {
  padding-right: 55px;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.2;
  color: #fff
}
@media (max-width:767px) {
  .well-time-course .text-emphasis {
    font-size: 24px
  }
}
.well-time-course .text-emphasis small {
  display: block;
  margin-bottom: 3px;
  font-size: 18px
}
@media (max-width:767px) {
  .well-time-course .text-emphasis small {
    font-size: 16px
  }
}
.well-very-light-gray {
  padding: 12px 17px 18px;
  font-size: 16px;
  font-weight: 700;
  background-color: #f2f2f2;
  border: 0
}
@media (max-width:767px) {
  .well-very-light-gray {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px
  }
}
.well-very-light-gray .inner {
  padding-right: 5px;
  padding-left: 5px
}
.well-very-light-gray .title-well {
  margin-bottom: 15px
}
.well-border-red {
  padding: 13px 22px 8px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.75;
  border: 2px solid #e60020;
  background-color: #fff;
  border-radius: 6px
}
@media (max-width:767px) {
  .well-border-red {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px
  }
}
.well-stripe-strong-blue {
  padding: 5px;
  margin-bottom: 0;
  background-image: linear-gradient(135deg,#0050be 30%,#fff 30%,#fff 50%,#0050be 50%,#0050be 80%,#fff 80%,#fff 100%);
  background-size: 14.14px 14.14px;
  border: 0
}
.well-stripe-strong-blue .title {
  font-size: 26px;
  font-weight: 700;
  color: #0050be
}
@media (max-width:767px) {
  .well-stripe-strong-blue .title {
    margin-bottom: 8px;
    font-size: 22px
  }
}
.well-stripe-strong-blue .inner {
  padding: 17px 22px 10px;
  background-color: #fff
}
@media (max-width:767px) {
  .well-stripe-strong-blue .inner {
    padding: 10px 15px
  }
}
.well-border-green {
  padding: 20px 10px 38px 26px;
  border: 2px solid #c9e866;
  background-color: #fff
}
@media (max-width:767px) {
  .well-border-green {
    padding: 15px
  }
}
.well-border-light-gray {
  padding: 13px;
  background-color: #fff;
  border: 4px solid #e6e6e6;
  border-radius: 0
}
@media (max-width:767px) {
  .well-border-light-gray {
    padding: 8px
  }
}
.well-border-light-gray .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2
}
@media (max-width:767px) {
  .well-border-light-gray .title {
    font-size: 16px
  }
}
.well-border-strong-red {
  border: 2px solid #e60020
}
.well-border-strong-red .title {
  background: #e67715;
  background: linear-gradient(110deg,#e60020 94%,#fff 95%)
}
.well-border-bg-stripe {
  padding: 4px;
  font-size: 62px;
  line-height: 1.2;
  text-align: center;
  border: 0;
  border-radius: 8px
}
@media (max-width:1199px) {
  .well-border-bg-stripe {
    font-size: 5vw
  }
}
@media (max-width:767px) {
  .well-border-bg-stripe {
    font-size: 7vw
  }
}
.well-border-bg-stripe,
.well-border-bg-stripe small {
  font-weight: 700
}
.well-border-bg-stripe small {
  display: block;
  margin-bottom: 8px;
  font-size: 32px;
  color: #fff
}
@media (max-width:1199px) {
  .well-border-bg-stripe small {
    font-size: 2.5vw
  }
}
@media (max-width:767px) {
  .well-border-bg-stripe small {
    font-size: 5.5vw
  }
}
@media (max-width:767px) {
  .well-border-bg-stripe .icon-speaker {
    width: 75px
  }
}
@media (max-width:767px) {
  .well-border-bg-stripe .media-direction-rtl .icon-speaker {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
  }
}
.well-border-bg-stripe .media-direction-rtl .media-left {
  padding-right: 0
}
@media (min-width:768px) {
  .well-border-bg-stripe .media-direction-rtl .media-left {
    padding-left: 10px
  }
}
@media (max-width:767px) {
  .well-border-bg-stripe .media-direction-rtl .media-left {
    padding-right: 15px
  }
}
.well-border-bg-stripe .inner {
  padding: 22px 10px 18px
}
@media (min-width:992px) {
  .well-border-bg-stripe .inner.inner-gutter-lg {
    padding-right: 110px;
    padding-left: 45px
  }
}
.well-border-bg-stripe.border-bg-stripe-red {
  background-image: linear-gradient(135deg,#f5b3bf 25%,#e50220 25%,#e50220 50%,#f5b3bf 50%,#f5b3bf 75%,#e50220 75%,#e50220 100%);
  background-size: 14.14px 14.14px
}
.well-border-bg-stripe.border-bg-stripe-red .inner {
  background-color: #e5001f
}
.well-border-bg-stripe.border-bg-stripe-blue {
  background-image: linear-gradient(135deg,#b1cfe9 25%,#0063be 25%,#0063be 50%,#b1cfe9 50%,#b1cfe9 75%,#0063be 75%,#0063be 100%);
  background-size: 14.14px 14.14px
}
.well-border-bg-stripe.border-bg-stripe-blue .inner {
  background-color: #0063be
}
.well-announcement {
  float: none;
  width: auto;
  padding: 60px 20px 30px;
  margin-bottom: 0;
  background-color: #fff;
  border: 0
}
@media (min-width:768px) {
  .well-announcement {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .well-announcement {
    padding: 40px 10px 20px
  }
}
.well-announcement .lead {
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 1.6
}
@media (max-width:767px) {
  .well-announcement .lead {
    margin-bottom: 20px;
    font-size: 15px
  }
}
.well-announcement .title-well {
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 700
}
@media (max-width:767px) {
  .well-announcement .title-well {
    margin-bottom: 30px;
    font-size: 25px
  }
}
.well-announcement .article {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .well-announcement .article {
    margin-bottom: 20px
  }
}
.well-bg-dark-blue {
  padding: 9px;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  border: 0;
  background-color: #001f60
}
.well-bg-dark-blue .title,
.well-bg-dark-blue small {
  font-weight: 700;
  color: #ff0;
  text-align: center
}
.well-bg-dark-blue .title {
  font-size: 30px
}
.well-bg-dark-blue small {
  display: block;
  margin-bottom: 8px;
  font-size: 20px
}
.well-bg-dark-blue .text-xs {
  font-size: 13px
}
.well-test-preparation {
  position: relative;
  font-size: 16px;
  border: 7px solid #a0a0a0;
  background: url(../img/bg-border-bottom.png) 50% 100% no-repeat #fff
}
.well-test-preparation:after {
  position: absolute;
  right: -16px;
  bottom: -7px;
  left: -16px;
  display: block;
  height: 8px;
  background-color: #a0a0a0;
  border-radius: 2px;
  content: ""
}
.well-test-preparation .title {
  font-size: 25px
}
@media (max-width:767px) {
  .well-test-preparation .title {
    font-size: 20px
  }
}
@media (max-width:767px) {
  .well-test-preparation .text-lg {
    font-size: 18px
  }
}
.well-gradient-bright-blue {
  background-image: -webkit-gradient(linear,left top,right top,from(#5de1fa),to(#4ebbff));
  background-image: linear-gradient(to right,#5de1fa 0,#4ebbff 100%);
  background-repeat: repeat-x;
  padding: 25px 35px 18px;
  color: #fff;
  border: 0;
  border-radius: 4px
}
@media (max-width:991px) {
  .well-gradient-bright-blue {
    padding: 16px 15px 18px
  }
}
.well-gradient-bright-blue .title {
  margin-top: 0;
  font-size: 26px;
  font-weight: 700
}
@media (max-width:991px) {
  .well-gradient-bright-blue .title {
    font-size: 22px
  }
}
.well-gradient-bright-blue dl dt {
  padding-right: 22px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  border-right: 2px solid #fff
}
@media (max-width:991px) {
  .well-gradient-bright-blue dl dt {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .well-gradient-bright-blue dl dt {
    padding-right: 10px
  }
}
.well-gradient-bright-blue dl dt .number {
  font-size: 32px
}
@media (max-width:767px) {
  .well-gradient-bright-blue dl dt .number {
    font-size: 25px
  }
}
.well-gradient-bright-blue dl dd.price {
  padding-left: 20px;
  font-size: 41px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.2
}
@media (max-width:767px) {
  .well-gradient-bright-blue dl dd.price {
    padding-left: 10px;
    font-size: 30px
  }
}
.well-gradient-bright-blue dl dd.price small {
  display: block;
  font-size: 14px;
  font-style: normal
}
@media (min-width:992px) {
  .well-gradient-bright-blue dl dd.price small {
    text-align: right
  }
}
.well-bg-bright-blue {
  padding: 20px 4px 4px;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  background-color: #3fa9f5
}
@media (max-width:767px) {
  .well-bg-bright-blue {
    margin-bottom: 0
  }
}
.well-bg-bright-blue .title {
  margin-top: 0;
  font-size: 26px;
  font-weight: 700;
  color: #fff
}
@media (max-width:767px) {
  .well-bg-bright-blue .title {
    font-size: 22px
  }
}
.well-bg-bright-blue .inner {
  padding: 20px 10px 14px;
  background-color: #fff
}
@media (max-width:767px) {
  .well-bg-bright-blue dl {
    margin-bottom: 5px
  }
}
.well-bg-bright-blue dl dt {
  padding-right: 14px
}
@media (max-width:767px) {
  .well-bg-bright-blue dl dt {
    margin-bottom: 5px
  }
}
.well-bg-bright-blue dl dd {
  font-size: 30px;
  font-weight: 700;
  color: #4d4d4d
}
@media (max-width:767px) {
  .well-bg-bright-blue dl dd {
    font-size: 25px
  }
}
.well-bg-bright-blue dl dd .text-emphasis {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1
}
@media (max-width:767px) {
  .well-bg-bright-blue dl dd .text-emphasis {
    font-size: 25px
  }
}
.well-bg-bright-blue dl dd .text-emphasis.text-red {
  color: red
}
.bg-dot {
  background-image: url(../img/bg-dot.png);
  background-repeat: repeat;
  background-position: 0 0
}
.bg-main-visual {
  background: url(../img/bg-main-visual.jpg) 50% 50%/cover no-repeat
}
.bg-book-pen {
  background: url(../img/bg-book-pen.png) 50% 50%/cover no-repeat
}
.bg-blue-sky {
  background: url(../img/bg-blue-sky.jpg) 50% 50%/cover no-repeat
}
.bg-strong-blue-sky {
  background: url(../img/bg-strong-blue-sky.png) 50% 50%/cover no-repeat
}
.bg-girl-homework {
  background: url(../img/bg-girl-homework.jpg) no-repeat
}
@media (max-width:767px) {
  .bg-girl-homework {
    background-size: cover
  }
}
.bg-girl-studying {
  background: url(../img/bg-girl-studying.jpg) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-girl-studying {
    background-size: contain
  }
}
.bg-woman-teacher {
  background: url(../img/bg-woman-teacher.jpg) 98% 50% no-repeat
}
@media (max-width:767px) {
  .bg-woman-teacher {
    background-size: contain
  }
}
.bg-landscape {
  background: url(../img/bg-landscape.png) 50% 50%/cover no-repeat
}
.bg-study-lg {
  background: url(../img/bg-study-lg.png) 50% 50%/cover no-repeat
}
.bg-main-visual-exam {
  background: url(../img/bg-main-visual-exam.jpg) 50% 50%/cover no-repeat
}
.bg-writing-lg {
  background: url(../img/bg-writing-lg.png) 50% 50%/cover no-repeat
}
.bg-primary-school {
  background: url(../img/bg-primary-school.jpg) 50% 0/cover no-repeat
}
.bg-high-school {
  background: url(../img/bg-high-school.jpg) 50% 0/cover no-repeat
}
.bg-middle-school {
  background: url(../img/bg-middle-school.jpg) 50% 0/cover no-repeat
}
.bg-girl-studying-sm {
  background: url(../img/bg-girl-studying-sm.jpg) 50%/cover no-repeat
}
.bg-studying-gray {
  background: url(../img/bg-studying-gray.png) 50% 50%/cover no-repeat
}
@media (max-width:767px) {
  .bg-studying-gray {
    background-size: contain
  }
}
.bg-tree {
  background: url(../img/bg-tree.png) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-tree {
    background-size: contain
  }
}
.bg-man {
  background: url(../img/bg-man.jpg) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-man {
    background-size: contain
  }
}
.bg-girl-holding-book {
  background: url(../img/bg-girl-holding-book.png) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-girl-holding-book {
    background-size: contain
  }
}
.bg-header-studying {
  background: url(../img/bg-header-studying.jpg) 84% 50% no-repeat
}
@media (max-width:767px) {
  .bg-header-studying {
    background-size: contain
  }
}
.bg-book-and-pen {
  background: url(../img/bg-book-and-pen.jpg) 50% 50%/cover no-repeat
}
.bg-main-visual-student {
  background: url(../img/bg-main-visual-student.jpg) 50% 50%/cover no-repeat
}
.bg-student-girl {
  background: url(../img/bg-student-girl.jpg) 50% 0/cover no-repeat
}
@media (max-width:767px) {
  .bg-student-girl {
    background-position: 50% 50%
  }
}
.bg-studying {
  background: url(../img/bg-studying.jpg) 50% 50%/cover no-repeat
}
.bg-study {
  position: relative;
  background: url(../img/bg-study.jpg) 50% 50%/cover no-repeat
}
.bg-2-girls {
  background: url(../img/bg-2-girls.jpg) 50% 50%/cover no-repeat
}
.bg-dotted-gray {
  background: url(../img/bg-dotted-gray.png)
}
.bg-field {
  background: url(../img/bg-field.jpg) 0 0/cover no-repeat
}
.bg-student-and-building {
  background: url(../img/bg-student-and-building.jpg) 50% 50%/cover no-repeat
}
@media (min-width:768px) {
  .bg-girl-sm {
    background: url(../img/bg-girl-sm.png) 98% 100%/contain no-repeat
  }
}
.bg-blue-sky-and-cloud {
  background: url(../img/bg-blue-sky-and-cloud.png) 50% 0/cover no-repeat
}
.bg-girl {
  position: relative;
  z-index: 1
}
@media (min-width:992px) {
  .bg-girl:before {
    position: absolute;
    top: -80px;
    right: 32px;
    bottom: 0;
    left: 32px;
    z-index: -1;
    background: url(../img/img-girl.png) 100% 0 no-repeat;
    content: ""
  }
}
@media (max-width:1499px) {
  .bg-girl:before {
    background-size: 300px auto
  }
}
@media (max-width:1199px) {
  .bg-girl:before {
    background-size: 250px auto
  }
}
.bg-student {
  position: relative;
  z-index: 1
}
@media (min-width:992px) {
  .bg-student:before {
    position: absolute;
    top: -175px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../../img/shingaku/img-student.png) 100% 0 no-repeat;
    content: ""
  }
  .shigaku-student.bg-student:before {
    background: url(../../img/shingaku/shigaku-student.png) 100% 0 no-repeat;
  }
  
}
@media (max-width:1499px) {
  .bg-student:before {
    background-size: 300px auto
  } 
  .shigaku-student.bg-student:before {
    background-size: 300px auto
  }
}
@media (max-width:1199px) {
  .bg-student:before {
    top: -25px;
    background-size: 250px auto
  } 
  .shigaku-student.bg-student:before {
    top: -25px;
    background-size: 250px auto
  }
}
.bg-main-visual-girl {
  background: url(../img/bg-main-visual-girl.jpg) 50% 50%/cover no-repeat
}
@media (max-width:767px) {
  .bg-main-visual-girl {
    background-position: 50% 0
  }
}
.bg-sakura-fv {
  background: url(../img/bg-sakura-fv.png) left/contain no-repeat
}
@media (max-width:1199px) {
  .bg-sakura-fv {
    background-position: inherit;
    background-size: auto
  }
}
@media (max-width:767px) {
  .bg-sakura-fv {
    background-size: auto;
    background-position: inherit;
    padding-top: 0
  }
}
.bg-book-and-global {
  background: url(../img/bg-book-and-global.jpg) 50% 50%/cover no-repeat
}
.bg-circle-1 {
  background: url(../img/bg-circle-1.png) 50% 50%/contain no-repeat
}
.bg-circle-2 {
  background: url(../img/bg-circle-2.png) 50% 50%/contain no-repeat
}
.bg-circle-3 {
  background: url(../img/bg-circle-3.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-1 {
  background: url(../img/bg-circle-sm-1.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-2 {
  background: url(../img/bg-circle-sm-2.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-3 {
  background: url(../img/bg-circle-sm-3.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-4 {
  background: url(../img/bg-circle-sm-4.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-5 {
  background: url(../img/bg-circle-sm-5.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-6 {
  background: url(../img/bg-circle-sm-6.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-7 {
  background: url(../img/bg-circle-sm-7.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-8 {
  background: url(../img/bg-circle-sm-8.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-9 {
  background: url(../img/bg-circle-sm-9.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-10 {
  background: url(../img/bg-circle-sm-10.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-11 {
  background: url(../img/bg-circle-sm-11.png) 50% 50%/contain no-repeat
}
.bg-circle-sm-12 {
  background: url(../img/bg-circle-sm-12.png) 50% 50%/contain no-repeat
}
.bg-img-1 {
  background: url(../img/bg-img-1.jpg) 50% 50%/cover no-repeat
}
.bg-img-2 {
  background: url(../img/bg-img-2.jpg) 50% 50%/cover no-repeat
}
.bg-img-3 {
  background: url(../img/bg-img-3.jpg) 50% 50%/cover no-repeat
}
.bg-img-4 {
  background: url(../img/bg-img-4.jpg) 50% 50%/cover no-repeat
}
.bg-img-5 {
  background: url(../img/bg-img-5.jpg) 50% 50%/cover no-repeat
}
.bg-img-6 {
  background: url(../img/bg-img-6.jpg) 50% 50%/cover no-repeat
}
.bg-class-1 {
  background: url(../img/bg-class-1.jpg) 50% 50%/cover no-repeat
}
.bg-class-2 {
  background: url(../img/bg-class-2.jpg) 50% 50%/cover no-repeat
}
.bg-class-3 {
  background: url(../img/bg-class-3.jpg) 50% 50%/cover no-repeat
}
.bg-class-4 {
  background: url(../img/bg-class-4.jpg) 50% 50%/cover no-repeat
}
.bg-class-5 {
  background: url(../img/bg-class-5.jpg) 50% 50%/cover no-repeat
}
.bg-class-6 {
  background: url(../img/bg-class-6.jpg) 50% 50%/cover no-repeat
}
.bg-class-7 {
  background: url(../img/bg-class-7.jpg) 50% 50%/cover no-repeat
}
.bg-class-8 {
  background: url(../img/bg-class-8.jpg) 50% 50%/cover no-repeat
}
.bg-class-9 {
  background: url(../img/bg-class-9.jpg) 50% 50%/cover no-repeat
}
.bg-class-10 {
  background: url(../img/bg-class-10.jpg) 50% 50%/cover no-repeat
}
.bg-class-11 {
  background: url(../img/bg-class-11.jpg) 50% 50%/cover no-repeat
}
.bg-class-12 {
  background: url(../img/bg-class-12.jpg) 50% 50%/cover no-repeat
}
.bg-class-13 {
  background: url(../img/bg-class-13.jpg) 50% 50%/cover no-repeat
}
.bg-meeting {
  background: url(../img/bg-meeting.jpg) 50% 50%/cover no-repeat
}
.bg-class-dark {
  background: url(../img/bg-class-dark.jpg) 50% 50%/cover no-repeat
}
.bg-writing {
  background: url(../img/bg-writing.jpg) 50% 50%/cover no-repeat
}
.bg-flower-pink {
  background-image: url(../img/bg-flower-pink-left.png),url(../img/bg-flower-pink-right.png);
  background-position: 0 100%,100% 0;
  background-repeat: no-repeat,no-repeat
}
.bg-flower {
  background: url(../../img/voices/bg-flower.jpg) 50% 50%/cover no-repeat
}
.bg-book {
  background: url(../img/bg-book.png) 50% 50%/cover no-repeat
}
.bg-dot-light-gray {
  background: url(../img/bg-dot-light-gray.png)
}
.bg-stripe-dark-blue {
  background-image: linear-gradient(135deg,#0e0e4e 27.27%,#000046 27.27%,#000046 50%,#0e0e4e 50%,#0e0e4e 77.27%,#000046 77.27%,#000046 100%);
  background-size: 15.56px 15.56px
}
.bg-stripe-light-gray {
  background-image: linear-gradient(135deg,#f5f5f5 25%,#ebebeb 25%,#ebebeb 50%,#f5f5f5 50%,#f5f5f5 75%,#ebebeb 75%,#ebebeb 100%);
  background-size: 11.31px 11.31px
}
.bg-stripe-light-blue {
  background-image: linear-gradient(135deg,#e8f5fb 25%,#f3fbfd 25%,#f3fbfd 50%,#e8f5fb 50%,#e8f5fb 75%,#f3fbfd 75%,#f3fbfd 100%);
  background-size: 14.14px 14.14px
}
.bg-stripe-vivid-blue {
  background-image: linear-gradient(135deg,#21a4dc 25%,#1e9cd7 25%,#1e9cd7 50%,#21a4dc 50%,#21a4dc 75%,#1e9cd7 75%,#1e9cd7 100%);
  background-size: 11.31px 11.31px
}
.bg-stripe-strong-and-light-blue {
  background-image: linear-gradient(135deg,#0054a5 25%,#015aaa 25%,#015aaa 50%,#0054a5 50%,#0054a5 75%,#015aaa 75%,#015aaa 100%);
  background-size: 11.31px 11.31px
}
.bg-stripe-light-pink {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#ffe3e8),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#ffe3e8),color-stop(75%,#ffe3e8),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(0deg,#ffe3e8 25%,#fff 25%,#fff 50%,#ffe3e8 50%,#ffe3e8 75%,#fff 75%,#fff 100%);
  background-size: 12px 12px
}
.bg-strong-blue-with-opacity {
  background-color: rgba(0,0,56,.75)
}
.bg-strong-green-with-opacity {
  background-color: rgba(0,104,73,.8)
}
.bg-stripe-blue {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(21.43%,#b4cad7),color-stop(21.43%,#c4d5dd),color-stop(50%,#c4d5dd),color-stop(50%,#b4cad7),color-stop(71.43%,#b4cad7),color-stop(71.43%,#c4d5dd),to(#c4d5dd));
  background-image: linear-gradient(0deg,#b4cad7 21.43%,#c4d5dd 21.43%,#c4d5dd 50%,#b4cad7 50%,#b4cad7 71.43%,#c4d5dd 71.43%,#c4d5dd 100%);
  background-size: 14px 14px
}
.bg-stripe-strong-blue {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(28.57%,#018fe5),color-stop(28.57%,#49aecc),color-stop(50%,#49aecc),color-stop(50%,#018fe5),color-stop(78.57%,#018fe5),color-stop(78.57%,#49aecc),to(#49aecc));
  background-image: linear-gradient(0deg,#018fe5 28.57%,#49aecc 28.57%,#49aecc 50%,#018fe5 50%,#018fe5 78.57%,#49aecc 78.57%,#49aecc 100%);
  background-size: 14px 14px
}
.bg-stripe-strong-yellow {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(25%,#ff0),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#ff0),color-stop(75%,#ff0),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(180deg,#ff0 25%,#fff 25%,#fff 50%,#ff0 50%,#ff0 75%,#fff 75%,#fff 100%);
  background-size: 16px 16px
}
.bg-stripe-pink {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(28.57%,#fa72ba),color-stop(28.57%,#fd997f),color-stop(50%,#fd997f),color-stop(50%,#fa72ba),color-stop(78.57%,#fa72ba),color-stop(78.57%,#fd997f),to(#fd997f));
  background-image: linear-gradient(180deg,#fa72ba 28.57%,#fd997f 28.57%,#fd997f 50%,#fa72ba 50%,#fa72ba 78.57%,#fd997f 78.57%,#fd997f 100%);
  background-size: 14px 14px
}
.bg-stripe-green {
  background-image: linear-gradient(135deg,#eafaf8 25%,#f3fcfb 25%,#f3fcfb 50%,#eafaf8 50%,#eafaf8 75%,#f3fcfb 75%,#f3fcfb 100%);
  background-size: 28.28px 28.28px
}
.bg-stripe-green-and-white {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#c9e866),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#c9e866),color-stop(75%,#c9e866),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(0deg,#c9e866 25%,#fff 25%,#fff 50%,#c9e866 50%,#c9e866 75%,#fff 75%,#fff 100%);
  background-size: 16px 16px
}
.bg-stripe-purple {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#978ec5),color-stop(25%,#d5d2e7),color-stop(50%,#d5d2e7),color-stop(50%,#978ec5),color-stop(75%,#978ec5),color-stop(75%,#d5d2e7),to(#d5d2e7));
  background-image: linear-gradient(0deg,#978ec5 25%,#d5d2e7 25%,#d5d2e7 50%,#978ec5 50%,#978ec5 75%,#d5d2e7 75%,#d5d2e7 100%);
  background-size: 16px 16px
}
.bg-stripe-cyan {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#c7dee6),color-stop(25%,#73adc3),color-stop(50%,#73adc3),color-stop(50%,#c7dee6),color-stop(75%,#c7dee6),color-stop(75%,#73adc3),to(#73adc3));
  background-image: linear-gradient(0deg,#c7dee6 25%,#73adc3 25%,#73adc3 50%,#c7dee6 50%,#c7dee6 75%,#73adc3 75%,#73adc3 100%);
  background-size: 16px 16px
}
.bg-stripe-strong-green {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#c9e865),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#c9e865),color-stop(75%,#c9e865),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(0deg,#c9e865 25%,#fff 25%,#fff 50%,#c9e865 50%,#c9e865 75%,#fff 75%,#fff 100%);
  background-size: 16px 16px
}
.bg-stripe-purple-and-white {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#978ec3),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#978ec3),color-stop(75%,#978ec3),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(0deg,#978ec3 25%,#fff 25%,#fff 50%,#978ec3 50%,#978ec3 75%,#fff 75%,#fff 100%);
  background-size: 16px 16px
}
.bg-stripe-cyan-and-white {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#73adc3),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#73adc3),color-stop(75%,#73adc3),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(0deg,#73adc3 25%,#fff 25%,#fff 50%,#73adc3 50%,#73adc3 75%,#fff 75%,#fff 100%);
  background-size: 16px 16px
}
.bg-stripe-gray-and-white {
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(25%,#ddd),color-stop(25%,#fff),color-stop(50%,#fff),color-stop(50%,#ddd),color-stop(75%,#ddd),color-stop(75%,#fff),to(#fff));
  background-image: linear-gradient(0deg,#ddd 25%,#fff 25%,#fff 50%,#ddd 50%,#ddd 75%,#fff 75%,#fff 100%);
  background-size: 16px 16px
}
.bg-stripe-light-cyan {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#d0d7e1),color-stop(30%,#e5edfa),color-stop(50%,#e5edfa),color-stop(50%,#d0d7e1),color-stop(80%,#d0d7e1),color-stop(80%,#e5edfa),to(#e5edfa));
  background-image: linear-gradient(180deg,#d0d7e1 30%,#e5edfa 30%,#e5edfa 50%,#d0d7e1 50%,#d0d7e1 80%,#e5edfa 80%,#e5edfa 100%);
  background-size: 10px 10px
}
.bg-dot-circle-blue {
  background: url(../img/bg-dot-circle.png) #0064be
}
.bg-decoration-blue {
  background-image: url(../img/bg-decoration-blue-left.png),url(../img/bg-decoration-blue-right.png);
  background-repeat: no-repeat,no-repeat;
  background-position: 0 100%,100% 0
}
.bg-decoration-pink {
  background-image: url(../img/bg-decoration-pink-left.png),url(../img/bg-decoration-pink-right.png);
  background-repeat: no-repeat,no-repeat;
  background-position: 0 100%,100% 0
}
.bg-book-white {
  background: url(../img/icon/ico-book-white.png) 100% 50% no-repeat
}
@media (min-width:768px) {
  .bg-consulting-1 {
    background: url(../img/bg-consulting-1.jpg) 100% 100% no-repeat
  }
}
@media (min-width:768px) {
  .bg-consulting-2 {
    background: url(../img/bg-consulting-2.jpg) 100% 100% no-repeat
  }
}
.bg-boy-gray {
  background: url(../img/icon/ico-boy-gray.png) 100% 32% no-repeat
}
.bg-student-girl-1 {
  background: url(../img/bg-student-girl-1.png) 50% 50%/cover no-repeat
}
.bg-student-girl-2 {
  background: url(../img/bg-student-girl-2.png) 50% 50%/cover no-repeat
}
.bg-student-girl-3 {
  background: url(../img/bg-student-girl-3.png) 50% 50%/cover no-repeat
}
.bg-student-and-building2 {
  background: url(../img/bg-student-and-building2.jpg) 50% 50%/cover no-repeat
}
.bg-student-and-building3 {
  background: url(../img/bg-student-and-building3.jpg) 50% 50%/cover no-repeat
}
.bg-book-and-pen-sm {
  background: url(../img/bg-book-and-pen-sm.jpg) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-book-and-pen-sm {
    background-position: 50% 50%;
    background-size: cover
  }
}
.bg-woman-smile {
  background: url(../img/bg-woman-smile.jpg) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-woman-smile {
    background-position: 50% 50%;
    background-size: cover
  }
}
.bg-girl-in-class {
  background: url(../img/bg-girl-in-class.jpg) 100% 50% no-repeat
}
@media (max-width:767px) {
  .bg-girl-in-class {
    background-position: 50% 50%;
    background-size: cover
  }
}
.bg-diagonal-line-red {
  background: url(../img/bg-diagonal-line-red.png) 50% 50%/contain no-repeat
}
.bg-gradient-blue {
  background-image: -webkit-gradient(linear,left top,right top,from(#0f6be6),to(#0d73d7));
  background-image: linear-gradient(to right,#0f6be6 0,#0d73d7 100%);
  background-repeat: repeat-x
}
.bg-gradient-orange {
  background-image: -webkit-gradient(linear,left top,right top,from(#f1a55a),color-stop(40%,#e7814a));
  background-image: linear-gradient(to right,#f1a55a 0,#e7814a 40%);
  background-repeat: repeat-x
}
.bg-gradient-purple {
  background-image: -webkit-gradient(linear,left top,right top,from(#6ea5f7),color-stop(65%,#7a8afb));
  background-image: linear-gradient(to right,#6ea5f7 0,#7a8afb 65%);
  background-repeat: repeat-x
}
@media (max-width:767px) {
  .bg-gradient-purple {
    background-image: -webkit-gradient(linear,left top,right top,from(#6ea5f7),color-stop(78%,#7a8afb));
    background-image: linear-gradient(to right,#6ea5f7 0,#7a8afb 78%);
    background-repeat: repeat-x
  }
}
.bg-gradient-green {
  background-image: -webkit-gradient(linear,left top,right top,from(#14d1cb),color-stop(50%,#00c5b7));
  background-image: linear-gradient(to right,#14d1cb 0,#00c5b7 50%);
  background-repeat: repeat-x
}
.bg-gray {
  background-color: #f5f5f5!important
}
.bg-light-gray {
  background-color: #d9d9d9!important
}
.bg-dark-gray {
  background-color: #4d4d4d!important
}
.bg-light-salmon {
  background-color: #ffa07a!important
}
.bg-red {
  background-color: red!important
}
.bg-light-red {
  background-color: #fbdde1!important
}
.bg-light-blue {
  background-color: #add8e6!important
}
.bg-blue {
  background-color: #0051c3!important
}
.bg-pale-blue {
  background-color: #e9e9ff!important
}
.bg-strong-blue {
  background-color: #000038!important
}
.bg-soft-blue {
  background-color: #9ad0ee!important
}
.bg-dark-blue {
  background-color: #006ebe!important
}
.bg-very-dark-blue {
  background-color: #0032a5!important
}
.bg-moderate-blue {
  background-color: #345bb8!important
}
.bg-light-grayish-blue {
  background-color: #e5edf0!important
}
.bg-light-grayish-orange {
  background-color: #f3eeeb!important
}
.bg-grayish-orange {
  background-color: #fbdacc!important
}
.bg-purple {
  background-color: #aca5cf!important
}
.bg-dark-cyan {
  background-color: #73adc3!important
}
.bg-light-cyan {
  background-color: #ccecea!important
}
.bg-soft-yellow {
  background-color: #e4f3b2!important
}
.bg-light-yellow {
  background-color: #c9e865!important
}
.bg-pale-yellow {
  background-color: #ffffcb!important
}
.bg-white {
  background-color: #fff!important
}
.bg-light-pink {
  background-color: #e15a75!important
}
.bg-light-lime-green {
  background-color: #d2eed7!important
}
.bg-orange {
  background-color: #e85513!important
}
.bg-strong-cyan {
  background-color: #0098ad!important
}
.bg-green {
  background-color: #00a666!important
}
.bg-soft-orange {
  background-color: #e09155!important
}
.bg-soft-pink {
  background-color: #e9546b!important
}
.width-15p {
  width: 15%!important
}
.width-16p {
  width: 16%!important
}
.width-18p {
  width: 18%!important
}
.width-20p {
  width: 20%!important
}
.width-30p {
  width: 30%!important
}
.width-33p {
  width: 33%!important
}
.width-40p {
  width: 40%!important
}
.width-50p {
  width: 50%!important
}
.width-150 {
  width: 150px!important
}
.width-270 {
  width: 270px!important
}
.width-310 {
  width: 310px!important
}
.width-380 {
  width: 380px!important
}
.max-width-640 {
  max-width: 640px!important
}
.max-width-700 {
  max-width: 700px!important
}
.max-width-750 {
  max-width: 750px!important
}
.max-width-800 {
  max-width: 800px!important
}
.max-width-840 {
  max-width: 840px!important
}
.max-width-880 {
  max-width: 880px!important
}
.max-width-935 {
  max-width: 935px!important
}
.max-width-1060 {
  max-width: 1060px!important
}
.max-width-1100 {
  max-width: 1100px!important
}
.max-width-1030 {
  max-width: 1030px!important
}
.max-width-1040 {
  max-width: 1040px!important
}
.max-width-1214 {
  max-width: 1214px!important
}
.max-width-1280 {
  max-width: 1280px!important
}
.max-width-1500 {
  max-width: 1500px!important
}
.min-width-90 {
  min-width: 90px!important
}
@media (min-width:768px) {
  .width-20p-sm-min {
    width: 20%!important
  }
}
@media (max-width:767px) {
  .width-40p-xs {
    width: 40%!important
  }
}
@media (min-width:992px) {
  .width-270-md-min {
    width: 270px!important
  }
}
@media (min-width:992px) {
  .width-310-md-min {
    width: 270px!important
  }
}
@media (min-width:992px) {
  .width-380-md-min {
    width: 380px!important
  }
}
@media (min-width:992px) {
  .width-590-md-min {
    width: 590px!important
  }
}
@media (min-width:1200px) {
  .width-33p-lg-min {
    width: 33%!important
  }
}
@media (max-width:767px) {
  .max-width-365-xs {
    max-width: 365px
  }
}
@media (max-width:767px) {
  .max-width-430-xs {
    max-width: 430px!important
  }
}
@media (max-width:1199px) {
  .max-width-700-md-max {
    max-width: 700px
  }
}
.inline-block {
  display: inline-block
}
.position-relative {
  position: relative!important
}
.clear {
  clear: both!important
}
.v-top {
  vertical-align: top!important
}
.v-middle {
  vertical-align: middle!important
}
.v-bottom {
  vertical-align: bottom!important
}
.border-green {
  border: 2px solid #c9e867
}
.lead-bg-yellow {
  padding: 15px 32px 9px;
  font-size: 20px;
  font-weight: 700;
  background-color: #ff0
}
@media (max-width:767px) {
  .lead-bg-yellow {
    padding: 13px 10px 10px;
    font-size: 16px
  }
}
@media (min-width:1200px) {
  .d-block-lg {
    display: block!important
  }
}
.fs11 {
  font-size: 11px!important
}
.fs12 {
  font-size: 12px!important
}
.fs14-xs {
  font-size: 14px!important
}
@media (max-width:767px) {
  .fs14-xs {
    font-size: 12px!important
  }
}
.mt0 {
  margin-top: 0!important
}
.mr0 {
  margin-right: 0!important
}
.mb0 {
  margin-bottom: 0!important
}
.ml0 {
  margin-left: 0!important
}
.pt0 {
  padding-top: 0!important
}
.pr0 {
  padding-right: 0!important
}
.pr5 {
  padding-right: 5px!important
}
.pb0 {
  padding-bottom: 0!important
}
.pl0 {
  padding-left: 0!important
}
@media (max-width:767px) {
  .pull-none-xs {
    float: none!important
  }
}
@media (max-width:991px) {
  .pull-none-sm {
    float: none!important
  }
}
@media (max-width:1199px) {
  .pull-none-md {
    float: none!important
  }
}
@media (max-width:767px) {
  .center-block-xs {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
@media (max-width:991px) {
  .center-block-sm {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
@media (max-width:1199px) {
  .center-block-md {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
@media (max-width:767px) {
  .img-responsive-xs {
    display: block;
    max-width: 100%;
    height: auto
  }
}
@media (max-width:991px) {
  .img-responsive-sm {
    display: block;
    max-width: 100%;
    height: auto
  }
}
@media (max-width:1199px) {
  .img-responsive-md {
    display: block;
    max-width: 100%;
    height: auto
  }
}
@media (max-width:767px) {
  .rotate-90-xs {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
@media (max-width:991px) {
  .rotate-90-sm {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.visible-xxs {
  display: none!important
}
@media (max-width:479px) {
  .visible-xxs {
    display: block!important
  }
  table.visible-xxs {
    display: table!important
  }
  tr.visible-xxs {
    display: table-row!important
  }
  td.visible-xxs,
  th.visible-xxs {
    display: table-cell!important
  }
  .hidden-xxs {
    display: none!important
  }
}
@media (max-width:991px) {
  .swiper-container-all {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px
  }
}
@media (max-width:767px) {
  .swiper-container img {
    max-width: 100%
  }
}
.gallery-thumbs {
  padding: 10px;
  background-color: grey
}
.aligncenter,
.alignleft,
.alignnone,
.alignright {
  display: block;
  max-width: 100%;
  height: auto
}
.alignleft {
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-bottom: 1em
}
@media (min-width:480px) {
  .alignleft {
    float: left;
    margin-right: 15px
  }
}
.alignright {
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-bottom: 1em
}
@media (min-width:480px) {
  .alignright {
    float: right;
    margin-left: 15px
  }
}
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto
}
.screen-reader-text {
  display: none
}
.editor-area {
  min-width: 0;
  margin: 10px;
  background-color: transparent;
  border-top: 0;
  border-bottom: 0
}
.editor-area img {
  max-width: none
}
@media (min-width:480px) {
  .post-thumbnail {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
  }
}
.post-thumbnail img {
  display: block;
  margin-right: auto;
  margin-left: auto
}
.entry-title {
  margin-top: 0
}
.byline,
.updated:not(.published) {
  display: none
}
.entry-date {
  margin-right: 10px
}
.section-404 {
  padding-top: 100px;
  padding-bottom: 100px
}
.section-independent-person {
  padding-top: 30px;
  padding-bottom: 90px
}
@media (min-width:768px) {
  .section-independent-person {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .section-independent-person {
    padding-top: 25px;
    padding-bottom: 28px
  }
}
.section-independent-person .title-section {
  margin-bottom: 25px;
  font-size: 30px
}
@media (max-width:767px) {
  .section-independent-person .title-section {
    font-size: 4.5vw
  }
}
.section-independent-person .lead {
  margin-bottom: 45px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.14
}
@media (max-width:767px) {
  .section-independent-person .lead {
    margin-bottom: 30px;
    font-size: 16px
  }
}
@media (min-width:768px) {
  .section-independent-person .text-content {
    line-height: 1.94
  }
}
@media (max-width:767px) {
  .section-independent-person .text-content {
    text-align: left
  }
}
.section-independent-person .text-content p {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-independent-person .text-content p {
    margin-bottom: 25px
  }
}
.section-independent-person .list-unstyled li + li {
  margin-top: 10px
}
.section-independent-person .img {
  display: none
}
@media (max-width:991px) {
  .section-independent-person .img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto
  }
}
.section-event {
  padding-bottom: 30px
}
@media (max-width:767px) {
  .section-event {
    padding-bottom: 20px
  }
}
.section-event .title-section {
  margin-bottom: 10px
}
@media (max-width:767px) {
  .section-event .title-section {
    margin-bottom: 45px
  }
}
@media (max-width:767px) {
  .section-event .title-section img {
    width: 50vw
  }
}
.section-event .thumbnail .caption {
  padding: 0
}
.section-event .thumbnail .text-lg {
  margin-top: 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.218
}
@media (max-width:991px) {
  .section-event .thumbnail .text-lg {
    margin-bottom: 5px;
    font-size: 16px
  }
}
.section-event .row-label {
  margin-top: 0;
  margin-bottom: 7px
}
.section-event .row-label:empty {
  display: none
}
.section-event .row-label .label {
  display: block;
  padding: .5em .4em .3em;
  border-radius: 3px
}
.section-event .row-label .label:empty {
  display: none
}
.section-event .container-btn-link {
  padding-top: 2px;
  margin-top: 5px;
  border-top: 1px solid #0050be;
  font-weight: 700
}
.section-event .thumbnail {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 320px;
  margin-bottom: 60px
}
@media (max-width:991px) {
  .section-event .thumbnail {
    margin-bottom: 40px
  }
}
.section-event.section-event-shingaku {
  padding-top: 50px;
  padding-bottom: 0
}
@media (max-width:767px) {
  .section-event.section-event-shingaku {
    padding-top: 35px
  }
}
.section-event.section-event-shingaku .thumbnail {
  background-color: transparent
}
.section-event.section-event-believe {
  padding-top: 50px;
  padding-bottom: 0
}
@media (max-width:767px) {
  .section-event.section-event-believe {
    padding-top: 35px
  }
}
.section-event.section-event-believe .thumbnail {
  margin-bottom: 30px;
  background-color: transparent
}
@media (max-width:767px) {
  .section-event.section-event-believe .thumbnail {
    margin-bottom: 20px
  }
}
.section-event.section-event-believe .dl-with-label dd {
  color: #000046!important
}
.section-event.section-event-believe .text-lg {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #000046!important
}
@media (min-width:768px) {
  .section-event.section-event-believe .text-lg {
    text-align: center
  }
}
@media (max-width:767px) {
  .section-event.section-event-believe .text-lg {
    font-size: 20px
  }
}
.section-event.section-event-believe .container-btn-link {
  border-top-color: #000046
}
.section-event.section-event-believe .container-btn-link a {
  font-size: 12px;
  color: #000046!important
}
.section-event.section-event-shoptop {
  padding-top: 64px;
  padding-bottom: 22px
}
@media (max-width:767px) {
  .section-event.section-event-shoptop {
    padding-bottom: 40px
  }
}
.section-event.section-event-shoptop .title-section {
  margin-bottom: 40px
}
@media (max-width:767px) {
  .section-event.section-event-shoptop .title-section {
    margin-bottom: 25px
  }
}
.section-event.section-event-shoptop .title-section small {
  color: #055078!important
}
.section-event.section-event-shoptop .thumbnail {
  background-color: transparent
}
.section-event.section-event-toshin {
  padding-top: 60px
}
.section-event .logo {
  padding-top: 40px;
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-event .logo {
    padding-top: 30px;
    margin-bottom: 15px
  }
}
.section-event .caption-no-post {
  margin-bottom: 40px
}
@media (max-width:767px) {
  .section-event .caption-no-post {
    margin-bottom: 25px
  }
}
.section-event .inner-gray,
.section-event .inner-gray .img-thumbnail,
.section-event .inner-gray .thumbnail,
.section-event .inner-gray .thumbnail .img-thumbnail {
  background-color: #f5f5f5
}
.section-event .text-description {
  color: #3a3a3a
}
.section-school-grade {
  padding-top: 70px
}
@media (max-width:767px) {
  .section-school-grade {
    padding-top: 45px;
    padding-bottom: 30px
  }
}
.section-school-grade,
.section-school-grade small {
  color: #0050be
}
.section-school-grade .title-section {
  margin-bottom: 64px
}
@media (max-width:767px) {
  .section-school-grade .title-section {
    margin-bottom: 42px
  }
}
.section-school-grade .title-section small {
  margin-top: 11px
}
.section-school-grade .title-sm {
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 22px
}
@media (max-width:767px) {
  .section-school-grade .title-sm {
    margin-bottom: 18px;
    font-size: 20px
  }
}
.section-school-grade .title-sm,
.section-school-grade .title-sm small {
  font-weight: 700
}
.section-school-grade .title-sm small {
  display: block;
  margin-top: 7px;
  font-size: 14px
}
.section-school-grade .info {
  margin-bottom: 16px
}
@media (max-width:1199px) {
  .section-school-grade .info {
    margin-bottom: 8px
  }
}
@media (max-width:991px) {
  .section-school-grade .info {
    margin-bottom: 4px
  }
}
.section-school-grade .info a {
  color: #fff
}
.section-school-grade .link-hover-circle {
  margin-bottom: 100px
}
@media (max-width:767px) {
  .section-school-grade .link-hover-circle {
    margin-bottom: 40px
  }
}
.section-school-grade .link-hover-circle.high-school {
  padding-top: 75px
}
@media (max-width:991px) {
  .section-school-grade .link-hover-circle.high-school {
    padding-top: 34px
  }
}
@media (max-width:991px) {
  .section-school-grade .link-hover-circle.high-school {
    margin-bottom: 28px
  }
}
.section-school-grade .link-hover-circle.high-school .info {
  margin-bottom: 55px
}
.section-class-form {
  padding-top: 50px;
  padding-bottom: 88px
}
@media (max-width:767px) {
  .section-class-form {
    padding-top: 35px;
    padding-bottom: 55px
  }
}
.section-class-form .title-section {
  margin-bottom: 55px
}
@media (max-width:767px) {
  .section-class-form .title-section {
    margin-bottom: 35px
  }
}
.section-class-form .title-section small {
  margin-top: 13px
}
@media (max-width:767px) {
  .section-class-form .title-section small {
    margin-top: 8px
  }
}
.section-class-form .text-visible-xs {
  display: none
}
@media (max-width:767px) {
  .section-class-form .text-visible-xs {
    display: block;
    padding-top: 10px;
    padding-bottom: 25px
  }
}
.section-information {
  padding-top: 28px;
  padding-bottom: 20px
}
@media (max-width:767px) {
  .section-information {
    padding-top: 18px;
    padding-bottom: 3px
  }
}
.section-information,
.section-information a {
  color: #333
}
.section-information .title-section {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-information .title-section {
    margin-bottom: 20px
  }
}
.section-information .title-section small {
  margin-top: 14px
}
@media (max-width:767px) {
  .section-information .title-section small {
    margin-top: 8px
  }
}
.section-information .label {
  min-width: 87px;
  font-size: 11px
}
.section-information .table-cell {
  margin-bottom: 22px
}
@media (max-width:767px) {
  .section-information .table-cell {
    margin-top: 15px;
    margin-bottom: 4px
  }
}
.section-information .table-cell .cell {
  vertical-align: top
}
.section-information .table-cell .cell:first-child {
  padding-right: 6px
}
@media (max-width:767px) {
  .section-information.section-news-information {
    padding-top: 35px;
    padding-bottom: 35px
  }
}
@media (max-width:767px) {
  .section-information.section-news-information .title-section {
    margin-bottom: 10px
  }
}
.section-news {
  padding-top: 26px;
  padding-bottom: 24px;
  margin-bottom: 30px;
  color: #fff;
  background-color: rgba(255,255,255,.6)
}
@media (max-width:767px) {
  .section-news {
    padding-top: 20px
  }
}
.section-news .container-fluid {
  max-width: 1390px!important
}
.section-news .media-left {
  padding-right: 40px
}
.section-news .media-left small {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 700;
  color: #1e32b4
}
@media (max-width:767px) {
  .section-news .media-left small {
    display: none
  }
}
.section-news .media-object {
  max-width: none
}
@media (max-width:767px) {
  .section-news .media-object {
    width: 158px
  }
}
.section-news a {
  margin: 0;
  color: #fff
}
.section-news a:focus,
.section-news a:hover {
  opacity: .7;
  text-decoration: none
}
@media (max-width:767px) {
  .section-news.section-news-shingaku {
    margin-bottom: 0
  }
}
.section-about {
  padding-top: 63px;
  padding-bottom: 95px
}
@media (min-width:768px) {
  .section-about {
    font-size: 16px;
    line-height: 1.94
  }
}
@media (max-width:767px) {
  .section-about {
    padding-top: 45px;
    padding-bottom: 65px;
    font-size: 16px
  }
}
.section-about .container {
  max-width: 1090px
}
.section-about .title-section {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center
}
@media (max-width:767px) {
  .section-about .title-section {
    margin-bottom: 25px
  }
}
.section-about .title-section small {
  display: block;
  margin-top: 5px;
  font-size: 21px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-about .title-section small {
    font-size: 18px
  }
}
.section-about .img {
  display: none
}
@media (max-width:991px) {
  .section-about .img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
    max-width: 300px;
    margin-bottom: 30px
  }
}
.section-about .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px;
  margin-top: 40px
}
@media (max-width:767px) {
  .section-about .container-btn {
    margin-top: 25px
  }
}
.section-improve {
  color: #fff
}
@media (min-width:768px) {
  .section-improve {
    font-size: 16px;
    line-height: 1.94
  }
}
.section-improve .inner {
  padding-top: 70px;
  padding-bottom: 52px
}
@media (max-width:767px) {
  .section-improve .inner {
    padding-top: 45px;
    padding-bottom: 35px
  }
}
.section-improve .container {
  max-width: 800px
}
.section-improve .title-section {
  margin-bottom: 80px
}
@media (max-width:767px) {
  .section-improve .title-section {
    margin-bottom: 50px
  }
}
.section-improve .title-section small {
  font-size: 20px;
  color: #fff
}
@media (max-width:767px) {
  .section-improve .title-section small {
    font-size: 18px
  }
}
.section-improve .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px;
  margin-top: 40px
}
@media (max-width:767px) {
  .section-improve .container-btn {
    margin-top: 25px
  }
}
.section-circle-link {
  padding-top: 80px;
  padding-bottom: 88px
}
@media (max-width:767px) {
  .section-circle-link {
    padding-top: 55px;
    padding-bottom: 50px
  }
}
@media (max-width:767px) {
  .section-circle-link .container {
    max-width: 375px
  }
}
.section-circle-link .link-hover-circle {
  width: 252px;
  height: 251px;
  padding: 64px 20px 10px
}
@media (max-width:1199px) {
  .section-circle-link .link-hover-circle {
    width: 200px;
    height: 200px
  }
}
@media (max-width:991px) {
  .section-circle-link .link-hover-circle {
    width: 150px;
    height: 150px;
    padding: 20px 20px 10px
  }
}
@media (max-width:767px) {
  .section-circle-link .link-hover-circle {
    margin-bottom: 20px
  }
}
@media (max-width:479px) {
  .section-circle-link .link-hover-circle {
    width: 140px;
    height: 140px
  }
}
.section-circle-link .img-text {
  margin-bottom: 26px
}
@media (max-width:1199px) {
  .section-circle-link .img-text {
    margin-bottom: 20px
  }
}
@media (max-width:991px) {
  .section-circle-link .img-text {
    margin-bottom: 13px
  }
}
.section-circle-link .img-text .cell {
  vertical-align: bottom
}
.section-circle-link .text .cell {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
  color: #fff;
  text-align: center
}
@media (max-width:1199px) {
  .section-circle-link .text .cell {
    font-size: 20px
  }
}
.section-link-with-img {
  padding-top: 27px
}
@media (max-width:767px) {
  .section-link-with-img {
    padding-top: 10px
  }
}
.section-link-with-img,
.section-link-with-img .lead {
  font-size: 16px
}
@media (min-width:768px) {
  .section-link-with-img,
  .section-link-with-img .lead {
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-link-with-img,
  .section-link-with-img .lead {
    font-size: 14px
  }
}
.section-link-with-img .lead {
  margin-bottom: 55px
}
@media (max-width:767px) {
  .section-link-with-img .lead {
    margin-bottom: 35px;
    text-align: left
  }
}
.section-link-with-img .thumbnail {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 510px
}
@media (min-width:768px) {
  .section-link-with-img .thumbnail {
    margin-bottom: 36px
  }
}
.section-link-with-img .link {
  position: relative;
  display: block;
  padding: 15px 60px 11px 21px;
  font-size: 26px;
  font-weight: 700;
  color: #fff
}
@media (max-width:767px) {
  .section-link-with-img .link {
    padding: 9px 60px 4px 20px;
    font-size: 20px
  }
}
.section-link-with-img .link:focus,
.section-link-with-img .link:hover {
  opacity: .8;
  text-decoration: none
}
.section-link-with-img .link:after,
.section-link-with-img .link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  content: ""
}
.section-link-with-img .link:before {
  right: 21px;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%
}
.section-link-with-img .link:after {
  right: 32px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.section-link-with-img .link.no-link:after,
.section-link-with-img .link.no-link:before {
  display: none
}
@media (min-width:768px) {
  .section-link-with-img .thumbnail .caption {
    padding: 18px 11px
  }
}
.section-link-with-img .text-lead {
  font-size: 21px;
  font-weight: 700;
  color: #000335
}
@media (max-width:767px) {
  .section-link-with-img .text-lead {
    font-size: 18px
  }
}
.section-style {
  padding-bottom: 100px
}
@media (max-width:767px) {
  .section-style {
    padding-bottom: 65px
  }
}
.section-style .caption {
  margin-bottom: 30px;
  padding: 14px 0 0;
  line-height: 1.6
}
@media (max-width:767px) {
  .section-style .caption {
    margin-bottom: 20px
  }
}
.section-style .thumbnail {
  margin-bottom: 60px
}
@media (max-width:1199px) {
  .section-style .thumbnail {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 500px
  }
}
@media (max-width:767px) {
  .section-style .thumbnail {
    margin-bottom: 40px
  }
}
.section-style .logo {
  display: inline-block;
  margin-bottom: 12px
}
.section-style .logo img {
  display: inline-block
}
.section-style .label {
  padding: 7px 14px 4px;
  margin-right: 5px;
  margin-bottom: 12px
}
.section-year {
  padding-top: 20px;
  padding-bottom: 150px
}
@media (max-width:767px) {
  .section-year {
    padding-bottom: 100px
  }
}
@media (max-width:991px) {
  .section-year .title {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 400px
  }
}
@media (max-width:991px) {
  .section-year .img-lg {
    margin-bottom: 30px
  }
}
.section-year .logo:hover {
  opacity: .7
}
.section-year .table-cell {
  margin-bottom: 38px
}
@media (min-width:992px) {
  .section-year .table-cell {
    padding-right: 60px
  }
}
@media (max-width:767px) {
  .section-year .table-cell {
    margin-bottom: 30px
  }
}
.section-year .table-cell:last-of-type {
  margin-bottom: 0
}
.section-year .table-cell .cell {
  text-align: center
}
@media (min-width:768px) and (max-width:991px) {
  .section-year .table-cell .cell {
    padding-right: 15px;
    padding-left: 15px;
    width: 50%
  }
}
@media (max-width:767px) {
  .section-year .table-cell .cell {
    margin-bottom: 30px
  }
}
.section-year .table-cell .cell:last-of-type {
  margin-bottom: 0
}
@media (min-width:992px) {
  .section-year .table-cell .cell:first-child {
    width: 57%;
    padding-right: 70px
  }
}
.section-year .well {
  margin-bottom: 14px
}
@media (max-width:767px) {
  .section-year .well {
    margin-bottom: 8px
  }
}
.section-year .table-middle {
  margin: 60px 0
}
@media (max-width:767px) {
  .section-year .table-middle {
    margin: 30px 0
  }
}
.section-year .logo {
  vertical-align: middle
}
.section-class-details {
  padding-top: 14px;
  padding-bottom: 100px
}
@media (min-width:768px) {
  .section-class-details {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-class-details {
    padding-bottom: 60px
  }
}
.section-class-details .title-section {
  margin-top: 0;
  margin-bottom: 15px
}
.section-class-details .lead {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.2
}
@media (max-width:767px) {
  .section-class-details .lead {
    font-size: 14px
  }
}
.section-class-details .logo {
  margin-bottom: 10px
}
@media (max-width:767px) {
  .section-class-details .logo {
    margin-bottom: 5px
  }
}
.section-class-details .tel {
  padding-bottom: 6px;
  margin-bottom: 8px
}
@media (max-width:767px) {
  .section-class-details .tel {
    padding-bottom: 3px;
    margin-bottom: 4px
  }
}
.section-class-details .container-fluid {
  max-width: 1130px
}
.section-class-details .title-sm {
  margin-top: 18px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-class-details .title-sm {
    margin-top: 9px;
    margin-bottom: 6px;
    font-size: 15px
  }
}
.section-class-details .school-information {
  margin-bottom: 42px
}
@media (max-width:767px) {
  .section-class-details .school-information {
    margin-bottom: 22px
  }
}
.section-class-details .school-information:last-of-type {
  margin-bottom: 0
}
.section-class-details .separator:last-of-type {
  display: none
}
.section-class-details .text-sm {
  font-size: 12px
}
.section-introduce {
  padding-top: 63px;
  padding-bottom: 44px
}
@media (min-width:768px) {
  .section-introduce {
    font-size: 18px;
    line-height: 2
  }
}
@media (max-width:767px) {
  .section-introduce {
    padding-top: 40px;
    padding-bottom: 20px
  }
}
.section-introduce .container {
  max-width: 1090px
}
.section-introduce .name {
  margin-top: 25px;
  font-size: 24px;
  font-weight: 700;
  color: #055078;
  text-align: center
}
@media (max-width:767px) {
  .section-introduce .name {
    margin-top: 10px;
    font-size: 18px
  }
}
@media (min-width:992px) {
  .section-introduce .media-left {
    padding-right: 28px;
    padding-left: 30px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .section-introduce .media-left {
    padding-left: 15px
  }
}
@media (max-width:767px) {
  .section-introduce .media-object {
    width: 186px
  }
}
.section-introduce .media-body {
  text-align: justify
}
@media (min-width:768px) {
  .section-introduce .media-body {
    padding-top: 38px
  }
}
.section-introduce .media-heading {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 700;
  color: #055078
}
@media (min-width:768px) {
  .section-introduce .media-heading {
    line-height: 1.7
  }
}
@media (max-width:767px) {
  .section-introduce .media-heading {
    margin-bottom: 15px;
    font-size: 20px
  }
}
.section-introduce .inner {
  padding: 35px;
  background-color: rgba(255,255,255,.4)
}
@media (max-width:767px) {
  .section-introduce .inner {
    padding: 18px 15px 5px
  }
}
.section-about-applicant {
  padding-top: 50px;
  padding-bottom: 76px
}
@media (min-width:768px) {
  .section-about-applicant {
    font-size: 18px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-about-applicant {
    padding-top: 30px;
    padding-bottom: 50px
  }
}
.section-about-applicant .title-section {
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-about-applicant .title-section {
    margin-top: 75px;
    margin-bottom: 35px
  }
}
.section-about-applicant .title-section small {
  display: block;
  margin-top: 17px;
  font-size: 20px;
  font-weight: 700;
  color: #055078
}
@media (max-width:767px) {
  .section-about-applicant .title-section small {
    font-size: 15px
  }
}
.section-about-applicant .link-hover-circle {
  width: 252px;
  height: 251px;
  padding: 64px 20px 10px
}
@media (max-width:1199px) {
  .section-about-applicant .link-hover-circle {
    width: 200px;
    height: 200px;
    padding-top: 42px
  }
}
@media (max-width:991px) {
  .section-about-applicant .link-hover-circle {
    width: 150px;
    height: 150px;
    padding: 20px 20px 10px
  }
}
@media (max-width:767px) {
  .section-about-applicant .link-hover-circle {
    margin-bottom: 20px
  }
}
@media (max-width:479px) {
  .section-about-applicant .link-hover-circle {
    width: 140px;
    height: 140px
  }
}
@media (min-width:768px) {
  .section-about-applicant .link-hover-circle.teaching .text {
    margin-top: -28px
  }
}
.section-about-applicant .link-hover-circle .img-text {
  margin-bottom: 15px
}
.section-about-applicant .link-hover-circle .text {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2
}
@media (max-width:1199px) {
  .section-about-applicant .link-hover-circle .text {
    font-size: 15px
  }
}
@media (max-width:767px) {
  .section-about-applicant .link-hover-circle .text .cell {
    vertical-align: middle
  }
}
.section-voice-bg-blue {
  padding-bottom: 90px;
  padding-top: 60px;
  background-color: #e6edf1
}
@media (max-width:767px) {
  .section-voice-bg-blue {
    padding-bottom: 45px;
    padding-top: 30px
  }
}
.section-voice-bg-blue .title-section {
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-voice-bg-blue .title-section {
    margin-top: 75px;
    margin-bottom: 35px
  }
}
.section-voice-bg-blue .title-section small {
  display: block;
  margin-top: 17px;
  font-size: 20px;
  font-weight: 700;
  color: #055078
}
@media (max-width:767px) {
  .section-voice-bg-blue .title-section small {
    font-size: 15px
  }
}
.section-voice-bg-blue .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px
}
.section-voice-bg-blue .well-blue {
  padding: 0 0 0 30px;
  margin-bottom: 64px;
  border: 0
}
@media (max-width:767px) {
  .section-voice-bg-blue .well-blue {
    padding-left: 0;
    margin-bottom: 42px
  }
}
.section-voice-bg-blue .media .media-left {
  padding-right: 36px
}
@media (max-width:767px) {
  .section-voice-bg-blue .media .media-left {
    padding-right: 18px
  }
}
@media (max-width:767px) {
  .section-voice-bg-blue .media .media-object {
    width: 60px
  }
}
.section-classroom {
  padding-top: 57px;
  padding-bottom: 35px
}
@media (min-width:768px) {
  .section-classroom {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-classroom {
    padding-top: 38px;
    padding-bottom: 15px
  }
}
.section-classroom .container {
  max-width: 750px
}
.section-classroom .title-section {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center
}
@media (max-width:767px) {
  .section-classroom .title-section {
    margin-bottom: 25px
  }
}
.section-classroom .title-section small {
  display: block;
  margin-top: 32px;
  font-size: 20px;
  font-weight: 700;
  color: #055078
}
@media (max-width:767px) {
  .section-classroom .title-section small {
    margin-top: 10px;
    font-size: 15px
  }
}
.section-classroom .thumbnail {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 340px;
  margin-bottom: 20px;
  background-color: transparent
}
.section-col-2 {
  font-size: 30px;
  font-weight: bolder;
  color: #fff;
  text-align: center
}
@media (max-width:767px) {
  .section-col-2 {
    font-size: 24px
  }
}
.section-col-2.fs-sm {
  font-size: 26px
}
@media (max-width:767px) {
  .section-col-2.fs-sm {
    font-size: 22px
  }
}
.section-col-2 .container-fluid {
  padding-right: 0;
  padding-left: 0
}
@media (min-width:768px) and (max-width:1500px) {
  .section-col-2 .img-text {
    width: 23.867vw
  }
}
.section-col-2 .title-section {
  padding-top: 5.667vw;
  padding-bottom: 2.733vw;
  letter-spacing: .3em
}
@media (min-width:1501px) {
  .section-col-2 .title-section {
    padding-top: 85px;
    padding-bottom: 56px
  }
}
@media (max-width:991px) {
  .section-col-2 .title-section {
    padding-right: 15px;
    padding-left: 15px
  }
}
.section-col-2 .title-section .title-img {
  margin-top: 0;
  margin-bottom: 2.467vw
}
@media (min-width:1501px) {
  .section-col-2 .title-section .title-img {
    margin-bottom: 37px
  }
}
@media (max-width:991px) {
  .section-col-2 .row-switch-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
}
@media (max-width:991px) {
  .section-col-2 .row-switch-order .container-title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
@media (max-width:991px) {
  .section-col-2 .row-switch-order .container-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}
.section-col-2.successful-experience .title-img {
  margin-bottom: 0
}
@media (min-width:1501px) {
  .section-col-2.successful-experience .title-section {
    padding-top: 50px;
    padding-bottom: 40px
  }
}
.section-individual-correspondence {
  padding-top: 17px
}
@media (min-width:768px) {
  .section-individual-correspondence {
    font-size: 16px
  }
}
.section-individual-correspondence .title-section {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.267;
  letter-spacing: .03em;
  color: #1a1a1a
}
@media (max-width:991px) {
  .section-individual-correspondence .title-section {
    font-size: 25px
  }
}
.section-individual-correspondence .container-fluid {
  max-width: 1130px
}
.section-individual-correspondence .media-left {
  padding-right: 20px
}
@media (min-width:992px) {
  .section-individual-correspondence .media-left {
    padding-left: 50px
  }
}
.section-individual-correspondence .media-body {
  padding-top: 48px
}
@media (max-width:991px) {
  .section-individual-correspondence .media-body {
    padding-top: 25px
  }
}
@media (max-width:767px) {
  .section-individual-correspondence .well {
    margin-bottom: 10px
  }
}
@media (max-width:767px) {
  .section-individual-correspondence .table-cell.table-cell-title {
    margin-bottom: 30px;
    text-align: center
  }
}
@media (min-width:768px) and (max-width:991px) {
  .section-individual-correspondence .table-cell.table-cell-title .cell {
    width: 50%
  }
}
@media (min-width:992px) {
  .section-individual-correspondence .table-cell.table-cell-title .cell:first-child {
    width: 47%
  }
}
@media (min-width:992px) {
  .section-individual-correspondence .table-cell.table-cell-with-well .cell:first-child {
    width: 46%
  }
}
@media (min-width:992px) {
  .section-individual-correspondence .table-cell.table-cell-with-well .cell + .cell .well {
    max-width: 260px
  }
}
.section-individual-correspondence .table-cell .cell {
  vertical-align: top
}
@media (min-width:768px) {
  .section-individual-correspondence .table-cell .cell:first-child {
    padding-right: 20px
  }
}
@media (max-width:991px) {
  .section-individual-correspondence .media {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 680px
  }
}
.section-individual-correspondence .title-img {
  margin-bottom: 8px
}
@media (max-width:767px) {
  .section-individual-correspondence .title-img img {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
.section-individual-correspondence.junior-high-school-teaching {
  padding-top: 25px
}
@media (min-width:768px) and (max-width:991px) {
  .section-individual-correspondence.junior-high-school-teaching .table-cell.table-cell-title .cell {
    width: 50%
  }
}
@media (min-width:992px) {
  .section-individual-correspondence.junior-high-school-teaching .table-cell.table-cell-title .cell:first-child {
    width: 49%
  }
}
@media (min-width:992px) {
  .section-individual-correspondence.junior-high-school-teaching .table-cell.table-cell-with-well .cell:first-child {
    width: 37%
  }
}
@media (min-width:768px) {
  .section-individual-correspondence.junior-high-school-teaching .table-cell .cell:first-child .well {
    max-width: 250px
  }
}
@media (min-width:768px) {
  .section-individual-correspondence.junior-high-school-teaching .table-cell .cell + .cell .well {
    max-width: 350px
  }
}
@media (min-width:992px) {
  .section-individual-correspondence.junior-high-school-teaching .media-body {
    padding-top: 40px;
    padding-left: 44px
  }
}
@media (min-width:992px) {
  .section-individual-correspondence.junior-high-school-teaching .media-left {
    padding-right: 72px;
    padding-left: 16px
  }
}
.section-offer {
  padding-top: 20px;
  font-size: 14px;
  font-weight: 700
}
@media (min-width:768px) {
  .section-offer {
    line-height: 1.7
  }
}
@media (max-width:767px) {
  .section-offer {
    padding-top: 15px;
    font-size: 13px;
    line-height: 1.4
  }
}
.section-offer .title-section {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center
}
@media (max-width:767px) {
  .section-offer .title-section {
    margin-bottom: 20px
  }
}
.section-offer .media,
.section-offer .media .media-body {
  overflow: visible
}
.section-offer .media-right {
  padding-left: 70px
}
.section-offer .media-body {
  padding-top: 6px
}
.section-offer .container {
  max-width: 1110px
}
.section-offer .text {
  padding-left: 8px;
  margin-bottom: 48px
}
@media (max-width:767px) {
  .section-offer .text {
    margin-bottom: 35px
  }
}
.section-plan-overcome .text-sm,
.section-proposal .text-sm {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.7
}
.section-plan-overcome .title-md,
.section-proposal .title-md {
  margin-bottom: 14px
}
.section-plan-overcome .text,
.section-proposal .text {
  padding-left: 8px;
  margin-bottom: 18px
}
.section-proposal {
  padding-top: 20px;
  font-size: 14px
}
@media (min-width:768px) {
  .section-proposal {
    line-height: 1.85
  }
}
@media (max-width:767px) {
  .section-proposal {
    font-size: 13px
  }
}
.section-proposal .title-section {
  margin-top: 0;
  margin-bottom: 36px;
  text-align: center
}
@media (max-width:767px) {
  .section-proposal .title-section {
    margin-bottom: 0
  }
}
.section-proposal .title-md {
  margin-bottom: 14px
}
.section-proposal .text {
  padding-left: 8px;
  margin-bottom: 18px
}
.section-proposal .text-sm {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.7
}
@media (max-width:991px) {
  .section-proposal .title-table-cell {
    margin-top: 30px
  }
}
.section-plan-overcome {
  padding-top: 50px;
  font-size: 14px
}
@media (min-width:768px) {
  .section-plan-overcome {
    line-height: 1.85
  }
}
@media (max-width:767px) {
  .section-plan-overcome {
    padding-top: 35px;
    font-size: 13px
  }
}
.section-plan-overcome .title-table-cell {
  margin-top: 16px
}
.section-plan-overcome .title-lg {
  margin-bottom: 34px
}
@media (max-width:767px) {
  .section-plan-overcome .title-lg {
    margin-top: 30px;
    margin-bottom: 40px
  }
}
.section-plan-overcome .text {
  margin-bottom: 24px
}
.section-plan-overcome hr {
  margin-top: 77px;
  margin-bottom: 0
}
@media (max-width:767px) {
  .section-plan-overcome hr {
    margin-top: 45px
  }
}
.section-academic-ability {
  padding-top: 48px;
  font-size: 14px;
  line-height: 1.85
}
@media (max-width:767px) {
  .section-academic-ability {
    padding-top: 35px;
    font-size: 13px
  }
}
.section-academic-ability .title-section {
  margin-top: 0;
  margin-bottom: 52px;
  text-align: center
}
@media (max-width:767px) {
  .section-academic-ability .title-section {
    margin-bottom: 32px
  }
}
.section-academic-ability .img-table {
  margin-top: 60px
}
@media (max-width:1199px) {
  .section-academic-ability .img-table {
    margin-top: 30px
  }
}
@media (max-width:767px) {
  .section-academic-ability .img-table {
    margin-bottom: 30px
  }
}
.section-academic-ability .media,
.section-academic-ability .media .media-body {
  overflow: visible
}
.section-academic-ability .media-right {
  padding-left: 22px
}
@media (max-width:767px) {
  .section-academic-ability .media-right {
    padding-bottom: 30px!important
  }
}
.section-academic-ability small {
  display: block;
  font-size: 12px
}
.section-event-list {
  padding-top: 48px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.86
}
@media (max-width:767px) {
  .section-event-list {
    padding-top: 35px;
    margin-bottom: 25px;
    font-size: 13px
  }
}
.section-event-list .title-section {
  margin-top: 0;
  margin-bottom: 48px;
  text-align: center
}
@media (max-width:767px) {
  .section-event-list .title-section {
    margin-bottom: 32px
  }
}
.section-event-list small {
  display: block;
  margin-bottom: 2px;
  font-size: 12px
}
.section-event-list .img-lg {
  margin-top: 34px
}
@media (max-width:767px) {
  .section-event-list .img-lg {
    margin-top: 22px
  }
}
.section-event-list .img-md {
  margin-top: 24px
}
@media (max-width:767px) {
  .section-event-list .img-md {
    margin-top: 16px
  }
}
.section-event-list .student-test {
  margin-top: 88px;
  line-height: 1.8
}
@media (max-width:767px) {
  .section-event-list .student-test {
    margin-top: 50px;
    margin-bottom: 50px
  }
}
.section-event-list .img-sm {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: -44px
}
@media (max-width:767px) {
  .section-event-list .img-sm {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: -15px
  }
}
.section-event-information {
  padding: 150px 0
}
.section-event-information .title-section {
  font-size: 72px;
  font-weight: bolder;
  color: #fff;
  text-align: center
}
.section-annual-event {
  margin-top: 30px
}
.section-annual-event .title-section {
  padding-left: .3em;
  margin-bottom: 30px;
  letter-spacing: .3em;
  text-align: center
}
.section-annual-event,
.section-annual-event small {
  font-size: 14px
}
.section-annual-event ul li + li {
  margin-top: 8px
}
.section-fee .title-section {
  margin-top: 0;
  margin-bottom: 27px
}
.section-fee .table-responsive {
  border: 0
}
.section-fee .table {
  margin-bottom: 15px
}
.section-fee .title {
  margin-left: -16px
}
.section-fee dl dt {
  padding-right: 7px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap
}
@media (min-width:1200px) {
  .section-fee dl dt {
    padding-top: 5px
  }
}
@media (max-width:1199px) {
  .section-fee dl dt {
    font-size: 20px
  }
}
@media (max-width:767px) {
  .section-fee dl dt {
    margin-bottom: 10px
  }
}
.section-fee dl dt small {
  display: block;
  margin-bottom: 2px;
  font-size: 12px
}
.section-fee dl dd {
  font-size: 13px;
  vertical-align: middle
}
@media (min-width:1200px) {
  .section-fee dl dd {
    padding-top: 5px
  }
}
.section-fee .text-sm {
  margin-top: 13px;
  font-size: 12px
}
.section-course-exam {
  padding-top: 50px;
  padding-bottom: 40px;
  font-weight: 700;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-course-exam {
    padding-top: 35px;
    padding-bottom: 20px
  }
}
.section-course-exam .title-section {
  margin-top: 0;
  margin-bottom: 42px;
  text-align: center
}
@media (max-width:767px) {
  .section-course-exam .title-section {
    margin-bottom: 28px
  }
}
.section-course-exam small.text-sm {
  display: block;
  font-size: 12px;
  line-height: 1.4
}
.section-course-exam .media-left {
  padding-right: 36px
}
.section-course-exam .media-heading {
  margin-bottom: 14px
}
@media (max-width:767px) {
  .section-course-exam .media-heading {
    margin-bottom: 10px
  }
}
.section-course-exam .lead {
  margin-bottom: 24px;
  font-size: 16px
}
@media (max-width:767px) {
  .section-course-exam .lead {
    margin-bottom: 15px;
    font-size: 14px
  }
}
@media (min-width:768px) {
  .section-course-exam .container-table {
    padding-right: 25px
  }
}
.section-course-exam .table-border-schedule {
  margin-bottom: 15px
}
@media (max-width:767px) {
  .section-course-exam .table-border-schedule {
    margin-bottom: 10px
  }
}
.section-course-exam .table-border-schedule > tbody > tr > td,
.section-course-exam .table-border-schedule > tbody > tr > th {
  border-left: 4px solid #fff;
  border-bottom: 2px solid #fff;
  text-align: center
}
.section-course-exam .table-border-schedule > tbody > tr > th {
  padding: 9px 8px 4px;
  font-size: 23px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-course-exam .table-border-schedule > tbody > tr > th {
    font-size: 18px
  }
}
.section-course-exam .table-border-schedule > tbody > tr > th:first-of-type {
  width: 8.5%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background-color: grey
}
@media (max-width:767px) {
  .section-course-exam .table-border-schedule > tbody > tr > th:first-of-type {
    font-size: 20px
  }
}
.section-course-exam .table-border-schedule > tbody > tr > td {
  font-size: 20px
}
@media (max-width:767px) {
  .section-course-exam .table-border-schedule > tbody > tr > td {
    font-size: 15px
  }
}
.section-course-exam .table-border-schedule .col-1 {
  width: 32.5%
}
.section-course-exam .table-border-schedule .col-2 {
  width: 15%
}
.section-course-exam .table-border-schedule .col-3,
.section-course-exam .table-border-schedule .col-4 {
  width: 14.5%
}
.section-course-exam .time {
  font-size: 18px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-course-exam .time {
    font-size: 16px
  }
}
.section-fv {
  font-size: 16px
}
@media (max-width:767px) {
  .section-fv {
    font-size: 12px
  }
}
.section-fv .img {
  margin-left: 154px
}
@media (max-width:767px) {
  .section-fv .img {
    margin-left: 0
  }
}
.section-fv .title-lg-pink {
  font-size: 66px;
  color: #eb277c
}
@media (max-width:767px) {
  .section-fv .title-lg-pink {
    font-size: 42px
  }
}
.section-fv .title-sm {
  font-size: 28px
}
@media (max-width:767px) {
  .section-fv .title-sm {
    font-size: 20px
  }
}
.section-congratulation {
  padding-top: 35px
}
@media (max-width:767px) {
  .section-congratulation {
    padding-top: 20px
  }
}
.section-congratulation .container {
  max-width: 1090px
}
.section-congratulation .table-cell .cell {
  vertical-align: middle;
  text-align: center
}
.section-congratulation .cell-1 {
  vertical-align: middle
}
.section-congratulation .cell-1 .title-lg-pink {
  font-size: 66px;
  font-weight: bolder;
  color: #eb277c
}
@media (max-width:1199px) {
  .section-congratulation .cell-1 .title-lg-pink {
    font-size: 43px
  }
}
@media (max-width:767px) {
  .section-congratulation .cell-1 .title-lg-pink {
    font-size: 34px
  }
}
.section-congratulation .cell-1 .title-sm {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2
}
@media (max-width:1199px) {
  .section-congratulation .cell-1 .title-sm {
    font-size: 28px
  }
}
@media (max-width:767px) {
  .section-congratulation .cell-1 .title-sm {
    font-size: 18px
  }
}
.section-comment {
  padding-top: 74px;
  padding-bottom: 150px;
  font-weight: 700
}
@media (min-width:768px) {
  .section-comment {
    font-size: 16px;
    line-height: 1.8
  }
}
@media (max-width:767px) {
  .section-comment {
    padding-top: 50px;
    padding-bottom: 100px;
    line-height: 1.5
  }
}
.section-comment .container {
  max-width: 1100px
}
.section-comment .well {
  position: relative
}
@media (max-width:1199px) {
  .section-comment .well {
    padding-top: 25px;
    padding-bottom: 15px
  }
}
@media (max-width:1199px) {
  .section-comment .media {
    margin-bottom: 15px
  }
}
@media (min-width:1200px) {
  .section-comment .media-object {
    position: absolute;
    top: -30px;
    left: -27px
  }
}
@media (min-width:1200px) {
  .section-comment .media-object.img-girl {
    left: -25px
  }
}
@media (min-width:1200px) {
  .section-comment .media-body {
    padding-left: 150px
  }
}
.section-test-information {
  padding-top: 62px;
  padding-bottom: 80px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-test-information {
    padding-top: 40px;
    padding-bottom: 50px
  }
}
.section-test-information .title-section {
  margin-top: 0;
  margin-bottom: 45px
}
@media (max-width:767px) {
  .section-test-information .title-section {
    margin-bottom: 30px
  }
}
.section-test-information .lead {
  margin-bottom: 22px;
  font-size: 20px
}
@media (max-width:767px) {
  .section-test-information .lead {
    margin-bottom: 15px;
    font-size: 16px
  }
}
.section-test-information .media-right {
  padding-left: 64px
}
@media (max-width:991px) {
  .section-test-information .media-right {
    padding-top: 20px;
    padding-bottom: 0
  }
}
.section-test-information .note {
  margin-top: 25px;
  line-height: 1.4
}
@media (max-width:767px) {
  .section-test-information .note {
    margin-top: 18px
  }
}
.section-test-information .text-emphasis {
  font-size: 14px;
  line-height: 1.1;
  color: #c1272d;
  text-decoration: underline
}
.section-information .lead {
  margin-bottom: 5px
}
.section-information .list-lg {
  margin-bottom: 54px
}
@media (min-width:768px) {
  .section-information .list-lg {
    margin-left: 25px
  }
}
.section-monthly-tuition-fee {
  padding-top: 35px
}
@media (max-width:767px) {
  .section-monthly-tuition-fee {
    padding-top: 22px;
    padding-bottom: 25px
  }
}
.section-monthly-tuition-fee .title-section {
  margin-top: 0;
  margin-bottom: 34px
}
@media (max-width:767px) {
  .section-monthly-tuition-fee .title-section {
    margin-bottom: 22px
  }
}
.section-monthly-tuition-fee .table {
  margin-bottom: 16px
}
@media (max-width:767px) {
  .section-monthly-tuition-fee .table {
    margin-bottom: 10px
  }
}
.section-monthly-tuition-fee .container-label {
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-monthly-tuition-fee .container-label {
    margin-bottom: 15px
  }
}
.section-monthly-tuition-fee .title-md {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-monthly-tuition-fee .title-md {
    font-size: 20px
  }
}
.section-monthly-tuition-fee small {
  display: block;
  font-size: 12px
}
@media (min-width:768px) {
  .section-monthly-tuition-fee small {
    line-height: 1.1
  }
}
@media (max-width:767px) {
  .section-monthly-tuition-fee small {
    font-size: 11px
  }
}
.section-monthly-tuition-fee .panel {
  margin-top: 50px;
  border-radius: 9px;
  border-width: 4px
}
@media (max-width:767px) {
  .section-monthly-tuition-fee .panel {
    margin-top: 35px;
    margin-bottom: 20px
  }
}
.section-monthly-tuition-fee .panel .panel-heading {
  line-height: 1.2
}
.section-monthly-tuition-fee .panel .panel-body {
  padding: 22px 18px 16px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}
.section-monthly-tuition-fee .panel .title-xs {
  margin-top: 0;
  margin-bottom: 0
}
.section-monthly-tuition-fee .panel small {
  margin-top: 12px
}
.section-entrance-to-school {
  padding-top: 45px
}
@media (min-width:768px) {
  .section-entrance-to-school {
    font-size: 16px
  }
}
@media (max-width:768px) {
  .section-entrance-to-school {
    margin-bottom: 30px;
    font-size: 12px
  }
}
.section-entrance-to-school .lead {
  margin-bottom: 18px;
  font-size: 16px
}
@media (max-width:768px) {
  .section-entrance-to-school .lead {
    font-size: 12px
  }
}
.section-entrance-to-school .title-section {
  margin-top: 0;
  margin-bottom: 15px
}
.section-entrance-to-school ul {
  padding-left: 4px
}
@media (max-width:767px) {
  .section-entrance-to-school ul {
    padding-left: 1px
  }
}
.section-entrance-to-school ul li {
  padding-left: 5px
}
@media (max-width:767px) {
  .section-entrance-to-school ul li {
    padding-left: 1px
  }
}
.section-entrance-to-school ul li + li {
  margin-top: 5px
}
.section-entrance-to-school .entrance-step {
  overflow: hidden
}
.section-entrance-to-school .entrance-step .text-sm {
  font-size: 14px
}
@media (max-width:767px) {
  .section-entrance-to-school .entrance-step .text-sm {
    font-size: 12px
  }
}
.section-entrance-to-school .entrance-step dl {
  position: relative
}
.section-entrance-to-school .entrance-step dl,
.section-entrance-to-school .entrance-step dl dd {
  overflow: visible
}
.section-entrance-to-school .entrance-step dl:before {
  position: absolute;
  top: 0;
  bottom: -25px;
  left: 19px;
  margin-right: auto;
  margin-left: auto;
  border-left: 2px solid #3573ca;
  z-index: -1;
  content: ""
}
@media (max-width:767px) {
  .section-entrance-to-school .entrance-step dl:before {
    left: 16px
  }
}
.section-entrance-to-school .entrance-step dl:last-child:before {
  top: 100%;
  bottom: 100%
}
.section-entrance-to-school .entrance-step .tel-fax {
  margin-top: 7px;
  margin-bottom: 10px;
  padding: 6px 0 5px 10px
}
@media (max-width:767px) {
  .section-entrance-to-school .entrance-step .tel-fax {
    margin-top: 3px;
    margin-bottom: 5px;
    padding: 5px 0 6px 10px
  }
}
.section-entrance-to-school .entrance-step .tel-fax .number-tel-fax {
  font-size: 28px;
  font-weight: 700;
  color: #3373cb;
  vertical-align: middle
}
@media (max-width:767px) {
  .section-entrance-to-school .entrance-step .tel-fax .number-tel-fax {
    font-size: 22px
  }
}
.section-entrance-to-school .entrance-step .tel-fax .media-object {
  display: inline-block
}
.section-entrance-to-school .entrance-step .tel-fax .media-left {
  white-space: nowrap
}
.section-entrance-to-school .img {
  margin-bottom: 10px
}
.section-grades .container-btn {
  margin-top: 22px;
  margin-right: -11px;
  margin-left: -11px
}
@media (max-width:767px) {
  .section-grades .container-btn {
    margin-top: 15px
  }
}
.section-grades .container-btn .btn {
  margin-bottom: 15px
}
.section-school {
  padding-top: 24px
}
.section-school .title-section {
  margin-bottom: 44px
}
@media (max-width:767px) {
  .section-school .title-section {
    margin-bottom: 25px
  }
}
.section-school .title-section .title {
  padding-right: 15px;
  padding-left: 15px;
  letter-spacing: normal
}
.section-school .title-sm {
  margin-bottom: 42px
}
@media (max-width:767px) {
  .section-school .title-sm {
    margin-bottom: 20px
  }
}
.section-school .title-xs {
  margin-bottom: 45px
}
@media (max-width:767px) {
  .section-school .title-xs {
    margin-bottom: 24px
  }
}
.section-school .title-xxs {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-school .title-xxs {
    margin-bottom: 15px
  }
}
.section-school .curriculum {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-school .curriculum {
    margin-bottom: 20px
  }
}
.section-school .img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 54px
}
@media (max-width:767px) {
  .section-school .img {
    margin-bottom: 36px
  }
}
.section-school .table-responsive {
  border: 0
}
@media (max-width:767px) {
  .section-school .table-responsive {
    margin-top: 15px
  }
}
.section-school.price-list {
  padding-top: 0;
  padding-bottom: 90px
}
@media (min-width:768px) {
  .section-school.price-list {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-school.price-list {
    padding-bottom: 60px
  }
}
.section-school.price-list .title-section {
  margin-bottom: 25px
}
@media (max-width:767px) {
  .section-school.price-list .title-section {
    margin-bottom: 15px
  }
}
.section-school.price-list .title-xs {
  margin-bottom: 25px;
  font-weight: 400
}
.section-school.price-list .title-course {
  margin-bottom: 6px
}
.section-school.price-list .table {
  margin-bottom: 16px
}
@media (max-width:767px) {
  .section-school.price-list .table {
    margin-bottom: 10px
  }
}
.section-school.price-list .note {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-school.price-list .note {
    margin-bottom: 40px
  }
}
.section-school.price-list .note > .dl-note {
  margin-top: 20px
}
@media (max-width:767px) {
  .section-school.price-list .note > .dl-note {
    margin-top: 10px
  }
}
@media (min-width:768px) {
  .section-school.price-list .note > .dl-note dd,
  .section-school.price-list .note > .dl-note dt {
    line-height: 1.944
  }
}
.section-school.price-list .note > .dl-note > dt {
  padding-right: 0
}
@media (max-width:767px) {
  .section-school.price-list .note > .dl-note dd > dl {
    margin-bottom: 5px
  }
}
.section-school.price-list .table-responsive {
  margin-bottom: 0
}
@media (min-width:768px) {
  .section-school.price-list .table-responsive {
    overflow-x: visible
  }
}
@media (max-width:767px) {
  .section-school.price-list .table-responsive .table > thead > tr:last-of-type > th:first-of-type {
    border-left: 1px solid #b2b2b2
  }
}
@media (max-width:767px) {
  .section-school.price-list .table-responsive .table > thead > tr:last-of-type > th:last-of-type {
    border-right: 1px solid #b2b2b2
  }
}
@media (max-width:767px) {
  .section-school.price-list .table-responsive .table > tbody > tr > td:first-of-type,
  .section-school.price-list .table-responsive .table > tbody > tr > th:first-of-type {
    border-left: 1px solid #b2b2b2
  }
}
@media (max-width:767px) {
  .section-school.price-list .table-responsive .table > tbody > tr > td:last-of-type,
  .section-school.price-list .table-responsive .table > tbody > tr > th:last-of-type {
    border-right: 1px solid #b2b2b2
  }
}
.section-school.price-list .table-responsive .table > tbody > tr:last-of-type > td,
.section-school.price-list .table-responsive .table > tbody > tr:last-of-type > th {
  border-bottom: 1px solid #b2b2b2
}
.section-school.price-list .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
  margin-top: 50px
}
@media (max-width:767px) {
  .section-school.price-list .container-btn {
    margin-top: 30px
  }
}
.section-school.price-list .container-btn .btn {
  border-radius: 0
}
.section-middle-school {
  padding-bottom: 34px
}
@media (max-width:767px) {
  .section-middle-school {
    padding-bottom: 20px
  }
}
.section-middle-school .table-responsive {
  margin-top: 50px
}
@media (max-width:767px) {
  .section-middle-school .table-responsive {
    margin-top: 35px
  }
}
.section-middle-school .media .media-right {
  padding-top: 10px;
  padding-bottom: 0
}
.section-philosophy {
  padding-top: 50px;
  padding-bottom: 140px
}
@media (min-width:768px) {
  .section-philosophy {
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-philosophy {
    padding-top: 30px;
    padding-bottom: 60px;
    font-size: 15px
  }
}
.section-philosophy .table-cell {
  margin-bottom: 16px
}
.section-philosophy .table-cell .cell {
  vertical-align: middle
}
.section-philosophy .title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 35px;
  letter-spacing: -.1em;
  line-height: 1.429
}
@media (max-width:767px) {
  .section-philosophy .title {
    font-size: 25px
  }
}
.section-philosophy .well {
  padding: 30px 46px 22px;
  border: 0;
  background-color: rgba(255,255,255,.74)
}
@media (max-width:767px) {
  .section-philosophy .well {
    padding: 20px 15px 15px
  }
}
.section-philosophy .inner {
  padding-right: 5px;
  padding-left: 5px;
  text-indent: 1em;
  text-align: justify
}
.section-philosophy .inner p + p {
  margin-top: 36px
}
@media (max-width:767px) {
  .section-philosophy .inner p + p {
    margin-top: 18px
  }
}
.section-web-test {
  padding-top: 50px;
  padding-bottom: 28px;
  margin-bottom: 50px
}
@media (min-width:768px) {
  .section-web-test {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-web-test {
    padding-top: 35px;
    padding-bottom: 15px;
    margin-bottom: 35px;
    font-size: 16px
  }
}
.section-web-test .title {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .section-web-test .well-right {
    margin-top: 134px
  }
}
@media (min-width:768px) {
  .section-implementation .well-right {
    margin-top: 186px
  }
}
.section-contact {
  padding-top: 20px;
  padding-bottom: 60px
}
@media (max-width:767px) {
  .section-contact {
    padding-bottom: 40px
  }
}
.section-contact .container-dl {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
  margin-bottom: 45px
}
@media (max-width:767px) {
  .section-contact .container-dl {
    margin-bottom: 30px
  }
}
.section-contact .personal-information {
  height: 300px;
  padding: 21px 28px;
  margin-top: 5px;
  margin-bottom: 26px;
  overflow-y: scroll;
  border: 1px solid #b2b2b2
}
@media (max-width:767px) {
  .section-contact .personal-information {
    padding: 16px 10px;
    margin-bottom: 20px
  }
}
.section-contact .personal-information .title {
  font-weight: 700;
  text-align: center
}
@media (min-width:768px) {
  .section-contact .personal-information,
  .section-contact .personal-information .lead {
    line-height: 1.944
  }
}
.section-contact .personal-information .lead {
  margin-bottom: 40px
}
@media (min-width:768px) {
  .section-contact .personal-information .lead {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-contact .personal-information .lead {
    margin-bottom: 25px;
    font-size: 13px
  }
}
.section-contact .personal-information .title-sm {
  margin-top: 20px
}
@media (max-width:767px) {
  .section-contact .personal-information .title-sm {
    margin-top: 15px
  }
}
.section-contact .personal-information p {
  text-indent: 1em
}
.section-contact .container-btn {
  position: relative;
  margin-top: 44px;
  text-align: center
}
@media (max-width:767px) {
  .section-contact .container-btn {
    margin-top: 30px
  }
}
.section-contact .container-btn .ajax-loader {
  position: absolute;
  right: 0;
  bottom: -28px;
  left: 0;
  margin-right: auto;
  margin-left: auto
}
.section-contact .container-btn .btn-return {
  padding: 8px 21px 5px;
  margin-right: 22px;
  vertical-align: top
}
@media (max-width:767px) {
  .section-contact .container-btn .btn-return {
    margin-right: 10px
  }
}
.section-course {
  padding-top: 0;
  padding-bottom: 75px
}
@media (min-width:768px) {
  .section-course {
    font-size: 15px;
    line-height: 1.73
  }
}
@media (max-width:767px) {
  .section-course {
    padding-bottom: 50px
  }
}
.section-course:first-of-type {
  padding-bottom: 0
}
.section-course:first-of-type .inner {
  padding-top: 54px;
  padding-bottom: 34px
}
@media (max-width:767px) {
  .section-course:first-of-type .inner {
    padding-top: 36px;
    padding-bottom: 22px
  }
}
.section-course .title-section {
  margin-bottom: 58px
}
@media (max-width:767px) {
  .section-course .title-section {
    margin-bottom: 40px
  }
}
.section-course .title-section .title {
  font-size: 40px
}
@media (max-width:767px) {
  .section-course .title-section .title {
    font-size: 30px
  }
}
.section-course .title-lg {
  margin-top: 0;
  margin-bottom: 64px;
  text-align: center
}
@media (max-width:767px) {
  .section-course .title-lg {
    margin-bottom: 25px
  }
}
.section-course .title-lg small {
  display: block;
  margin-top: 17px;
  font-size: 20px;
  font-weight: 700;
  color: #1e32b4
}
@media (max-width:767px) {
  .section-course .title-lg small {
    margin-top: 10px;
    font-size: 15px
  }
}
.section-course .lead {
  padding: 10px 10px 14px;
  font-size: 29px;
  text-align: center;
  background-color: #0032a5
}
@media (max-width:767px) {
  .section-course .lead {
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 24px
  }
}
.section-course .lead,
.section-course .lead small {
  font-weight: 700;
  color: #fff
}
.section-course .lead span {
  font-weight: 700;
    font-size: 120%;
    font-family: serif;
    color: #fff;
    background: linear-gradient(transparent 80%, #FFFF33 30%);
}
.section-course .lead small {
  display: block;
  font-size: 14px
}
@media (max-width:767px) {
  .section-course .media {
    margin-bottom: 20px
  }
}
.section-course .media .media-heading {
  padding: 11px 14px;
  font-size: 26px;
  font-weight: 700;
  background-color: #e5eaf6;
  border-radius: 3px
}
@media (max-width:1199px) {
  .section-course .media .media-heading {
    font-size: 24px
  }
}
@media (max-width:767px) {
  .section-course .media .media-heading {
    padding: 8px 10px;
    font-size: 20px
  }
}
.section-course .media .media-heading,
.section-course .media .media-heading small {
  color: #0032a5
}
.section-course .media .media-heading small {
  display: inline-block;
  font-size: 18px
}
@media (max-width:1199px) {
  .section-course .media .media-heading small {
    font-size: 15px
  }
}
.section-course .media .media-left {
  padding-right: 15px
}
@media (min-width:768px) {
  .section-course .media .inner-body {
    padding-left: 8px
  }
}
.section-course .media-grade {
  margin-top: 10px;
  margin-bottom: 54px;
  font-size: 29px;
  font-weight: 700;
  color: #0032a5
}
@media (max-width:1199px) {
  .section-course .media-grade {
    font-size: 25px
  }
}
@media (max-width:767px) {
  .section-course .media-grade {
    margin-bottom: 36px;
    font-size: 24px
  }
}
@media (max-width:767px) {
  .section-course .media-grade .media-body {
    text-align: center;
    margin-bottom: 15px
  }
}
.section-course .container-btn {
  display: block;
  max-width: 500px;
  margin: 24px auto 74px
}
@media (max-width:767px) {
  .section-course .container-btn {
    margin-top: 16px;
    margin-bottom: 40px
  }
}
.section-course .container-btn .balloon {
  position: relative;
  display: inline-block;
  float: right;
  padding: 2px 20px;
  margin-right: 35px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #fff;
  background-color: #0032a5;
  border-radius: 8px
}
@media (max-width:767px) {
  .section-course .container-btn .balloon {
    font-size: 14px
  }
}
.section-course .container-btn .balloon:after {
  position: absolute;
  right: 50px;
  bottom: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0;
  border-color: #0032a5 transparent transparent;
  content: ""
}
.section-course .container-instruction {
  padding-top: 60px
}
@media (max-width:767px) {
  .section-course .container-instruction {
    padding-top: 40px
  }
}
.section-image-school {
  padding-top: 90px;
  padding-bottom: 50px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-image-school {
    padding-top: 60px;
    padding-bottom: 35px
  }
}
.section-image-school .media {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-image-school .media {
    margin-bottom: 25px
  }
}
.section-image-school .media,
.section-image-school .media .media-body {
  overflow: visible
}
.section-image-school .media.media-shougakusei-test .media-heading {
  padding-right: 95px;
  padding-left: 95px
}
@media (max-width:767px) {
  .section-image-school .media.media-shougakusei-test .media-heading {
    padding-right: 60px;
    padding-left: 60px
  }
}
@media (min-width:768px) {
  .section-image-school .media.media-direction-rtl .media-left {
    padding-right: 0;
    padding-left: 16px
  }
}
.section-image-school .media.media-direction-rtl .media-heading {
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-image-school .media.media-direction-rtl .media-heading {
    margin-bottom: 15px
  }
}
.section-image-school .media-left {
  padding-right: 16px
}
.section-image-school .media-body {
  line-height: 1.5
}
.section-image-school .img-sm {
  margin-left: 12px
}
@media (min-width:768px) {
  .section-voice {
    font-size: 16px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-voice {
    font-size: 16px
  }
}
.section-voice:first-of-type {
  margin-top: 30px
}
@media (max-width:767px) {
  .section-voice:first-of-type {
    margin-top: 20px
  }
}
.section-voice:last-of-type {
  padding-bottom: 30px
}
@media (max-width:767px) {
  .section-voice:last-of-type {
    padding-bottom: 20px
  }
}
.section-voice .img-banner {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-voice .img-banner {
    margin-bottom: 40px
  }
}
.section-voice .title-section {
  margin-bottom: 28px
}
@media (min-width:768px) {
  .section-voice .title-section {
    margin-left: -10px
  }
}
@media (max-width:767px) {
  .section-voice .title-section {
    padding-right: 30px;
    padding-left: 8px;
    margin-bottom: 20px
  }
}
.section-voice .title-section small {
  font-size: 18px;
  line-height: 1.1
}
@media (max-width:991px) {
  .section-voice .title-section small {
    display: block;
    padding-left: 20px;
    margin-top: 15px
  }
}
@media (max-width:767px) {
  .section-voice .title-section small {
    margin-top: 10px;
    font-size: 14px
  }
}
.section-voice .title-section .title {
  margin-top: 0
}
@media (min-width:768px) {
  .section-voice .title-section .title {
    width: 670px
  }
}
@media (min-width:992px) {
  .section-voice .table-cell .cell:first-child {
    width: 734px
  }
}
.section-skill {
  padding-top: 22px
}
@media (max-width:767px) {
  .section-skill {
    padding-top: 10px
  }
}
@media (min-width:768px) {
  .section-skill {
    font-size: 16px;
    line-height: 1.944
  }
}
.section-skill .lead {
  margin-bottom: 11px;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.1em
}
@media (min-width:768px) {
  .section-skill .lead {
    line-height: 1.667
  }
}
@media (max-width:767px) {
  .section-skill .lead {
    font-size: 15px
  }
}
.section-skill .media {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-skill .media {
    margin-bottom: 20px
  }
}
.section-skill .media .media-heading {
  margin-bottom: 0;
  font-size: 45px;
  letter-spacing: -.1em
}
@media (min-width:1500px) {
  .section-skill .media .media-heading {
    font-size: 50px
  }
}
@media (max-width:767px) {
  .section-skill .media .media-heading {
    font-size: 5.9vw;
    line-height: 1.5
  }
}
.section-skill .media .media-heading,
.section-skill .media .media-heading * {
  font-weight: 700;
  line-height: 1.2
}
.section-skill .media .media-heading .text-lg,
.section-skill .media .media-heading small {
  display: block
}
.section-skill .media .media-heading .text-lg {
  font-size: 5.4vw
}
@media (min-width:1500px) {
  .section-skill .media .media-heading .text-lg {
    font-size: 45px
  }
}
@media (max-width:767px) {
  .section-skill .media .media-heading .text-lg {
    font-size: 7.4vw
  }
}
.section-skill .media .media-heading small {
  font-size: 3.55vw
}
@media (min-width:1500px) {
  .section-skill .media .media-heading small {
    font-size: 30px
  }
}
@media (max-width:767px) {
  .section-skill .media .media-heading small {
    font-size: 5.55vw
  }
}
.section-skill .media .media-left {
  padding-right: 34px
}
.section-flow {
  padding-top: 48px
}
@media (max-width:767px) {
  .section-flow {
    padding-top: 30px
  }
}
.section-flow .flow {
  position: relative;
  padding: 12px 20px 7px;
  margin-bottom: 27px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 10px
}
@media (max-width:767px) {
  .section-flow .flow {
    font-size: 16px
  }
}
.section-flow .flow:after {
  position: absolute;
  right: 0;
  bottom: -16px;
  left: 0;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 16px 13px 0;
  content: ""
}
.section-flow .flow:last-of-type {
  margin-bottom: 0
}
.section-flow .flow:last-of-type:after {
  display: none
}
.section-flow .flow.flow-bg-light-orange {
  background-color: #f4b12c
}
.section-flow .flow.flow-bg-light-orange:after {
  border-color: #f4b12c transparent transparent
}
.section-flow .flow.flow-bg-orange {
  background-color: #ee9201
}
.section-flow .flow.flow-bg-orange:after {
  border-color: #ee9201 transparent transparent
}
.section-flow .flow.flow-bg-strong-orange {
  background-color: #e55614
}
.section-flow .flow.flow-bg-strong-orange:after {
  border-color: #e55614 transparent transparent
}
.section-flow .flow.flow-bg-light-red {
  background-color: #e33827
}
.section-flow .flow.flow-bg-light-red:after {
  border-color: #e33827 transparent transparent
}
.section-flow .flow.flow-bg-strong-red {
  background-color: #bf0d23
}
.section-flow .flow.flow-bg-strong-red:after {
  border-color: #bf0d23 transparent transparent
}
.section-practice {
  padding-top: 20px;
  padding-bottom: 40px
}
@media (min-width:768px) {
  .section-practice {
    font-size: 18px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-practice {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.section-practice .title-section {
  margin-top: 60px
}
@media (max-width:767px) {
  .section-practice .title-section {
    margin-top: 40px
  }
}
.section-practice .media .media-left {
  padding-right: 24px
}
.section-practice ul {
  margin-top: 14px
}
@media (max-width:991px) {
  .section-practice ul {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 460px
  }
}
@media (max-width:767px) {
  .section-practice ul {
    max-width: 240px;
    margin-top: 10px
  }
}
@media (min-width:992px) {
  .section-practice ul {
    padding-left: 27px
  }
}
@media (min-width:768px) {
  .section-myet-feature {
    font-size: 16px
  }
}
.section-myet-feature .media .media-left {
  padding-right: 0
}
@media (min-width:768px) {
  .section-myet-feature .media .media-left {
    padding-left: 40px
  }
}
@media (min-width:768px) {
  .section-myet-feature ul li {
    line-height: 1.944
  }
}
.section-myet-feature ul li + li {
  margin-top: 1px
}
@media (max-width:767px) {
  .section-myet-feature ul li + li {
    margin-top: 6px
  }
}
.section-student-voice {
  padding-top: 38px
}
@media (min-width:768px) {
  .section-student-voice {
    font-size: 18px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-student-voice {
    padding-top: 25px
  }
}
.section-student-voice .title-section {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center
}
@media (min-width:768px) {
  .section-student-voice,
  .section-student-voice .lead {
    font-size: 16px
  }
}
.section-student-voice .lead {
  text-align: center
}
.section-student-voice .well {
  padding: 48px 45px 35px 0;
  margin-bottom: 54px
}
@media (max-width:991px) {
  .section-student-voice .well {
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 20px
  }
}
@media (max-width:767px) {
  .section-student-voice .well {
    padding-top: 20px;
    margin-bottom: 36px
  }
}
.section-student-voice .well .inner {
  margin-left: -2px
}
@media (min-width:992px) {
  .section-student-voice .well .img {
    float: right;
    margin-left: 28px
  }
}
@media (max-width:991px) {
  .section-student-voice .well .img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    margin-bottom: 20px
  }
}
.section-student-voice .well .title {
  width: 325px;
  margin-bottom: 16px
}
@media (max-width:1199px) {
  .section-student-voice .well .title {
    width: 290px
  }
}
@media (max-width:767px) {
  .section-student-voice .well .title {
    width: 250px
  }
}
.section-student-voice .text {
  padding-left: 45px
}
@media (max-width:991px) {
  .section-student-voice .text {
    padding-left: 20px
  }
}
.section-training {
  padding-bottom: 94px
}
@media (min-width:768px) {
  .section-training {
    font-size: 16px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-training {
    padding-bottom: 60px
  }
}
.section-training .title-section {
  margin-top: 0;
  font-size: 27px
}
@media (max-width:767px) {
  .section-training .title-section {
    font-size: 20px
  }
}
.section-training .media .media-heading {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-training .media .media-heading {
    margin-bottom: 16px
  }
}
.section-training .media .media-left {
  padding-right: 0
}
.section-training ul {
  padding-left: 7px;
  margin-top: 7px
}
.section-highschool .inner {
  padding-bottom: 40px
}
@media (max-width:767px) {
  .section-highschool .inner {
    padding-bottom: 25
  }
}
.section-highschool .img-schedule {
  margin-top: 12px;
  margin-bottom: 18px
}
@media (max-width:767px) {
  .section-highschool .img-schedule {
    margin-top: 8px;
    margin-bottom: 12px
  }
}
.section-highschool .media-class {
  margin-bottom: 20px
}
.section-highschool .media-class.media-direction-rtl .media-left {
  padding-right: 0
}
@media (min-width:768px) {
  .section-highschool .media-class.media-direction-rtl .media-left {
    padding-left: 15px
  }
}
.section-highschool .media-class .media-body {
  text-align: justify
}
.section-highschool .course-detail {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-highschool .course-detail {
    margin-bottom: 40px
  }
}
.section-highschool .img-point {
  margin-top: 22px;
  margin-bottom: 22px
}
@media (max-width:767px) {
  .section-highschool .img-point {
    margin-top: 15px
  }
}
.section-highschool .img-flow {
  margin-top: 32px
}
@media (max-width:767px) {
  .section-highschool .img-flow {
    margin-top: 20px
  }
}
.section-highschool .img-step {
  margin-bottom: 40px
}
@media (max-width:767px) {
  .section-highschool .img-step {
    margin-bottom: 25px
  }
}
.section-highschool dl {
  margin-bottom: 10px
}
.section-highschool dl dt {
  padding-right: 5px
}
@media (min-width:768px) {
  .section-highschool dl dt {
    padding-right: 12px;
    padding-left: 8px
  }
}
.section-highschool .fs-sm {
  font-size: 14px
}
.section-strong-child {
  padding-top: 62px
}
@media (min-width:768px) {
  .section-strong-child {
    font-size: 16 section-guidepx;
    line-height: 1.94
  }
}
@media (max-width:767px) {
  .section-strong-child {
    padding-top: 40px
  }
}
.section-strong-child .title-section {
  margin-bottom: 70px;
  text-align: center
}
@media (max-width:767px) {
  .section-strong-child .title-section {
    margin-bottom: 35px
  }
}
.section-strong-child .container {
  max-width: 1090px
}
.section-strong-child p {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-strong-child p {
    margin-bottom: 18px
  }
}
.section-about-believe,
.section-voice-applicant {
  padding-top: 50px;
  padding-bottom: 76px
}
@media (min-width:768px) {
  .section-about-believe,
  .section-voice-applicant {
    font-size: 18px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-about-believe,
  .section-voice-applicant {
    padding-top: 30px;
    padding-bottom: 50px
  }
}
.section-about-believe .title-section,
.section-voice-applicant .title-section {
  margin-top: 115px;
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-about-believe .title-section,
  .section-voice-applicant .title-section {
    margin-top: 20px;
    margin-bottom: 30px
  }
}
.section-about-believe .title-section small,
.section-voice-applicant .title-section small {
  display: block;
  margin-top: 17px;
  font-size: 20px;
  font-weight: 700;
  color: #000046
}
@media (max-width:767px) {
  .section-about-believe .title-section small,
  .section-voice-applicant .title-section small {
    font-size: 15px
  }
}
.section-about-believe .container-btn,
.section-voice-applicant .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px
}
.section-about-believe .link-hover-circle,
.section-voice-applicant .link-hover-circle {
  width: 252px;
  height: 251px;
  padding: 64px 20px 10px
}
@media (max-width:1199px) {
  .section-about-believe .link-hover-circle,
  .section-voice-applicant .link-hover-circle {
    width: 200px;
    height: 200px;
    padding-top: 42px
  }
}
@media (max-width:991px) {
  .section-about-believe .link-hover-circle,
  .section-voice-applicant .link-hover-circle {
    width: 150px;
    height: 150px;
    padding: 20px 20px 10px
  }
}
@media (max-width:767px) {
  .section-about-believe .link-hover-circle,
  .section-voice-applicant .link-hover-circle {
    margin-bottom: 20px
  }
}
@media (max-width:479px) {
  .section-about-believe .link-hover-circle,
  .section-voice-applicant .link-hover-circle {
    width: 140px;
    height: 140px
  }
}
.section-about-believe .link-hover-circle .img-text,
.section-voice-applicant .link-hover-circle .img-text {
  margin-bottom: 15px
}
@media (max-width:1199px) {
  .section-about-believe .link-hover-circle .text,
  .section-voice-applicant .link-hover-circle .text {
    font-size: 15px
  }
}
@media (max-width:767px) {
  .section-about-believe .link-hover-circle .text .cell,
  .section-voice-applicant .link-hover-circle .text .cell {
    vertical-align: middle
  }
}
.section-about-believe .thumbnail,
.section-voice-applicant .thumbnail {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 340px
}
.section-about-believe .img-banner,
.section-voice-applicant .img-banner {
  margin-bottom: 10px
}
@media (min-width:768px) {
  .section-voice-applicant .row {
    margin-bottom: 30px
  }
}
.section-voice-applicant .container-classroom-list {
  margin-top: 50px
}
@media (max-width:767px) {
  .section-voice-applicant .container-classroom-list {
    margin-top: 35px
  }
}
.section-about-believe {
  padding-top: 72px
}
.section-about-believe .title-section {
  margin-top: 0;
  margin-bottom: 46px
}
.section-believe-voice {
  padding-top: 84px;
  padding-bottom: 102px
}
@media (min-width:768px) {
  .section-believe-voice {
    font-size: 18px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-believe-voice {
    padding-top: 56px;
    padding-bottom: 68px
  }
}
.section-believe-voice .title-section {
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-believe-voice .title-section {
    margin-bottom: 35px
  }
}
.section-believe-voice .title-section small {
  display: block;
  margin-top: 22px;
  font-size: 20px;
  font-weight: 700;
  color: #055078
}
@media (max-width:767px) {
  .section-believe-voice .title-section small {
    margin-top: 17px;
    font-size: 15px
  }
}
.section-believe-voice .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px
}
.section-believe-voice .well {
  background-color: transparent!important
}
.section-class-list {
  padding-top: 32px;
  padding-bottom: 32px
}
@media (max-width:767px) {
  .section-class-list {
    padding-top: 18px;
    padding-bottom: 18px
  }
}
.section-class-list .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px
}
.section-course-yotsuya {
  padding-top: 50px
}
@media (max-width:767px) {
  .section-course-yotsuya {
    padding-top: 35px
  }
}
.section-course-yotsuya .title-section {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-course-yotsuya .title-section {
    margin-bottom: 20px
  }
}
.section-course-yotsuya .container-fluid {
  max-width: 992px
}
.section-course-yotsuya .lead {
  font-size: 18px;
  text-align: center
}
@media (max-width:767px) {
  .section-course-yotsuya .lead {
    font-size: 15px
  }
}
.section-course-yotsuya .thumbnail {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 363px;
  text-align: center;
  background-color: transparent
}
@media (min-width:768px) {
  .section-course-yotsuya .thumbnail {
    margin-bottom: 0
  }
}
.section-course-yotsuya .thumbnail .caption {
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #0054a6
}
@media (max-width:767px) {
  .section-course-yotsuya .thumbnail .caption {
    font-size: 16px
  }
}
.section-course-yotsuya .title-caption {
  margin-bottom: 0
}
.section-course-yotsuya a:focus,
.section-course-yotsuya a:hover {
  text-decoration: none
}
.section-guide {
  padding-top: 45px;
  padding-bottom: 45px
}
@media (min-width:768px) {
  .section-guide {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .section-guide {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
@media (max-width:767px) {
  .section-guide .link-with-overlay-text {
    min-height: 387px;
    margin-bottom: 50px
  }
}
@media (max-width:767px) {
  .section-guide .link-with-overlay-text.link-with-overlay-text-3 {
    min-height: 415px
  }
}
@media (max-width:767px) {
  .section-guide .link-with-overlay-text.link-with-overlay-text-3 .inner {
    top: 150px
  }
}
.section-guide .link-with-overlay-text .inner {
  bottom: 0
}
@media (max-width:767px) {
  .section-guide .link-with-overlay-text .inner {
    padding-right: 15px;
    padding-left: 15px
  }
}
.section-guide,
.section-guide a {
  color: #fff
}
@media (max-width:767px) {
  .section-guide a {
    display: block;
    padding: 10px 15px 6px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #009480;
    background-color: #fff;
    border-radius: 5px
  }
  .section-guide a:last-of-type {
    margin-bottom: 0
  }
}
.section-guide a:focus,
.section-guide a:hover {
  opacity: .7;
  text-decoration: none
}
@media (max-width:767px) {
  .section-guide .row [class*=col-]:last-child .link-with-overlay-text {
    margin-bottom: 0
  }
}
.section-test {
  padding-top: 60px;
  padding-bottom: 72px;
  margin-bottom: 64px;
  font-size: 13px
}
@media (min-width:768px) {
  .section-test {
    font-size: 16px;
    line-height: 1.5
  }
}
@media (max-width:767px) {
  .section-test {
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 40px
  }
}
.section-test .title-section {
  margin-bottom: 28px
}
@media (max-width:767px) {
  .section-test .title-section {
    margin-bottom: 20px
  }
}
.section-test .lead {
  margin-bottom: 46px;
  font-size: 18px;
  text-align: center
}
@media (min-width:768px) {
  .section-test .lead {
    line-height: 2
  }
}
@media (max-width:767px) {
  .section-test .lead {
    margin-bottom: 35px;
    font-size: 14px
  }
}
.section-test .title {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-test .title {
    margin-bottom: 16px
  }
}
.section-test .text {
  margin-bottom: 15px;
  text-align: center
}
@media (max-width:767px) {
  .section-test .text {
    margin-bottom: 10px
  }
}
.section-test .container-fluid {
  max-width: 1130px
}
@media (max-width:767px) {
  .section-test .test-content {
    margin-bottom: 30px
  }
}
.section-banner {
  padding-bottom: 84px
}
@media (max-width:767px) {
  .section-banner {
    padding-bottom: 46px
  }
}
.section-banner .banner {
  display: block;
  padding: 20px 5px 12px;
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 50px;
  line-height: 1.1;
  color: #fff;
  text-align: center
}
@media (max-width:1199px) {
  .section-banner .banner {
    font-size: 4.167vw
  }
}
@media (max-width:767px) {
  .section-banner .banner {
    font-size: 8vw;
    margin-bottom: 20px
  }
}
.section-banner .banner:hover {
  opacity: .7;
  text-decoration: none
}
.section-banner .banner,
.section-banner .banner small {
  font-weight: 700
}
.section-banner .banner small {
  display: block;
  margin-top: 10px;
  font-family: Avenir,"Open Sans",Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 20px
}
@media (max-width:767px) {
  .section-banner .banner small {
    font-size: 15px
  }
}
.section-point {
  padding-top: 54px;
  padding-bottom: 25px
}
@media (min-width:768px) {
  .section-point {
    font-size: 18px;
    line-height: 1.94
  }
}
@media (max-width:767px) {
  .section-point {
    padding-top: 36px;
    padding-bottom: 20px
  }
}
.section-point .title-section {
  margin-bottom: 32px;
  text-align: center
}
@media (max-width:767px) {
  .section-point .title-section {
    margin-bottom: 20px
  }
}
.section-point .title-sm {
  margin-top: 38px;
  margin-bottom: 30px;
  text-align: center
}
@media (max-width:767px) {
  .section-point .title-sm {
    margin-top: 25px;
    margin-bottom: 20px
  }
}
.section-point .img-text {
  margin-bottom: 8px
}
.section-point .container-fluid {
  max-width: 950px
}
.section-link-with-overlay-text-green {
  padding-top: 64px;
  padding-bottom: 84px
}
@media (max-width:767px) {
  .section-link-with-overlay-text-green {
    padding-top: 40px;
    padding-bottom: 56px;
    font-size: 13px
  }
}
.section-link-with-overlay-text-green,
.section-link-with-overlay-text-green a {
  color: #fff
}
.section-link-with-overlay-text-green a {
  min-height: 315px
}
@media (max-width:767px) {
  .section-link-with-overlay-text-green a {
    min-height: 230px
  }
}
.section-link-with-overlay-text-green a .inner {
  padding: 14px 10px 11px
}
@media (max-width:767px) {
  .section-link-with-overlay-text-green a .inner {
    padding-right: 5px;
    padding-left: 5px;
    top: 90px
  }
}
.section-link-with-overlay-text-green a .inner:before {
  background-color: rgba(0,140,121,.88)
}
.section-link-with-overlay-text-green .title:only-child {
  margin-top: 7px;
  margin-bottom: 7px
}
@media (max-width:767px) {
  .section-link-with-overlay-text-green .container {
    padding-right: 0;
    padding-left: 0
  }
}
.section-school-building {
  padding-top: 70px;
  padding-bottom: 60px
}
@media (max-width:767px) {
  .section-school-building {
    padding-top: 40px;
    padding-bottom: 35px
  }
}
.section-school-building .title-section {
  margin-bottom: 36px
}
@media (max-width:767px) {
  .section-school-building .title-section {
    margin-bottom: 24px
  }
}
.section-school-building .media {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-school-building .media {
    margin-bottom: 26px
  }
}
.section-school-building .media-heading small {
  margin-bottom: 0;
  font-size: 14px;
  color: #858585;
}
.section-school-building .media-left {
  padding-right: 30px;
}
@media (min-width:768px) {
  .section-school-building .media-body {
    padding-top: 0;
  }
}
@media (max-width:767px) {
  .section-school-building .media-body {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 290px
  }
}
.section-school-building .tel {
  font-size: 20px;
  font-weight: 700
}
@media (min-width:768px) {
  .section-school-building .tel {
    margin-bottom: 8px
  }
}
@media (max-width:767px) {
  .section-school-building .tel {
    font-size: 18px
  }
}
.section-school-building .tel,
.section-school-building .tel a {
  color: #009380
}
.section-school-building .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 305px
}
.section-university-entrance {
  padding-top: 76px;
  padding-bottom: 76px
}
@media (max-width:767px) {
  .section-university-entrance {
    padding-top: 50px;
    padding-bottom: 30px
  }
}
.section-university-entrance .container-fluid {
  max-width: 1130px
}
@media (max-width:991px) {
  .section-university-entrance .container-fluid {
    max-width: 500px
  }
}
.section-university-entrance .title-section {
  margin-bottom: 80px
}
@media (max-width:767px) {
  .section-university-entrance .title-section {
    margin-bottom: 40px
  }
}
.section-university-entrance .title-section small {
  margin-top: 10px
}
.section-university-entrance .link-hover-circle {
  width: 253px;
  height: 252px;
  padding-top: 52px;
  margin-bottom: 30px
}
@media (max-width:1199px) {
  .section-university-entrance .link-hover-circle {
    width: 200px;
    height: 200px;
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px
  }
}
@media (max-width:991px) {
  .section-university-entrance .link-hover-circle {
    margin-bottom: 20px
  }
}
@media (max-width:767px) {
  .section-university-entrance .link-hover-circle {
    width: 140px;
    height: 140px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px
  }
}
.section-university-entrance .link-hover-circle:hover:before {
  background-color: #54e8d0
}
.section-university-entrance .link-hover-circle .img-text {
  margin-bottom: 16px
}
@media (max-width:1199px) {
  .section-university-entrance .link-hover-circle .img-text {
    margin-bottom: 6px
  }
}
@media (max-width:767px) {
  .section-university-entrance .link-hover-circle .img-text {
    margin-bottom: 15px
  }
}
.section-university-entrance .link-hover-circle .text {
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1.2
}
@media (max-width:1199px) {
  .section-university-entrance .link-hover-circle .text {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-university-entrance .link-hover-circle .text {
    margin-bottom: 15px;
    font-size: 13px
  }
}
.section-university-entrance .link-hover-circle .text-sm {
  font-size: 12px;
  line-height: 1.167
}
.section-successful-student .bg-light-pink {
  margin-bottom: 45px
}
.section-successful-student .panel-gray {
  margin: 18px 0 59px
}
@media (max-width:767px) {
  .section-successful-student .panel-gray {
    margin: 10px 0 30px
  }
}
@media (min-width:768px) {
  .section-successful-student .panel-gray:last-child {
    margin-bottom: 52px
  }
}
.section-successful-student .text-sm {
  font-size: 24px;
  text-align: right
}
@media (max-width:767px) {
  .section-successful-student .text-sm {
    font-size: 16px;
    line-height: 1.2
  }
}
.section-study-guidance {
  padding-top: 64px
}
@media (max-width:767px) {
  .section-study-guidance {
    padding-top: 40px
  }
}
.section-study-guidance .title-section {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 65px
}
@media (max-width:767px) {
  .section-study-guidance .title-section {
    margin-bottom: 40px
  }
}
.section-practice-exam {
  padding-top: 60px;
  padding-bottom: 80px;
  color: #fff
}
@media (min-width:768px) {
  .section-practice-exam {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-practice-exam {
    padding-top: 40px;
    padding-bottom: 50px
  }
}
.section-practice-exam .title-section {
  margin-bottom: 56px
}
@media (max-width:767px) {
  .section-practice-exam .title-section {
    margin-bottom: 35px
  }
}
.section-practice-exam .container {
  max-width: 1016px
}
.section-practice-exam .lead {
  margin-bottom: 24px;
  font-size: 18px;
  text-align: center
}
@media (min-width:768px) {
  .section-practice-exam .lead {
    line-height: 1.94
  }
}
@media (max-width:767px) {
  .section-practice-exam .lead {
    margin-bottom: 18px;
    font-size: 15px
  }
}
.section-practice-exam .media-left {
  padding-right: 15px
}
@media (min-width:992px) {
  .section-practice-exam .media-left {
    white-space: nowrap
  }
}
@media (min-width:768px) {
  .section-practice-exam .media-left {
    border-right: 1px solid #fff
  }
}
@media (max-width:767px) {
  .section-practice-exam .media-left {
    padding-bottom: 20px!important
  }
}
.section-practice-exam .media-left .text {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.1
}
@media (min-width:992px) {
  .section-practice-exam .media-object {
    margin-right: 16px;
    display: inline-block
  }
}
@media (min-width:768px) {
  .section-practice-exam .media-body {
    padding-left: 40px
  }
}
.section-practice-exam dl {
  font-size: 14px
}
@media (max-width:767px) {
  .section-practice-exam dl {
    font-size: 13px
  }
}
.section-practice-exam dl + dl {
  margin-top: 15px
}
@media (max-width:767px) {
  .section-practice-exam dl + dl {
    margin-top: 10px
  }
}
.section-school-building-with-map {
  padding-top: 84px;
  font-size: 15px
}
@media (max-width:767px) {
  .section-school-building-with-map {
    padding-top: 55px
  }
}
.section-school-building-with-map .title-section {
  margin-bottom: 62px
}
@media (max-width:767px) {
  .section-school-building-with-map .title-section {
    margin-bottom: 40px
  }
}
.section-school-building-with-map .title-school-name {
  margin-top: 0;
  margin-bottom: 9px;
  font-size: 16px;
  color: #00937d
}
.section-school-building-with-map .title-school-name,
.section-school-building-with-map .title-school-name small {
  font-weight: 700
}
.section-school-building-with-map .title-school-name small {
  display: block;
  font-size: 12px;
  color: #868686
}
.section-school-building-with-map .address {
  font-size: 14px
}
.section-school-building-with-map #map {
  height: 530px;
  margin-bottom: 40px
}
@media (max-width:767px) {
  .section-school-building-with-map #map {
    height: 400px;
    margin-bottom: 25px
  }
}
.section-school-building-with-map .media {
  margin-top: 0;
  margin-bottom: 25px
}
.section-school-building-with-map .media .media-left {
  padding-right: 24px
}
@media (min-width:768px) {
  .section-school-building-with-map .media .tel {
    margin-top: -6px
  }
}
.section-school-building-with-map .media .btn {
  padding: 5px 15px;
  font-size: 16px
}
.section-school-building-with-map .result {
  max-height: 0;
  -webkit-transition: max-height .3s ease-out;
  transition: max-height .3s ease-out;
  overflow: hidden
}
.section-school-building-with-map .result.show {
  max-height: 10000px;
  -webkit-transition: max-height .3s ease-in;
  transition: max-height .3s ease-in
}
.section-school-building-with-map .img-dummy {
  width: 140px
}
.section-school-building-with-map .container-btn {
  margin-top: 15px
}
.section-school-building-with-map .btn-border-green {
  padding: 12px 15px 10px
}
.section-school-building-with-map .tel,
.section-school-building-with-map .tel a {
  font-weight: 700;
  color: #00937d
}
.section-school-building-with-map .separator:last-of-type {
  display: none
}
.section-school-building-with-map .checkbox {
  margin-top: 0;
  margin-bottom: 16px;
  background-image: linear-gradient(135deg,#00927d 25%,#32a898 25%,#32a898 50%,#00927d 50%,#00927d 75%,#32a898 75%,#32a898 100%);
  background-size: 14.14px 14.14px
}
.section-school-building-with-map .control {
  position: relative;
  display: block;
  font-size: 23px;
  color: #fff
}
@media (max-width:767px) {
  .section-school-building-with-map .control {
    font-size: 18px
  }
}
.section-school-building-with-map .control:hover {
  opacity: .9
}
.section-school-building-with-map .control input[type=checkbox],
.section-school-building-with-map .control input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0
}
.section-school-building-with-map .control input[type=checkbox]:checked ~ .control-indicator:after,
.section-school-building-with-map .control input[type=radio]:checked ~ .control-indicator:after {
  display: block
}
.section-school-building-with-map .control .control-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 31px;
  height: 31px;
  margin-top: auto;
  margin-bottom: auto;
  border: 1px solid #fff;
  background-color: #fff
}
.section-school-building-with-map .control .control-indicator:after {
  position: absolute;
  display: none;
  content: ""
}
.section-school-building-with-map .control.control-checkbox {
  padding: 7px 60px 6px 25px
}
.section-school-building-with-map .control.control-checkbox .control-indicator:after {
  top: 6px;
  left: 3px;
  width: 24px;
  height: 18px;
  background: url(../img/icon/ico-check-strong-green.png) no-repeat;
  content: ""
}
.section-department {
  padding-top: 43px;
  padding-bottom: 75px;
  text-align: center;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-department {
    padding-top: 30px;
    padding-bottom: 50px
  }
}
.section-department .container-fluid {
  max-width: 1345px
}
.section-department .nav-tabs {
  border-bottom: 0
}
.section-department .nav-tabs > li {
  width: 33.3333333%
}
.section-department .nav-tabs > li:only-child {
  width: 100%
}
.section-department .nav-tabs > li.active a .text {
  color: #b2caec;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(127deg,#b2caec 25%,#fff 25%,#fff 50%,#b2caec 50%,#b2caec 75%,#fff 75%,#fff 100%);
  background-size: 12.52px 16.62px
}
@media (max-width:767px) {
  .section-department .nav-tabs > li.active a .text {
    background-image: linear-gradient(127deg,#b2caec 30%,#fff 30%,#fff 50%,#b2caec 50%,#b2caec 80%,#fff 80%,#fff 100%);
    background-size: 6.26px 8.31px
  }
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .section-department .nav-tabs > li.active a .text {
    color: #b2caec;
    background: 0 0
  }
}
.section-department .nav-tabs > li.active a,
.section-department .nav-tabs > li.active a:focus,
.section-department .nav-tabs > li.active a:hover {
  border: 0
}
.section-department .nav-tabs > li.active a:after {
  opacity: 1
}
.section-department .nav-tabs > li.active a small {
  color: #0050be
}
.section-department .nav-tabs > li > a {
  position: relative;
  font-style: italic;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.1;
  border: 0
}
@media (max-width:991px) {
  .section-department .nav-tabs > li > a {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 8vw
  }
}
.section-department .nav-tabs > li > a:after {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: -27px;
  left: 0;
  width: 24px;
  height: 24px;
  margin-right: auto;
  margin-left: auto;
  border-top: 7px solid #fe0000;
  border-left: 7px solid #fe0000;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: .3s;
  transition: .3s;
  content: ""
}
@media (max-width:991px) {
  .section-department .nav-tabs > li > a:after {
    bottom: -15px;
    width: 15px;
    height: 15px;
    border-width: 3px
  }
}
.section-department .nav-tabs > li > a:focus,
.section-department .nav-tabs > li > a:hover {
  text-decoration: none;
  background-color: transparent!important
}
.section-department .nav-tabs > li > a:focus .text,
.section-department .nav-tabs > li > a:hover .text {
  color: #b2caec;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(127deg,#b2caec 25%,#fff 25%,#fff 50%,#b2caec 50%,#b2caec 75%,#fff 75%,#fff 100%);
  background-size: 12.52px 16.62px
}
@media (max-width:767px) {
  .section-department .nav-tabs > li > a:focus .text,
  .section-department .nav-tabs > li > a:hover .text {
    background-image: linear-gradient(127deg,#b2caec 30%,#fff 30%,#fff 50%,#b2caec 50%,#b2caec 80%,#fff 80%,#fff 100%);
    background-size: 6.26px 8.31px
  }
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .section-department .nav-tabs > li > a:focus .text,
  .section-department .nav-tabs > li > a:hover .text {
    color: #b2caec;
    background: 0 0
  }
}
.section-department .nav-tabs > li > a:focus:after,
.section-department .nav-tabs > li > a:hover:after {
  opacity: 1
}
.section-department .nav-tabs > li > a:focus small,
.section-department .nav-tabs > li > a:hover small {
  color: #0050be
}
.section-department .nav-tabs > li > a,
.section-department .nav-tabs > li > a small {
  color: #e6e6e6
}
.section-department .nav-tabs > li > a small {
  display: block;
  margin-top: 8px;
  font-size: 20px
}
@media (max-width:991px) {
  .section-department .nav-tabs > li > a small {
    font-size: 12px
  }
}
.section-search-class {
  padding-bottom: 135px
}
@media (max-width:767px) {
  .section-search-class {
    font-size: 13px
  }
}
.section-search-class.has-pt {
  padding-top: 80px
}
.section-search-class .title {
  padding-top: 17px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid #bcbcbc
}
@media (max-width:767px) {
  .section-search-class .title {
    padding-top: 8px;
    font-size: 17px
  }
}
.section-search-class .title-lg {
  margin-top: 50px;
  font-size: 24px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-search-class .title-lg {
    margin-top: 35px;
    font-size: 20px
  }
}
.section-search-class .label {
  padding: 9px 5px 5px;
  font-size: 15.5px;
  font-weight: 700;
  border-radius: 3px
}
@media (max-width:991px) {
  .section-search-class .label {
    padding-right: 10px;
    padding-left: 10px
  }
}
@media (max-width:767px) {
  .section-search-class .label {
    font-size: 13px
  }
}
.section-search-class .label.label-class {
  padding: 7px 6px 6px
}
@media (min-width:768px) {
  .section-search-class .label.label-class {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 14px
  }
}
@media (max-width:767px) {
  .section-search-class .label.label-class {
    padding: 6px 5px 5px;
    font-size: 12px;
    font-weight: 400
  }
}
.section-search-class .table-responsive {
  border: 0
}
.section-class-course {
  padding-top: 70px
}
@media (min-width:992px) {
  .section-class-course {
    font-size: 18px;
    line-height: 1.944
  }
}
@media (max-width:767px) {
  .section-class-course {
    padding-top: 45px
  }
}
.section-class-course .title-section {
  margin-bottom: 74px
}
@media (max-width:767px) {
  .section-class-course .title-section {
    margin-bottom: 50px
  }
}
.section-class-course .container-fluid {
  max-width: 1000px;
  padding-right: 0;
  padding-left: 0
}
.section-class-course .inner {
  padding-top: 210px;
  padding-right: 30px;
  padding-left: 30px
}
@media (max-width:767px) {
  .section-class-course .inner {
    padding-top: 27.379vw;
    padding-right: 10px;
    padding-left: 10px
  }
}
@media (max-width:479px) {
  .section-class-course .inner {
    padding-top: 60vw
  }
}
.section-class-course .caption {
  position: relative;
  padding: 40px 14px 22px 70px;
  text-align: justify;
  background-color: rgba(255,255,255,.9)
}
@media (max-width:991px) {
  .section-class-course .caption {
    padding-left: 40px
  }
}
.section-class-course .title-lg {
  position: absolute;
  top: -20px
}
.section-class-course .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 250px;
  margin-top: 30px
}
.section-class-course .container-btn .btn {
  padding: 6px 15px 5px
}
@media (max-width:767px) {
  .section-class-course .container-btn .btn {
    font-size: 15px
  }
}
.section-class-course .title-text-vertical {
  position: absolute;
  top: -60px;
  left: 10px;
  display: inline-block;
  font-size: 15px;
  color: #1e32b4;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed
}
@media (min-width:768px) {
  .section-class-course .title-text-vertical {
    letter-spacing: .21em
  }
}
@media (max-width:991px) {
  .section-class-course .title-text-vertical {
    left: -5px
  }
}
.section-class-course .title-text-vertical:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #1e32b4;
  content: ""
}
.section-map {
  padding-top: 30px
}
@media (max-width:767px) {
  .section-map {
    padding-top: 20px
  }
}
.section-map .container-fluid {
  max-width: 1260px
}
.section-map #map {
  height: 400px
}
.section-class-schedule {
  padding-top: 65px;
  padding-bottom: 94px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-class-schedule {
    padding-top: 48px;
    padding-bottom: 40px
  }
}
.section-class-schedule .title-section {
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-class-schedule .title-section {
    margin-bottom: 25px
  }
}
.section-class-schedule .google-map-container {
  height: 450px
}
@media (max-width:767px) {
  .section-class-schedule .google-map-container {
    height: 350px;
    margin-bottom: 40px
  }
}
.section-class-schedule .tel {
  font-size: 24px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-class-schedule .tel {
    font-size: 20px
  }
}
.section-class-schedule .title-sm {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-class-schedule .title-sm {
    font-size: 14px
  }
}
.section-class-schedule .container-label {
  max-width: 260px;
  margin-top: 5px;
  margin-bottom: 15px
}
@media (max-width:767px) {
  .section-class-schedule .container-label .label {
    margin-bottom: 3px
  }
}
.section-class-schedule .container-dl {
  margin-top: 4px;
  margin-bottom: 16px
}
.section-class-schedule .container-dl dl {
  margin-bottom: 4px
}
.section-class-schedule .container-dl dt {
  white-space: nowrap
}
.section-class-schedule .container-dl dd {
  font-size: 14px;
  vertical-align: middle
}
.section-class-schedule small {
  display: block;
  font-size: 12px
}
@media (max-width:991px) {
  .section-class-schedule dl dt {
    padding-right: 10px
  }
}
.section-class-schedule .dl-address {
  padding-bottom: 16px;
  margin-bottom: 7px
}
@media (max-width:767px) {
  .section-class-schedule .dl-address {
    padding-bottom: 8px;
    margin-bottom: 5px
  }
}
.section-class-schedule .tel {
  padding-bottom: 0;
  margin-bottom: 12px
}
@media (max-width:767px) {
  .section-class-schedule .tel {
    margin-bottom: 6px
  }
}
.section-class-schedule .table-border-schedule > tbody > tr > th {
  width: 66px;
  padding: 9px 8px 5px
}
.section-class-schedule .table-border-schedule > tbody > tr > td {
  padding: 12px 8px 10px
}
.section-list-event {
  padding-top: 27px;
  padding-bottom: 32px
}
@media (min-width:768px) {
  .section-list-event {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-list-event {
    padding-top: 18px;
    padding-bottom: 25px
  }
}
@media (max-width:767px) {
  .section-list-event .container-table {
    border-right: 1px solid #b2b2b2
  }
}
.section-course-example {
  padding-top: 30px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-course-example {
    padding-top: 20px
  }
}
.section-course-example .container-fluid {
  max-width: 1155px
}
.section-course-example .title-section {
  margin-bottom: 34px
}
@media (max-width:767px) {
  .section-course-example .title-section {
    margin-bottom: 25px
  }
}
.section-course-example small {
  display: block;
  font-size: 14px
}
@media (min-width:992px) {
  .section-course-example small {
    margin-top: 18px
  }
}
@media (max-width:767px) {
  .section-course-example small {
    font-size: 13px
  }
}
.section-course-example hr {
  margin-top: 80px
}
@media (max-width:991px) {
  .section-course-example hr {
    margin-top: 50px
  }
}
@media (max-width:991px) {
  .section-course-example hr {
    margin-top: 35px
  }
}
@media (max-width:991px) {
  .section-course-example .img-lg {
    margin-bottom: 30px
  }
}
.section-web-test-introduce {
  font-size: 14px
}
@media (min-width:768px) {
  .section-web-test-introduce {
    padding-top: 40px
  }
}
@media (max-width:767px) {
  .section-web-test-introduce {
    font-size: 13px
  }
}
.section-web-test-introduce .panel {
  margin-top: 16px
}
@media (max-width:767px) {
  .section-web-test-introduce .panel {
    margin-top: 10px;
    margin-bottom: 18px
  }
}
.section-web-test-introduce .panel .panel-body {
  padding: 8px 100px 21px
}
@media (max-width:991px) {
  .section-web-test-introduce .panel .panel-body {
    padding-right: 30px;
    padding-left: 30px
  }
}
@media (max-width:991px) {
  .section-web-test-introduce .panel .panel-body {
    padding-right: 10px;
    padding-left: 10px
  }
}
.section-web-test-introduce .panel .panel-body small {
  display: block;
  margin-bottom: 28px;
  font-size: 12px;
  text-align: center
}
@media (max-width:767px) {
  .section-web-test-introduce .panel .panel-body small {
    margin-bottom: 18px
  }
}
.section-web-test-introduce .panel .panel-body .title-sm {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-web-test-introduce .panel .panel-body .title-sm {
    font-size: 12px
  }
}
.section-web-test-introduce .table-cell .cell:first-child {
  padding-right: 38px
}
@media (max-width:991px) {
  .section-web-test-introduce .table-cell .cell:first-child {
    padding-right: 10px
  }
}
@media (max-width:767px) {
  .section-web-test-introduce .table-cell .cell:first-child {
    padding-right: 0
  }
}
.section-web-test-introduce .table-cell .cell img {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-web-test-introduce .table-cell .cell img {
    margin-bottom: 12px
  }
}
@media (max-width:767px) {
  .section-web-test-introduce .img-lg {
    margin-bottom: 20px
  }
}
.section-web-test-introduce.section-sm {
  padding-top: 0
}
.section-web-test-introduce.section-sm hr {
  margin-top: 80px;
  margin-bottom: 0
}
@media (max-width:767px) {
  .section-web-test-introduce.section-sm hr {
    margin-top: 50px
  }
}
.section-test-step {
  padding-top: 40px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-test-step {
    padding-top: 15px;
    font-size: 13px
  }
}
.section-test-step .media {
  margin-bottom: 15px
}
@media (max-width:767px) {
  .section-test-step .media {
    margin-bottom: 10px
  }
}
.section-test-step .media,
.section-test-step .media .media-body {
  overflow: visible
}
.section-test-step small {
  display: block
}
.section-test-step .title {
  margin-bottom: 16px
}
@media (max-width:767px) {
  .section-test-step .title {
    margin-bottom: 10px
  }
}
.section-test-step .media-left {
  padding-right: 18px;
  white-space: nowrap
}
.section-test-step .media-left .title {
  margin-bottom: 0
}
.section-test-step .thumbnail {
  margin-bottom: 80px
}
@media (max-width:767px) {
  .section-test-step .thumbnail {
    margin-bottom: 30px
  }
}
.section-test-step .thumbnail .caption {
  padding: 14px 0 0;
  line-height: 1.8
}
.section-test-step .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 420px;
  margin-top: 32px
}
@media (max-width:767px) {
  .section-test-step .container-btn {
    margin-top: 20px
  }
}
.section-district-trial {
  padding-top: 44px;
  margin-bottom: 30px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-district-trial {
    font-size: 13px
  }
}
.section-district-trial dl {
  margin-bottom: 14px
}
.section-district-trial dl dd {
  vertical-align: middle
}
.section-district-trial .container-img {
  display: block;
  margin-right: auto;
  margin-left: auto
}
@media (max-width:991px) {
  .section-district-trial .container-img {
    max-width: 550px
  }
}
@media (max-width:991px) and (max-width:991px) {
  .section-district-trial .container-img img {
    margin-bottom: 20px
  }
}
.section-training-and-certification {
  padding-top: 36px;
  padding-bottom: 85px;
  font-size: 14px
}
@media (min-width:768px) {
  .section-training-and-certification {
    line-height: 1.86
  }
}
@media (max-width:767px) {
  .section-training-and-certification {
    padding-top: 24px;
    padding-bottom: 54px;
    font-size: 13px
  }
}
.section-training-and-certification .title {
  margin-bottom: 7px
}
.section-training-and-certification .text-sm {
  display: block;
  margin-bottom: 5px
}
@media (max-width:991px) {
  .section-training-and-certification .media {
    margin-top: 60px
  }
}
@media (max-width:767px) {
  .section-training-and-certification .media {
    margin-top: 30px
  }
}
.section-training-and-certification .media,
.section-training-and-certification .media .media-body {
  overflow: visible
}
.section-training-and-certification .media-left {
  padding-right: 0
}
@media (min-width:768px) {
  .section-training-and-certification .media-left {
    padding-left: 24px
  }
}
@media (max-width:767px) {
  .section-training-and-certification .media-left {
    padding-bottom: 15px!important
  }
}
.section-training-and-certification .well {
  margin-top: 4px;
  margin-bottom: 0
}
.section-training-and-certification .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 420px;
  margin-top: 32px
}
@media (max-width:767px) {
  .section-training-and-certification .container-btn {
    margin-top: 20px
  }
}
.section-interview-and-admission {
  padding-bottom: 87px;
  font-size: 14px
}
@media (min-width:768px) {
  .section-interview-and-admission {
    line-height: 1.8
  }
}
@media (max-width:991px) {
  .section-interview-and-admission {
    padding-bottom: 30px
  }
}
@media (max-width:767px) {
  .section-interview-and-admission {
    font-size: 13px
  }
}
.section-interview-and-admission .media,
.section-interview-and-admission .media-body {
  overflow: visible
}
.section-interview-and-admission .well {
  margin-bottom: 12px
}
.section-interview-and-admission .well:first-of-type {
  margin-top: 12px
}
.section-interview-and-admission .media {
  margin-bottom: 35px
}
@media (max-width:767px) {
  .section-interview-and-admission .media {
    margin-bottom: 25px
  }
}
.section-interview-and-admission .media .media-heading-sm {
  margin-bottom: 18px;
  font-size: 18px
}
@media (max-width:767px) {
  .section-interview-and-admission .media .media-heading-sm {
    margin-bottom: 12px;
    font-size: 16px
  }
}
.section-interview-and-admission .media .media-left {
  padding-right: 50px
}
@media (max-width:991px) {
  .section-interview-and-admission .media .media-left {
    padding-bottom: 20px!important
  }
}
@media (min-width:992px) {
  .section-interview-and-admission .media .media-body {
    padding-top: 16px
  }
}
.section-interview-and-admission .media.media-direction-rtl .media-left {
  padding-right: 0
}
@media (min-width:992px) {
  .section-interview-and-admission .media.media-direction-rtl .media-left {
    padding-left: 52px
  }
}
.section-interview-and-admission .media.media-direction-rtl .media-body {
  padding-top: 0
}
.section-blog {
  padding-top: 60px;
  padding-bottom: 44px
}
@media (max-width:767px) {
  .section-blog {
    padding-top: 50px;
    padding-bottom: 30px
  }
}
.section-blog,
.section-blog .thumbnail {
  color: #1a1a1a
}
.section-blog .title-section {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center
}
.section-blog .title-section small {
  display: block;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #055078
}
@media (max-width:767px) {
  .section-blog .title-section small {
    margin-top: 10px;
    font-size: 15px
  }
}
.section-blog .container-title {
  margin-bottom: 35px
}
.section-blog .container-title:after,
.section-blog .container-title:before {
  display: table;
  content: " "
}
.section-blog .container-title:after {
  clear: both
}
@media (max-width:767px) {
  .section-blog .container-title {
    margin-bottom: 25px
  }
}
.section-blog .container-btn {
  float: right;
  width: 180px
}
@media (min-width:768px) {
  .section-blog .container-btn {
    margin-top: -40px
  }
}
@media (max-width:767px) {
  .section-blog .container-btn {
    margin-top: 15px
  }
}
.section-blog .thumbnail {
  background-color: transparent
}
@media (max-width:767px) {
  .section-blog .thumbnail {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 320px;
    margin-bottom: 15px
  }
}
.section-blog .thumbnail .caption {
  padding: 20px 10px 0;
  font-size: 28px;
  line-height: 1.2
}
@media (max-width:767px) {
  .section-blog .thumbnail .caption {
    padding: 10px 5px 0;
    font-size: 22px
  }
}
.section-blog .thumbnail:focus,
.section-blog .thumbnail:hover {
  opacity: .7;
  text-decoration: none
}
.section-blog .date {
  margin-bottom: 17px;
  font-size: 20px
}
@media (max-width:767px) {
  .section-blog .date {
    margin-bottom: 5px;
    font-size: 15px
  }
}
.section-classroom-list {
  padding-top: 27px
}
@media (min-width:768px) {
  .section-classroom-list {
    font-size: 18px;
    line-height: 1.85
  }
}
.section-classroom-list,
.section-classroom-list .tel {
  color: #333
}
.section-classroom-list .map {
  height: 200px;
  margin-top: 24px;
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-classroom-list .map {
    height: 150px;
    margin-top: 16px;
    margin-bottom: 20px
  }
}
.section-classroom-list .table-cell {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-classroom-list .table-cell {
    margin-bottom: 15px
  }
}
.section-classroom-list .thumbnail {
  padding: 40px;
  margin-bottom: 60px;
  border: 1px solid #000038
}
@media (max-width:767px) {
  .section-classroom-list .thumbnail {
    padding: 20px;
    margin-bottom: 40px
  }
}
.section-classroom-list .caption {
  padding: 28px 0 0
}
@media (max-width:767px) {
  .section-classroom-list .caption {
    padding-top: 20px
  }
}
.section-classroom-list .btn {
  padding: 12px 30px 13px 17px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  border-radius: 0
}
@media (max-width:767px) {
  .section-classroom-list .btn {
    font-size: 15px
  }
}
.section-feature {
  padding-top: 82px;
  padding-bottom: 22px;
  margin-top: 34px
}
@media (max-width:767px) {
  .section-feature {
    padding-top: 50px;
    padding-bottom: 15px;
    margin-top: 20px
  }
}
.section-feature .title-section {
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-feature .title-section {
    margin-bottom: 35px
  }
}
.section-feature .link {
  display: block;
  padding: 16px 40px 11px 26px;
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff
}
@media (max-width:991px) {
  .section-feature .link {
    padding: 11px 40px 6px 15px;
    font-size: 25px
  }
}
@media (max-width:1199px) {
  .section-feature .link {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 520px
  }
}
.section-feature .link:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
@media (max-width:767px) {
  .section-feature .link:after {
    width: 15px;
    height: 15px
  }
}
.section-feature .link:hover {
  opacity: .8;
  text-decoration: none
}
.section-feature .link small {
  display: block;
  margin-bottom: 5px;
  font-family: Avenir,"Open Sans",Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: 400;
  font-size: 18px
}
@media (max-width:991px) {
  .section-feature .link small {
    font-size: 14px
  }
}
.section-feature .img {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-feature .img {
    margin-bottom: 40px
  }
}
.section-5-features {
  padding: 30px;
  margin-top: 20px;
  font-size: 14px;
  background-color: #fff
}
@media (max-width:767px) {
  .section-5-features {
    padding: 86px 15px 25px;
    margin-top: 15px
  }
}
@media (min-width:768px) {
  .section-5-features {
    line-height: 1.86
  }
}
.section-5-features .media-heading {
  margin-bottom: 15px
}
@media (max-width:767px) {
  .section-5-features .media-heading {
    margin-bottom: 10px
  }
}
.section-5-features .media-left {
  padding-right: 36px
}
@media (min-width:992px) {
  .section-5-features .media-body {
    padding-right: 30px
  }
}
@media (min-width:768px) {
  .section-5-features .media-body {
    padding-top: 14px
  }
}
.section-5-features .media-object + .media-object {
  margin-top: 10px
}
.section-5-features .text + .text {
  margin-top: 25px
}
@media (max-width:767px) {
  .section-5-features .text + .text {
    margin-top: 15px
  }
}
.section-5-features .highlight {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(36%,transparent),color-stop(50%,#ffff01));
  background: linear-gradient(transparent 36%,#ffff01 50%)
}
.section-5-features.icon-number-green {
  position: relative
}
.section-5-features.icon-number-green:after {
  position: absolute;
  top: 23px;
  right: 13px;
  width: 98px;
  height: 80px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}
@media (max-width:767px) {
  .section-5-features.icon-number-green:after {
    width: 50px;
    height: 41px
  }
}
.section-5-features.number-1:after {
  background-image: url(../img/icon/ico-1-green.png)
}
.section-5-features.number-2:after {
  background-image: url(../img/icon/ico-2-green.png)
}
.section-5-features.number-3:after {
  background-image: url(../img/icon/ico-3-green.png)
}
.section-5-features.number-4:after {
  background-image: url(../img/icon/ico-4-green.png)
}
.section-5-features.number-5:after {
  background-image: url(../img/icon/ico-5-green.png)
}
.section-5-features + .section-5-features {
  margin-top: 32px
}
.section-learning-plan {
  padding-bottom: 10px
}
.section-learning-plan .title-section {
  margin-top: 0;
  margin-bottom: 8px
}
.section-learning-plan .lead {
  margin-bottom: 26px;
  font-size: 14px;
  line-height: 1.85
}
@media (max-width:991px) {
  .section-learning-plan .lead {
    margin-bottom: 18px
  }
}
.section-course-and-time {
  padding-bottom: 8px
}
@media (min-width:768px) {
  .section-course-and-time {
    padding-top: 45px
  }
}
.section-course-and-time .title-section {
  margin-top: 0;
  margin-bottom: 16px
}
@media (max-width:767px) {
  .section-course-and-time .title-section {
    margin-bottom: 10px
  }
}
.section-course-and-time .lead {
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 1.85
}
@media (max-width:991px) {
  .section-course-and-time .lead {
    margin-bottom: 18px
  }
}
@media (min-width:768px) {
  .section-reliable-system {
    padding-top: 40px
  }
}
.section-reliable-system .title-section {
  margin-top: 0;
  margin-bottom: 16px
}
@media (max-width:767px) {
  .section-reliable-system .title-section {
    margin-bottom: 10px
  }
}
.section-reliable-system .lead {
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 1.85
}
@media (max-width:991px) {
  .section-reliable-system .lead {
    margin-bottom: 18px
  }
}
.section-reliable-system .table-cell-title {
  margin-top: 18px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  background-color: #e6e6e6
}
@media (max-width:767px) {
  .section-reliable-system .table-cell-title {
    margin-top: 15px;
    margin-bottom: 12px;
    font-size: 15px
  }
}
.section-reliable-system .table-cell-title small {
  display: inline-block;
  font-size: 12px;
  font-weight: 400
}
.section-reliable-system .table-cell-title .cell {
  padding: 4px 17px;
  vertical-align: middle
}
@media (max-width:767px) {
  .section-reliable-system .table-cell-title .cell {
    padding-right: 8px;
    padding-left: 8px
  }
}
.section-reliable-system .table-cell-title .cell:first-of-type {
  padding-top: 7px;
  padding-bottom: 2px
}
@media (min-width:768px) {
  .section-reliable-system .table-cell-title .cell:last-of-type {
    text-align: right
  }
}
.section-reliable-system .table-cell-img .cell:first-child {
  padding-right: 38px
}
@media (max-width:991px) {
  .section-reliable-system .table-cell-img .cell:first-child {
    padding-right: 10px
  }
}
@media (max-width:767px) {
  .section-reliable-system .table-cell-img .cell:first-child {
    padding-right: 0
  }
}
.section-reliable-system .table-cell-img .cell img {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-reliable-system .table-cell-img .cell img {
    margin-bottom: 12px
  }
}
.section-reliable-system .img-bit-campus {
  margin-bottom: 15px
}
.section-reliable-system .img-sample {
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-reliable-system .img-sample {
    margin-bottom: 10px
  }
}
@media (max-width:767px) {
  .section-reliable-system .img-lg {
    margin-bottom: 20px
  }
}
.section-reliable-system .grade-commitment {
  padding-bottom: 4px;
  margin-top: 60px;
  text-align: center
}
@media (max-width:767px) {
  .section-reliable-system .grade-commitment {
    margin-top: 40px
  }
}
.section-reliable-system .grade-commitment .inner {
  padding-right: 11px;
  padding-left: 11px
}
.section-reliable-system .grade-commitment img {
  margin-bottom: 10px
}
.section-reliable-system .grade-commitment .title-black {
  margin-bottom: 34px
}
@media (max-width:767px) {
  .section-reliable-system .grade-commitment .title-black {
    margin-bottom: 22px
  }
}
.section-anchor-link {
  padding-top: 30px;
  padding-bottom: 10px;
  margin-bottom: 50px
}
@media (max-width:767px) {
  .section-anchor-link {
    margin-bottom: 35px
  }
}
.section-anchor-link a {
  -webkit-box-shadow: 2px 3px 0 0 rgba(0,0,0,.55);
  box-shadow: 2px 3px 0 0 rgba(0,0,0,.55);
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 15px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  background-color: #fff
}
@media (max-width:991px) {
  .section-anchor-link a {
    font-size: 20px;
    line-height: 1.4
  }
}
@media (max-width:767px) {
  .section-anchor-link a {
    font-size: 15px
  }
}
.section-anchor-link a:focus,
.section-anchor-link a:hover {
  text-decoration: none;
  border-color: #fff!important
}
.section-anchor-link a:focus,
.section-anchor-link a:focus small,
.section-anchor-link a:hover,
.section-anchor-link a:hover small {
  color: #fff!important
}
.section-anchor-link a .title {
  display: block
}
@media (max-width:767px) {
  .section-anchor-link a .title {
    margin-bottom: 5px
  }
}
.section-anchor-link a small {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #1a1a1a
}
@media (max-width:991px) {
  .section-anchor-link a small {
    font-size: 12px
  }
}
.section-anchor-link.link-sm a {
  padding: 14px 15px 8px;
  border-radius: 7px
}
.section-anchor-link.link-sm a .title {
  margin-bottom: 0;
  line-height: 1.3
}
.section-anchor-link.link-purple a {
  color: #845895;
  border-color: #978ec3
}
.section-anchor-link.link-purple a:focus,
.section-anchor-link.link-purple a:hover {
  background-color: #885896
}
.section-anchor-link.link-cyan a {
  color: #5792c3;
  border-color: #73adc3
}
.section-anchor-link.link-cyan a:focus,
.section-anchor-link.link-cyan a:hover {
  background-color: #438cc3
}
.section-anchor-link.link-green a {
  color: #709f1d;
  border-color: #c9e865
}
.section-anchor-link.link-green a:focus,
.section-anchor-link.link-green a:hover {
  background-color: #46a439
}
.section-anchor-link.link-gray a {
  letter-spacing: -2px
}
.section-anchor-link.link-gray .btn_orange a {
  color: #df8132;
  border-color: #df8132
}
.section-anchor-link.link-gray .btn_orange a:focus,
.section-anchor-link.link-gray .btn_orange a:hover {
  background-color: #df8132
}
.section-anchor-link.link-gray .btn_blue a {
  color: #3f82d6;
  border-color: #3f82d6
}
.section-anchor-link.link-gray .btn_blue a:focus,
.section-anchor-link.link-gray .btn_blue a:hover {
  background-color: #3f82d6
}
.section-anchor-link.link-gray .btn_pink a {
  color: #df5379;
  border-color: #df5379
}
.section-anchor-link.link-gray .btn_pink a:focus,
.section-anchor-link.link-gray .btn_pink a:hover {
  background-color: #df5379
}
.section-anchor-link.link-gray .btn_green a {
  color: #709f1d;
  border-color: #709f1d
}
.section-anchor-link.link-gray .btn_green a:focus,
.section-anchor-link.link-gray .btn_green a:hover {
  background-color: #709f1d
}
.section-different-individual {
  padding-bottom: 72px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-different-individual {
    padding-bottom: 25px
  }
}
.section-different-individual .title-section {
  margin-bottom: 40px
}
@media (max-width:767px) {
  .section-different-individual .title-section {
    margin-bottom: 20px
  }
}
.section-different-individual .media {
  margin-top: 0
}
@media (max-width:767px) {
  .section-different-individual .media {
    margin-bottom: 30px
  }
}
.section-different-individual .media-left {
  padding-right: 0
}
@media (max-width:767px) {
  .section-different-individual .media-left {
    padding-bottom: 0!important
  }
}
.section-different-individual .media-body {
  padding-top: 36px;
  padding-bottom: 40px
}
@media (max-width:767px) {
  .section-different-individual .media-body {
    padding-top: 18px;
    padding-bottom: 18px
  }
}
.section-different-individual .media-heading {
  margin-bottom: 12px
}
@media (max-width:767px) {
  .section-different-individual .media-heading {
    margin-bottom: 6px
  }
}
.section-different-individual dl dd {
  padding-right: 20px
}
.section-different-individual .inner {
  padding: 30px 10px 20px 30px;
  background-color: #e6e6e6
}
@media (max-width:991px) {
  .section-different-individual .inner {
    padding: 15px 10px 15px 30px
  }
}
@media (max-width:767px) {
  .section-different-individual .inner {
    padding: 20px 10px 15px 20px
  }
}
.section-different-individual .container-btn {
  margin-top: 6px
}
.section-different-individual .container-btn:after,
.section-different-individual .container-btn:before {
  display: table;
  content: " "
}
.section-different-individual .container-btn:after {
  clear: both
}
@media (max-width:767px) {
  .section-different-individual .container-btn {
    margin-top: 12px
  }
}
.section-different-individual .container-btn .btn {
  float: right
}
.section-student-guidance {
  padding-bottom: 48px;
  font-size: 14px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-student-guidance {
    padding-bottom: 32px
  }
}
.section-student-guidance .title-section {
  margin-bottom: 10px
}
.section-student-guidance .img-lg {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-student-guidance .img-lg {
    margin-bottom: 40px
  }
}
.section-student-guidance .well {
  line-height: 1.8
}
@media (min-width:1200px) {
  .section-student-guidance .well {
    width: 440px
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .section-student-guidance .well {
    width: 380px
  }
}
@media (min-width:992px) {
  .section-student-guidance .well {
    float: right;
    padding: 26px 20px 26px 156px
  }
}
@media (max-width:991px) {
  .section-student-guidance .well {
    margin-bottom: 30px
  }
}
.section-student-guidance .container-circle {
  position: relative;
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-student-guidance .container-circle {
    margin-bottom: 40px
  }
}
@media (min-width:768px) {
  .section-student-guidance .container-circle.tep-brands {
    margin-top: 52px
  }
}
.section-student-guidance .container-circle .well,
.section-student-guidance .container-circle:last-of-type {
  margin-bottom: 0
}
.section-student-guidance .circle {
  width: 223px;
  height: 223px;
  padding: 23px 5px;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%
}
@media (min-width:992px) {
  .section-student-guidance .circle {
    position: absolute;
    top: -30px;
    left: 0
  }
}
@media (max-width:991px) {
  .section-student-guidance .circle {
    width: 200px;
    height: 200px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    font-size: 22px
  }
}
.section-student-guidance .circle .cell {
  vertical-align: middle
}
.section-student-guidance .circle-green {
  color: #179f50;
  background-color: #b9dbb0
}
.section-student-guidance .circle-orange {
  color: #e45413;
  background-color: #f0c456
}
.section-student-guidance .circle-pink {
  color: #e44576;
  background-color: #f0cae2
}
.section-student-guidance .circle-blue {
  color: #3574d4;
  background-color: #c9e8fc
}
.section-student-guidance .circle-purple {
  color: #576be5;
  background-color: #d2c4f2
}
.section-student-guidance .circle-soft-yellow {
  color: #46a439;
  background-color: #c9e865
}
.section-academic-achievement {
  padding-bottom: 80px;
  font-size: 14px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-academic-achievement {
    padding-bottom: 50px
  }
}
.section-academic-achievement#section-academic-achievement {
  padding-bottom: 30px
}
.section-academic-achievement .title-section {
  margin-bottom: 50px
}
@media (max-width:767px) {
  .section-academic-achievement .title-section {
    margin-bottom: 35px
  }
}
.section-academic-achievement .list-check-red {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 415px;
  margin-top: 14px
}
.section-academic-achievement .media {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-academic-achievement .media {
    margin-bottom: 40px
  }
}
.section-academic-achievement .media-object + .media-object {
  margin-top: 34px
}
@media (max-width:767px) {
  .section-academic-achievement .media-object + .media-object {
    margin-top: 20px
  }
}
.section-academic-achievement .media-left {
  padding-right: 50px
}
@media (max-width:991px) {
  .section-academic-achievement .media-left {
    padding-right: 25px
  }
}
@media (max-width:767px) {
  .section-academic-achievement .media-left {
    padding-bottom: 20px
  }
}
.section-academic-achievement dl + dl {
  margin-top: 35px
}
@media (max-width:767px) {
  .section-academic-achievement dl + dl {
    margin-top: 25px
  }
}
.section-academic-achievement dl:last-of-type {
  margin-bottom: 35px
}
@media (max-width:767px) {
  .section-academic-achievement dl:last-of-type {
    margin-bottom: 25px
  }
}
.section-academic-achievement .img-circle-lg {
  margin-top: 25px
}
.section-academic-achievement .well {
  margin-top: 50px
}
@media (max-width:767px) {
  .section-academic-achievement .well {
    margin-top: 35px
  }
}
.section-curriculum-price {
  padding-bottom: 57px;
  color: #1a1a1a
}
@media (min-width:768px) {
  .section-curriculum-price {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-curriculum-price {
    padding-bottom: 27px
  }
}
.section-curriculum-price.high-school-price {
  padding-top: 50px
}
@media (max-width:767px) {
  .section-curriculum-price.high-school-price {
    padding-top: 35px
  }
}
.section-curriculum-price .container {
  position: relative
}
.section-curriculum-price .lead {
  max-width: 940px;
  margin-bottom: 14px
}
.section-curriculum-price .title-section {
  margin-bottom: 48px
}
@media (max-width:767px) {
  .section-curriculum-price .title-section {
    margin-bottom: 25px
  }
}
.section-curriculum-price .table-responsive {
  border: 0
}
.section-curriculum-price .container-panel {
  margin-top: 36px;
  font-size: 14px
}
.section-curriculum-price .text-sm {
  font-size: 14px
}
.section-curriculum-price .icon-paper-xlg:before {
  position: absolute;
  top: -180px;
  right: 0;
  width: 215px;
  height: 243px;
  background: url(../img/icon/ico-paper-xlg.png) 0 0/contain no-repeat;
  content: ""
}
@media (min-width:1200px) {
  .section-curriculum-price .icon-paper-xlg:before {
    right: -18px
  }
}
@media (min-width:768px) and (max-width:1199px) {
  .section-curriculum-price .icon-paper-xlg:before {
    opacity: .5
  }
}
@media (max-width:767px) {
  .section-curriculum-price .icon-paper-xlg:before {
    top: -150px;
    right: 10px;
    width: 50px;
    height: 57px
  }
}
@media (max-width:479px) {
  .section-curriculum-price .icon-paper-xlg:before {
    top: -200px
  }
}
.section-curriculum-price .icon-paper-xlg.icon-cyan:before {
  background-image: url(../img/icon/ico-paper-cyan-xlg.png)
}
.section-curriculum-price .icon-paper-xlg.icon-green:before {
  background-image: url(../img/icon/ico-paper-green-xlg.png)
}
.section-flow-to-school {
  padding-bottom: 102px;
  font-size: 14px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-flow-to-school {
    padding-bottom: 68px
  }
}
.section-flow-to-school .title-section {
  margin-bottom: 57px
}
@media (max-width:767px) {
  .section-flow-to-school .title-section {
    margin-bottom: 38px
  }
}
.section-flow-to-school .container {
  position: relative
}
.section-flow-to-school .media-object + .media-object {
  margin-top: 20px
}
@media (min-width:992px) {
  .section-flow-to-school .media-left {
    padding-right: 60px
  }
}
@media (max-width:767px) {
  .section-flow-to-school .media-left {
    padding-bottom: 30px!important
  }
}
@media (min-width:768px) {
  .section-flow-to-school .media-body {
    padding-top: 10px
  }
}
.section-flow-to-school dl {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-flow-to-school dl {
    margin-bottom: 25px
  }
}
.section-flow-to-school .ico-bulb:before {
  position: absolute;
  right: 20px;
  bottom: 6px;
  z-index: -1;
  width: 143px;
  height: 161px;
  background-size: contain;
  content: ""
}
.section-flow-to-school .ico-bulb.icon-purple:before {
  background: url(../img/icon/ico-bulb-purple.png) no-repeat
}
.section-flow-to-school .ico-bulb.icon-cyan:before {
  background: url(../img/icon/ico-bulb-cyan.png) no-repeat
}
.section-flow-to-school .ico-bulb.icon-green:before {
  background: url(../img/icon/ico-bulb-green.png) no-repeat
}
.section-course-believe {
  padding-top: 48px;
  font-size: 32px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-course-believe {
    padding-top: 32px;
    font-size: 17px
  }
}
.section-course-believe .media {
  margin-bottom: 5px
}
.section-course-believe .media-left {
  padding-right: 38px
}
.section-course-believe .dl-sm dd,
.section-course-believe .dl-sm dt {
  vertical-align: middle
}
@media (min-width:768px) {
  .section-course-believe .dl-sm dd {
    padding-top: 24px
  }
}
.section-course-believe .dl-check {
  margin-bottom: 12px
}
.section-course-believe .dl-check:last-of-type {
  margin-bottom: 0
}
.section-course-believe .dl-check dd,
.section-course-believe .dl-check dt {
  vertical-align: middle
}
.section-course-believe .dl-check dt {
  padding-right: 16px
}
.section-course-believe .dl-check dd {
  font-size: 26px
}
@media (max-width:767px) {
  .section-course-believe .dl-check dd {
    font-size: 14px
  }
}
@media (min-width:768px) {
  .section-course-believe .container-dl-check {
    padding-left: 35px
  }
}
.section-course-believe .text {
  padding-top: 8px;
  padding-bottom: 48px
}
@media (max-width:767px) {
  .section-course-believe .text {
    padding-bottom: 36px
  }
}
.section-course-believe .lead {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  color: #c1272d
}
@media (min-width:768px) {
  .section-course-believe .lead {
    padding-left: 34px
  }
}
@media (max-width:767px) {
  .section-course-believe .lead {
    margin-top: 24px;
    margin-bottom: 15px;
    font-size: 17px
  }
}
.section-course-believe .text-emphasis-yellow {
  font-size: 26px;
  background-color: #ff0
}
@media (max-width:767px) {
  .section-course-believe .text-emphasis-yellow {
    font-size: 14px
  }
}
.section-course-believe .well-class {
  padding: 7px 10px 10px;
  font-size: 22px;
  color: #fff;
  text-align: center
}
@media (max-width:767px) {
  .section-course-believe .well-class {
    font-size: 16px
  }
}
.section-course-believe .well-class .time {
  padding: 5px 10px 1px;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background-color: #fff
}
@media (max-width:767px) {
  .section-course-believe .well-class .time {
    font-size: 14px
  }
}
.section-course-believe .well-class .time.time-lg {
  padding: 19px 10px 2px;
  font-size: 26px;
  line-height: 1.2
}
@media (max-width:767px) {
  .section-course-believe .well-class .time.time-lg {
    padding: 10px 8px 5px;
    font-size: 20px
  }
}
.section-course-believe .well-class .time.time-lg small {
  display: block;
  font-size: 18px;
  line-height: 1.5
}
@media (max-width:767px) {
  .section-course-believe .img-girl {
    width: 180px
  }
}
.section-course-believe.spring-course {
  font-size: 16px
}
@media (min-width:768px) {
  .section-course-believe.spring-course {
    line-height: 1.75
  }
}
@media (max-width:767px) {
  .section-course-believe.spring-course {
    font-size: 14px
  }
}
.section-course-believe.spring-course .well-campaign {
  padding: 19px 9px 4px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  border-radius: 8px
}
@media (max-width:767px) {
  .section-course-believe.spring-course .well-campaign {
    font-size: 22px
  }
}
.section-course-believe.spring-course .well-campaign .inner-white {
  background-color: #fff;
  border-radius: 5px
}
.section-course-believe.spring-course .well-campaign .discount-price {
  padding: 16px 10px 10px;
  margin-bottom: 8px;
  font-size: 42px;
  line-height: 1.2;
  text-align: center;
  color: #f02b58
}
@media (max-width:767px) {
  .section-course-believe.spring-course .well-campaign .discount-price {
    font-size: 34px
  }
}
.section-course-believe.spring-course .well-campaign .discount-price,
.section-course-believe.spring-course .well-campaign .discount-price small {
  font-weight: 700
}
.section-course-believe.spring-course .well-campaign .discount-price small {
  display: block;
  font-size: 28px;
  color: #000
}
@media (max-width:767px) {
  .section-course-believe.spring-course .well-campaign .discount-price small {
    font-size: 18px
  }
}
.section-course-believe.spring-course .well-campaign .media {
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  color: #ff0
}
@media (max-width:1199px) {
  .section-course-believe.spring-course .well-campaign .media {
    text-align: center
  }
}
@media (max-width:767px) {
  .section-course-believe.spring-course .well-campaign .media {
    font-size: 30px
  }
}
.section-course-believe.spring-course .well-campaign .media-left {
  padding-right: 0
}
.section-course-believe.spring-course .table-class-level {
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: 28px;
  line-height: 1.17;
  text-align: left
}
@media (min-width:768px) and (max-width:1199px) {
  .section-course-believe.spring-course .table-class-level {
    max-width: 700px
  }
}
@media (max-width:767px) {
  .section-course-believe.spring-course .table-class-level {
    margin-bottom: 25px;
    text-align: center
  }
}
.section-course-believe.spring-course .table-class-level .title-lg {
  padding-top: 9px;
  color: #0064be
}
.section-course-believe.spring-course .table-class-level .cell {
  font-weight: 700;
  vertical-align: top
}
.section-course-believe.spring-course .table-class-level .cell.text-sm {
  padding-top: 15px
}
@media (min-width:768px) {
  .section-course-believe.spring-course .table-class-level .cell.icon {
    padding-top: 15px;
    padding-right: 20px
  }
}
.section-course-believe.spring-course .container-label-lg {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .section-course-believe.spring-course .container-label-lg {
    margin-bottom: 30px
  }
}
.section-course-believe.spring-course .container-label-lg .label {
  display: block;
  margin-bottom: 10px
}
@media (max-width:767px) {
  .section-course-believe.spring-course .container-label-lg .label {
    margin-top: 25px
  }
}
.section-course-believe.spring-course .container-anchor-link {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 900px
}
.section-section-grades-course {
  padding-top: 26px;
  font-size: 16px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-section-grades-course {
    font-size: 14px
  }
}
.section-section-grades-course .media-heading {
  margin-bottom: 28px
}
@media (max-width:767px) {
  .section-section-grades-course .media-heading {
    margin-bottom: 20px
  }
}
.section-section-grades-course .media-object {
  margin-top: 5px
}
.section-section-grades-course .container-price {
  margin-top: 24px
}
@media (min-width:768px) {
  .section-section-grades-course .container-price {
    padding-left: 14px
  }
}
@media (max-width:1199px) {
  .section-section-grades-course .well {
    display: block;
    margin-right: auto;
    margin-left: auto
  }
}
@media (min-width:1200px) {
  .section-section-grades-course.middle-school .media {
    margin-left: -26px
  }
}
.section-section-grades-course.middle-school .media-object {
  margin-top: -35px
}
.section-section-grades-course.section-spring .media,
.section-section-grades-course.section-spring .media-body {
  overflow: visible
}
.section-section-grades-course.section-spring .media-left {
  padding-right: 26px
}
.section-section-grades-course.section-spring .media-left.media-left-sm {
  padding-right: 10px
}
.section-section-grades-course.section-spring .media-direction-rtl .media-left {
  padding-right: 0
}
@media (min-width:768px) {
  .section-section-grades-course.section-spring .media-direction-rtl .media-left {
    padding-left: 26px
  }
}
.section-section-grades-course.section-spring .media-preparation-course {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-section-grades-course.section-spring .media-preparation-course {
    margin-bottom: 25px
  }
}
.section-section-grades-course.section-spring .title-md {
  margin-top: 20px;
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-section-grades-course.section-spring .title-md {
    margin-top: 15px;
    margin-bottom: 20px
  }
}
.section-section-grades-course.section-spring .title-sm {
  padding: 17px 15px 12px;
  margin-top: 6px;
  margin-bottom: 30px;
  font-size: 26px
}
@media (max-width:767px) {
  .section-section-grades-course.section-spring .title-sm {
    margin-bottom: 20px;
    font-size: 24px
  }
}
.section-section-grades-course.section-spring .container-all-course {
  padding-right: 10px;
  padding-left: 10px
}
@media (max-width:767px) {
  .section-section-grades-course.section-spring .container-all-course {
    margin-bottom: 40px
  }
}
.section-section-grades-course.section-spring .container-all-course .dl-unit {
  margin-bottom: 11px
}
.section-section-grades-course.section-spring .container-all-course .img-circle {
  display: block
}
@media (max-width:991px) {
  .section-section-grades-course.section-spring .container-all-course .img-circle {
    display: none
  }
}
.section-section-grades-course.section-spring .container-all-course .img-circle-sm {
  display: block
}
@media (max-width:991px) {
  .section-section-grades-course.section-spring .container-all-course .img-circle-sm {
    margin-bottom: 30px
  }
}
@media (min-width:992px) {
  .section-section-grades-course.section-spring .container-all-course .img-circle-sm {
    display: none
  }
}
.section-section-grades-course.section-spring .container-all-course .cell {
  padding-right: 15px;
  vertical-align: top
}
@media (min-width:768px) {
  .section-section-grades-course.section-spring .container-all-course .cell {
    width: 30%
  }
}
.section-section-grades-course.section-spring .container-all-course .cell:last-of-type {
  padding-right: 0
}
.section-section-grades-course.section-spring .container-all-course ul {
  margin-bottom: 20px
}
.section-section-grades-course.section-spring .container-list-course {
  font-size: 14px
}
@media (min-width:768px) {
  .section-section-grades-course.section-spring .container-list-course {
    padding-top: 30px
  }
}
.section-section-grades-course.section-spring .container-list-course .btn-believe {
  padding: 20px 60px 7px 42px;
  line-height: 1.2
}
@media (min-width:992px) {
  .section-section-grades-course.section-spring .container-list-course .btn-believe {
    min-width: 460px
  }
}
@media (max-width:767px) {
  .section-section-grades-course.section-spring .container-list-course .btn-believe {
    padding: 15px 37px 7px 20px;
    text-align: center
  }
}
.section-section-grades-course.section-spring .container-list-course .btn-believe .text {
  display: inline-block;
  text-align: center
}
.section-section-grades-course.section-spring .media-heading {
  margin-top: 0;
  margin-bottom: 18px
}
.section-section-grades-course.section-spring .title-xlg {
  margin-top: 14px;
  margin-bottom: 20px
}
.section-section-grades-course.section-spring .well-price-list {
  position: relative;
  width: auto;
  margin-top: 12px
}
@media (min-width:992px) {
  .section-section-grades-course.section-spring .well-price-list {
    padding-right: 20px
  }
}
.section-section-grades-course.section-spring .well-price-list .table-cell {
  padding: 17px 0 0 14px
}
@media (max-width:991px) {
  .section-section-grades-course.section-spring .well-price-list .table-cell {
    padding-right: 14px
  }
}
.section-section-grades-course.section-spring .well-price-list .table-cell .cell {
  padding-right: 10px
}
.section-section-grades-course.section-spring .well-price-list .table-cell dl dd {
  width: auto
}
.section-section-grades-course.section-spring .well-price-list .img-discount {
  top: -18px;
  right: -90px
}
@media (min-width:992px) {
  .section-section-grades-course.section-spring .well-price-list .img-discount {
    position: absolute
  }
}
@media (max-width:1300px) {
  .section-section-grades-course.section-spring .well-price-list .img-discount {
    right: -80px
  }
}
@media (max-width:1199px) {
  .section-section-grades-course.section-spring .well-price-list .img-discount {
    right: 0
  }
}
@media (max-width:991px) {
  .section-section-grades-course.section-spring .well-price-list .img-discount {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
	width:75px;
  }
}
.section-section-grades-course.section-spring .well-price-list.well-price-list-dash {
  margin-bottom: 0
}
@media (min-width:1200px) {
  .section-section-grades-course.section-spring .well-price-list.well-price-list-dash .table-cell {
    padding-left: 30px
  }
}
@media (min-width:992px) {
  .section-section-grades-course.section-spring .well-price-list.well-price-list-dash .img-discount {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
  }
}
.section-section-grades-course .list-level {
  margin-bottom: 8px
}
.section-section-grades-course .list-level li {
  padding-right: 34px;
  padding-left: 0;
  margin-bottom: 8px
}
.section-section-grades-course .list-level dl dd,
.section-section-grades-course .list-level dl dt {
  font-weight: 700
}
@media (max-width:991px) {
  .section-section-grades-course .list-level dl dt {
    padding-right: 15px
  }
}
.section-section-grades-course .list-level dl dt .label {
  min-width: 86px
}
.section-section-grades-course .list-level dl dd {
  width: auto;
  font-size: 18px;
  vertical-align: middle
}
@media (max-width:767px) {
  .section-section-grades-course .list-level dl dd {
    font-size: 16px
  }
}
@media (min-width:1200px) {
  .section-section-grades-course.middle-school-2 .media {
    margin-left: -32px
  }
}
.section-section-grades-course.middle-school-2 .media-object {
  margin-top: -60px
}
@media (min-width:1200px) {
  .section-section-grades-course.middle-school-3 .media {
    margin-left: -32px
  }
}
.section-section-grades-course.middle-school-3 .media-left {
  padding-right: 40px
}
.section-section-grades-course.middle-school-3 .media-object {
  margin-top: -50px
}
@media (min-width:768px) {
  .section-section-grades-course.middle-school-3 .title-circle-bg-dotted {
    margin-left: 36px
  }
}
.section-section-grades-course .img-summer-course {
  margin-bottom: 10px
}
.section-section-grades-course ul {
  margin-bottom: 0
}
.section-spring ~ .section-flow-attendance {
  padding-top: 24px
}
.section-learning-content {
  padding-top: 10px;
  padding-bottom: 74px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-learning-content {
    padding-bottom: 40px
  }
}
.section-learning-content .title-section {
  margin-bottom: 32px
}
@media (max-width:767px) {
  .section-learning-content .title-section {
    margin-bottom: 20px
  }
}
.section-special-course {
  font-size: 14px
}
.section-special-course .title-section {
  margin-top: 0;
  margin-bottom: 22px
}
.section-special-course .media-direction-rtl,
.section-special-course .media-direction-rtl .media-body {
  overflow: visible
}
.section-special-course .media-direction-rtl .media-left {
  padding-right: 0
}
@media (min-width:1200px) {
  .section-special-course .media-direction-rtl .media-left {
    padding-left: 20px
  }
}
.section-special-course .media-heading {
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 700;
  color: #e60020
}
@media (max-width:767px) {
  .section-special-course .media-heading {
    font-size: 30px
  }
}
@media (min-width:768px) {
  .section-special-course .media-body {
    padding-top: 10px;
    padding-left: 7px
  }
}
.section-special-course .price {
  display: inline-block;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.1;
  color: #e60020
}
@media (max-width:767px) {
  .section-special-course .price {
    font-size: 28px
  }
}
.section-special-course .highlight-yellow {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(77%,#ff6));
  background: linear-gradient(transparent 70%,#ff6 77%)
}
.section-special-course .note {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #1a1a1a
}
.section-special-course .course-fee {
  margin-top: 7px
}
.section-special-course dl {
  margin-bottom: 18px
}
@media (max-width:767px) {
  .section-special-course dl {
    margin-bottom: 10px
  }
}
.section-special-course dl dd,
.section-special-course dl dt {
  vertical-align: middle
}
.section-special-course dl dt {
  padding-right: 14px
}
.section-special-course dl dd {
  font-size: 20px
}
@media (max-width:767px) {
  .section-special-course dl dd {
    font-size: 15px
  }
}
.section-special-course dl.dl-price dd,
.section-special-course dl.dl-price dt {
  vertical-align: top
}
.section-special-course dl.dl-price small {
  margin-top: 0
}
.section-special-course .table-cell-recommend {
  margin-top: 22px;
  font-size: 16px
}
@media (max-width:767px) {
  .section-special-course .table-cell-recommend {
    margin-top: 15px;
    font-size: 14px
  }
}
.section-special-course .circle-yellow-float-right {
  width: 182px;
  padding: 36px 10px 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #e60020;
  text-align: center;
  border-radius: 50%;
  background-color: #ff0
}
@media (min-width:768px) {
  .section-special-course .circle-yellow-float-right {
    float: right;
    margin-top: -95px
  }
}
@media (max-width:767px) {
  .section-special-course .circle-yellow-float-right {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 140px;
    padding: 24px 8px 20px;
    margin-bottom: 20px;
    font-size: 20px
  }
}
.section-example-schedule {
  color: #1a1a1a
}
.section-example-schedule .title-section {
  margin-top: 30px
}
.section-example-schedule .inner {
  padding-right: 8px;
  padding-left: 8px
}
.section-example-schedule dl dd,
.section-example-schedule dl dt {
  vertical-align: middle
}
.section-example-schedule dl dt {
  padding-right: 20px
}
@media (max-width:767px) {
  .section-example-schedule dl dt {
    padding-right: 10px
  }
}
.section-example-schedule dl dd {
  font-size: 12px;
  line-height: 1.75
}
.section-example-schedule .table-responsive {
  border: 0
}
@media (max-width:767px) {
  .section-example-schedule .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 2px solid #515151
  }
}
@media (max-width:767px) {
  .section-example-schedule .table-responsive > .table-bordered > tbody > tr > th:first-child {
    border-left: 3px solid #515151
  }
}
@media (max-width:767px) {
  .section-example-schedule .table-responsive > .table-bordered > tbody > tr > td:last-child {
    border-right: 2px solid #515151
  }
}
.section-example-schedule .table-responsive > .table-bordered > tbody > tr:last-child > td,
.section-example-schedule .table-responsive > .table-bordered > tbody > tr:last-child > th {
  border-bottom: 2px solid #515151
}
.section-flow-attendance {
  padding-top: 54px;
  padding-bottom: 44px
}
@media (max-width:767px) {
  .section-flow-attendance {
    padding-top: 26px;
    padding-bottom: 30px
  }
}
.section-flow-attendance .title-section {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-flow-attendance .title-section {
    margin-bottom: 20px
  }
}
@media (max-width:767px) {
  .section-flow-attendance .img {
    margin-bottom: 20px
  }
}
.section-flow-attendance.pt-sm {
  padding-top: 10px
}
.section-flow-attendance.pt-md {
  padding-top: 35px
}
@media (max-width:767px) {
  .section-flow-attendance.pt-md {
    padding-top: 20px
  }
}
.section-flow-attendance .banner-lg {
  margin-bottom: 20px;
}
.section-with-sidebar {
  padding-top: 10px;
  font-size: 14px;
  color: #1a1a1a
}
@media (min-width:768px) {
  .section-with-sidebar .sidebar {
    padding-right: 22px;
    padding-left: 10px;
    border-right: 2px solid #ccc
  }
}
@media (max-width:767px) {
  .section-with-sidebar .sidebar {
    margin-bottom: 30px
  }
}
@media (min-width:768px) {
  .section-with-sidebar .body {
    padding-top: 14px;
    padding-left: 20px
  }
}
.section-with-sidebar .body .title-lg {
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-with-sidebar .body .title-lg {
    margin-bottom: 10px
  }
}
.section-with-sidebar .note {
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-with-sidebar .note {
    margin-bottom: 15px
  }
}
.section-with-sidebar .unit + .unit {
  margin-top: 34px
}
@media (max-width:767px) {
  .section-with-sidebar .unit + .unit {
    margin-top: 25px
  }
}
.section-with-sidebar .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 630px;
  margin-top: 17px
}
@media (max-width:767px) {
  .section-with-sidebar .container-btn {
    margin-top: 10px
  }
}
.section-special-course-limited {
  padding-top: 24px;
  padding-bottom: 28px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-special-course-limited {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.section-special-course-limited .title-section {
  margin-bottom: 22px
}
@media (max-width:767px) {
  .section-special-course-limited .title-section {
    margin-bottom: 15px
  }
}
.section-special-course-limited dl {
  margin-bottom: 12px
}
.section-special-course-limited dl:last-of-type {
  margin-bottom: 0
}
.section-special-course-limited dl dt {
  padding-right: 10px
}
.section-special-course-limited dl dd {
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle
}
@media (max-width:767px) {
  .section-special-course-limited dl dd {
    font-size: 15px
  }
}
.section-special-course-limited .price {
  display: inline-block;
  vertical-align: middle;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1;
  color: #e60020
}
@media (max-width:767px) {
  .section-special-course-limited .price {
    font-size: 30px
  }
}
.section-special-course-limited .price small {
  font-size: 12px;
  color: #1a1a1a
}
.section-special-course-limited small {
  font-size: 12px;
  font-weight: 400
}
.section-special-course-limited .container-price {
  margin-bottom: 14px;
  font-size: 24px
}
.section-special-course-limited .container-price:last-of-type {
  margin-bottom: 0
}
@media (max-width:767px) {
  .section-special-course-limited .container-price {
    font-size: 18px
  }
}
.section-special-course-limited .highlight-yellow {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),color-stop(77%,#ff6));
  background: linear-gradient(transparent 70%,#ff6 77%)
}
@media (min-width:768px) {
  .section-special-course-limited .media-body {
    padding-top: 8px;
    padding-left: 12px
  }
}
.section-special-course-limited .media-heading {
  margin-bottom: 14px;
  font-size: 40px;
  font-weight: 700;
  color: #e60020
}
@media (max-width:767px) {
  .section-special-course-limited .media-heading {
    font-size: 30px
  }
}
.section-special-course-limited .media-heading small {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a
}
@media (max-width:767px) {
  .section-special-course-limited .media-heading small {
    margin-bottom: 6px;
    font-size: 18px
  }
}
.section-special-course-limited .inner {
  padding-top: 7px
}
@media (min-width:768px) {
  .section-special-course-limited .inner {
    padding-left: 12px
  }
}
@media (max-width:767px) {
  .section-special-course-limited .inner .well {
    margin-bottom: 20px
  }
}
.section-special-course-limited .media-left {
  position: relative;
  padding-right: 0
}
@media (min-width:768px) {
  .section-special-course-limited .media-left {
    padding-left: 10px
  }
}
@media (max-width:1199px) {
  .section-special-course-limited .media-left {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 500px
  }
}
.section-special-course-limited .circle-yellow {
  position: absolute;
  top: 5px;
  left: -66px;
  width: 182px;
  padding: 36px 10px 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #e60020;
  text-align: center;
  border-radius: 50%;
  background-color: #ff0
}
@media (max-width:767px) {
  .section-special-course-limited .circle-yellow {
    display: block;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    width: 90px;
    padding: 24px 8px 20px;
    margin-bottom: 20px;
    font-size: 15px
  }
}
.section-special-course-limited .table-responsive {
  margin-top: 20px;
  border: 0
}
.section-junior-high-school-class-list {
  padding-bottom: 85px;
  color: #595757
}
@media (max-width:767px) {
  .section-junior-high-school-class-list {
    padding-bottom: 56px
  }
}
.section-junior-high-school-class-list .title-section {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-junior-high-school-class-list .title-section {
    margin-bottom: 25px
  }
}
.section-junior-high-school-class-list .media {
  margin-top: 48px
}
@media (max-width:767px) {
  .section-junior-high-school-class-list .media {
    margin-top: 35px
  }
}
.section-junior-high-school-class-list .media:first-of-type {
  margin-top: 0
}
.section-junior-high-school-class-list .media-left {
  padding: 11px 9px;
  font-size: 26px;
  font-weight: 700;
  color: #fff
}
@media (max-width:767px) {
  .section-junior-high-school-class-list .media-left {
    font-size: 22px
  }
}
.section-junior-high-school-class-list .media-body {
  padding-left: 10px
}
.section-junior-high-school-class-list .table {
  margin-bottom: 0;
  font-size: 12px;
  border: 1px solid #595757
}
.section-junior-high-school-class-list .table>tbody>tr>td,
.section-junior-high-school-class-list .table>tbody>tr>th,
.section-junior-high-school-class-list .table>tfoot>tr>td,
.section-junior-high-school-class-list .table>tfoot>tr>th,
.section-junior-high-school-class-list .table>thead>tr>td,
.section-junior-high-school-class-list .table>thead>tr>th {
  border: 1px solid #595757
}
.section-junior-high-school-class-list .table > tbody > tr > th,
.section-junior-high-school-class-list .table > thead > tr > th {
  border-right-style: dotted
}
.section-junior-high-school-class-list .table > thead > tr > th {
  padding: 4px 10px 2px;
  line-height: 1.1;
  text-align: center
}
.section-junior-high-school-class-list .table > thead > tr > th:first-of-type {
  width: 28.5%
}
.section-junior-high-school-class-list .table > thead > tr > th:first-of-type + th {
  border-left: 0
}
.section-junior-high-school-class-list .table > tbody > tr > td,
.section-junior-high-school-class-list .table > tbody > tr > th {
  height: 40px;
  padding: 4px 15px 1px
}
@media (max-width:767px) {
  .section-junior-high-school-class-list .table > tbody > tr > td,
  .section-junior-high-school-class-list .table > tbody > tr > th {
    padding-right: 5px;
    padding-left: 5px
  }
}
.section-junior-high-school-class-list .table > tbody > tr > th {
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle
}
.section-junior-high-school-class-list .table > tbody > tr > td {
  border-left: 0
}
.section-detail-learning-content {
  padding-top: 22px;
  font-size: 14px;
  color: #1a1a1a
}
.section-detail-learning-content .title-section {
  margin-top: 0;
  margin-bottom: 58px;
  text-align: center
}
@media (max-width:767px) {
  .section-detail-learning-content .title-section {
    margin-bottom: 30px
  }
}
.section-detail-learning-content .media-heading {
  position: relative;
  padding: 9px 10px 5px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  border: 2px solid #7db600
}
@media (max-width:767px) {
  .section-detail-learning-content .media-heading {
    margin-bottom: 15px;
    font-size: 22px
  }
}
.section-detail-learning-content .media-heading .icon-myet {
  position: absolute;
  right: 25px;
  bottom: -70px;
  content: ""
}
@media (max-width:991px) {
  .section-detail-learning-content .media-heading .icon-myet {
    bottom: -25px;
    width: 40px
  }
}
.section-detail-learning-content .dl-myet {
  margin-top: 24px
}
@media (max-width:767px) {
  .section-detail-learning-content .dl-myet {
    margin-top: 18px
  }
}
@media (min-width:768px) {
  .section-detail-learning-content .dl-myet,
  .section-detail-learning-content .dl-myet dt {
    direction: rtl
  }
}
@media (min-width:768px) {
  .section-detail-learning-content .dl-myet dt {
    padding-left: 10px
  }
}
.section-detail-learning-content .dl-myet dd {
  font-size: 24px;
  font-weight: 700;
  color: #c1272d
}
@media (min-width:768px) {
  .section-detail-learning-content .dl-myet dd {
    direction: rtl
  }
}
@media (min-width:768px) {
  .section-detail-learning-content .dl-myet dd .inner {
    direction: ltr
  }
}
@media (min-width:992px) {
  .section-detail-learning-content .dl-myet-english {
    margin-top: -30px
  }
}
.section-detail-learning-content .dl-myet-english dt {
  padding-right: 22px
}
@media (max-width:767px) {
  .section-detail-learning-content .dl-myet-english dt {
    padding-right: 15px
  }
}
.section-detail-learning-content .dl-myet-english dd {
  vertical-align: bottom
}
.section-detail-learning-content .dl-myet-english .well {
  margin-bottom: 0
}
@media (max-width:767px) {
  .section-detail-learning-content .dl-myet-english .icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px
  }
}
.section-detail-learning-content .media-object {
  margin-bottom: 20px
}
@media (max-width:767px) {
  .section-detail-learning-content .media-object {
    margin-bottom: 15px
  }
}
.section-detail-learning-content .media-left {
  position: relative;
  padding-right: 40px
}
@media (max-width:767px) {
  .section-detail-learning-content .media-left {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 370px;
    padding-right: 20px
  }
}
.section-detail-learning-content .media-left .circle {
  position: absolute;
  top: 18px;
  right: 72px;
  width: 102px;
  height: 102px;
  padding: 19px 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #6696d8
}
@media (max-width:767px) {
  .section-detail-learning-content .media-left .circle {
    padding-top: 27px;
    right: 40px;
    font-size: 16px
  }
}
.section-detail-learning-content .media-left .text {
  text-align: left
}
@media (min-width:768px) {
  .section-detail-learning-content .media-left .text {
    padding-left: 10px
  }
}
.section-detail-learning-content .media-left .title {
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.38
}
@media (max-width:767px) {
  .section-detail-learning-content .media-left .title {
    font-size: 22px;
    margin-bottom: 10px
  }
}
.section-detail-learning-content .table-cell {
  margin-top: 76px;
  margin-bottom: 14px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-detail-learning-content .table-cell {
    margin-top: 40px;
    margin-bottom: 10px
  }
}
.section-detail-learning-content .table-cell .cell {
  font-size: 18px;
  vertical-align: middle
}
@media (max-width:767px) {
  .section-detail-learning-content .table-cell .cell {
    font-size: 16px
  }
}
@media (min-width:768px) {
  .section-detail-learning-content .table-cell .cell.cell-myet {
    width: 9%!important
  }
}
@media (min-width:768px) {
  .section-detail-learning-content .table-cell .cell:first-child {
    width: 14.8%;
    padding-right: 10px;
    border-right: 2px solid #c1272d
  }
}
@media (min-width:768px) {
  .section-detail-learning-content .table-cell .cell:first-child + .cell {
    padding-left: 25px
  }
}
.section-detail-learning-content.junior-high-school {
  padding-top: 55px
}
@media (max-width:767px) {
  .section-detail-learning-content.junior-high-school {
    padding-top: 35px
  }
}
.section-detail-learning-content.junior-high-school .title-section {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-detail-learning-content.junior-high-school .title-section {
    margin-bottom: 20px
  }
}
.section-detail-learning-content.junior-high-school .table-cell {
  margin-top: 62px
}
@media (max-width:767px) {
  .section-detail-learning-content.junior-high-school .table-cell {
    margin-top: 40px
  }
}
.section-application-methods {
  margin-top: 54px;
  color: #1a1a1a
}
@media (min-width:768px) {
  .section-application-methods {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .section-application-methods {
    margin-top: 36px
  }
}
.section-application-methods dl dt {
  padding-right: 20px
}
@media (max-width:767px) {
  .section-application-methods dl dt {
    padding-right: 14px
  }
}
.section-application-methods dl dd {
  padding-top: 12px
}
.section-application-methods .title {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 34px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-application-methods .title {
    margin-bottom: 16px;
    font-size: 25px
  }
}
.section-application-methods .contact-information {
  margin-top: 14px;
  font-size: 20px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-application-methods .contact-information {
    margin-top: 10px;
    font-size: 18px
  }
}
.section-application-methods .contact-information .number {
  font-size: 41px;
  line-height: 1.1;
  color: #c1272d
}
@media (max-width:767px) {
  .section-application-methods .contact-information .number {
    font-size: 30px
  }
}
.section-application-methods .time {
  margin-top: 15px;
  font-size: 18px
}
@media (max-width:767px) {
  .section-application-methods .time {
    margin-top: 10px;
    font-size: 16px
  }
}
.section-application-methods small {
  display: block;
  font-size: 12px
}
@media (max-width:767px) {
  .section-application-methods .icon {
    width: 35px
  }
}
.section-internet-method {
  margin-top: 16px;
  background-color: #fff
}
.section-internet-method dl {
  margin-bottom: 50px
}
@media (max-width:767px) {
  .section-internet-method dl {
    margin-bottom: 20px
  }
}
.section-internet-method dl dt {
  padding-right: 20px
}
@media (max-width:767px) {
  .section-internet-method dl dt {
    padding-right: 14px
  }
}
.section-internet-method dl dd {
  padding-top: 12px
}
@media (min-width:768px) {
  .section-internet-method dl dd .note {
    float: right;
    margin-top: -20px;
    font-size: 12px
  }
}
.section-internet-method .container-btn {
  text-align: center
}
.section-internet-method .well {
  padding-right: 14px;
  padding-left: 14px
}
.section-internet-method .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-internet-method .title {
    margin-bottom: 16px;
    font-size: 25px
  }
}
.section-internet-method .personal-information {
  height: 300px;
  padding: 21px 28px;
  margin-top: 5px;
  margin-bottom: 26px;
  overflow-y: scroll;
  border: 1px solid #b2b2b2
}
@media (max-width:767px) {
  .section-internet-method .personal-information {
    padding: 16px 10px;
    margin-bottom: 20px
  }
}
.section-internet-method .personal-information .title {
  font-weight: 700;
  text-align: center
}
@media (min-width:768px) {
  .section-internet-method .personal-information,
  .section-internet-method .personal-information .lead {
    line-height: 1.944
  }
}
.section-internet-method .personal-information .lead {
  margin-bottom: 40px
}
@media (min-width:768px) {
  .section-internet-method .personal-information .lead {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .section-internet-method .personal-information .lead {
    margin-bottom: 25px;
    font-size: 13px
  }
}
.section-internet-method .personal-information .title-sm {
  margin-top: 20px
}
@media (max-width:767px) {
  .section-internet-method .personal-information .title-sm {
    margin-top: 15px
  }
}
.section-internet-method .personal-information p {
  text-indent: 1em
}
.section-internet-method .note {
  margin-top: 10px
}
@media (max-width:767px) {
  .section-internet-method .note {
    font-size: 13px
  }
}
.information-block .item:focus,
.information-block .item:hover {
  opacity: .7;
  text-decoration: none
}
.information-block div.item:focus,
.information-block div.item:hover {
  opacity: 1
}
.information-block .title-section {
  position: relative
}
@media (max-width:1199px) {
  .information-block .title-section {
    text-align: center
  }
}
.information-block .btn-img {
  display: inline-block
}
@media (min-width:1200px) {
  .information-block .btn-img {
    position: absolute;
    top: 0;
    right: 0
  }
}
@media (max-width:1199px) {
  .information-block .btn-img {
    margin-top: 30px
  }
}
.section-challenge-course {
  padding-top: 30px
}
@media (min-width:768px) {
  .section-challenge-course {
    font-size: 18px
  }
}
.section-challenge-course .lead {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}
@media (max-width:767px) {
  .section-challenge-course .lead {
    margin-bottom: 10px;
    font-size: 18px
  }
}
.section-challenge-course .title-section {
  margin-bottom: 34px
}
@media (max-width:767px) {
  .section-challenge-course .title-section {
    margin-bottom: 22px
  }
}
.section-challenge-course .title-section .label {
  vertical-align: middle
}
@media (min-width:768px) {
  .section-challenge-course .title-section .label {
    min-width: 305px
  }
}
.section-challenge-course dl {
  margin-bottom: 15px
}
@media (max-width:767px) {
  .section-challenge-course dl {
    margin-bottom: 20px
  }
}
@media (min-width:768px) {
  .section-challenge-course dl .btn {
    width: 330px;
    letter-spacing: -.08em
  }
}
@media (max-width:767px) {
  .section-challenge-course dl .btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
    margin-bottom: 10px
  }
}
@media (min-width:768px) {
  .section-challenge-course dl dt {
    padding-right: 30px
  }
}
.section-challenge-course dl dd {
  vertical-align: middle
}
@media (min-width:768px) {
  .section-challenge-course dl dd {
    line-height: 1.944
  }
}
.section-elementary-school-curriculum {
  padding-top: 47px;
  padding-bottom: 100px;
}
.page-id-518 .section-elementary-school-curriculum {
  padding-top: 0;
}
@media (max-width:767px) {
  .section-elementary-school-curriculum {
    padding-top: 30px;
    padding-bottom: 65px
  }
}
.section-elementary-school-curriculum .title-section {
  margin-bottom: 8px
}
.section-elementary-school-curriculum .row-img-book img {
  margin-bottom: 20px
}
.section-elementary-school-curriculum .lead {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #000038
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .lead {
    margin-bottom: 25px;
    font-size: 20px
  }
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .img {
    margin-bottom: 35px
  }
}
.section-elementary-school-curriculum .title-sm {
  margin-top: 50px
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .title-sm {
    margin-top: 20px
  }
}
.section-elementary-school-curriculum .title-xxs {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .title-xxs {
    margin-bottom: 16px
  }
}
.section-elementary-school-curriculum .table-responsive {
  border: 0
}
.section-elementary-school-curriculum .table {
  margin-top: 80px
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .table {
    margin-top: 20px
  }
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .table > tbody > tr > td:last-child,
  .section-elementary-school-curriculum .table > tbody > tr > th:last-child {
    border-right: 1px solid #b2b2b2
  }
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .table > tbody > tr:first-child > th:first-child {
    border-left: 1px solid #b2b2b2
  }
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .table > tbody > tr:last-child > td {
    border-bottom: 1px solid #b2b2b2
  }
}
.section-elementary-school-curriculum .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 500px;
  margin-top: 76px
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .container-btn {
    margin-top: 40px
  }
}
.section-elementary-school-curriculum .note {
  font-size: 18px
}
@media (max-width:767px) {
  .section-elementary-school-curriculum .note {
    font-size: 16px
  }
}
.section-elementary-school-curriculum .note dl + dl {
  margin-top: 10px
}
.section-elementary-school-curriculum .note dl dt {
  padding-right: 0
}
.section-believe-class-flow {
  padding-top: 70px
}
@media (max-width:767px) {
  .section-believe-class-flow {
    padding-top: 45px
  }
}
.section-believe-class-flow .title-section {
  padding-left: .03em;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: serif;
  letter-spacing: .03em;
  color: #1a1a1a;
  text-align: center
}
@media (max-width:767px) {
  .section-believe-class-flow .title-section {
    margin-bottom: 32px
  }
}
.section-believe-class-flow .title-section,
.section-believe-class-flow .title-section .text-emphasis {
  font-size: 46px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-believe-class-flow .title-section,
  .section-believe-class-flow .title-section .text-emphasis {
    font-size: 25px
  }
}
.section-believe-class-flow .title-section .text-emphasis {
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  color: #c1272d
}
.section-believe-class-flow .media {
  overflow: visible
}
.section-believe-class-flow .media-right {
  padding-left: 30px
}
@media (max-width:991px) {
  .section-believe-class-flow .media-right {
    padding-top: 15px
  }
}
@media (min-width:992px) {
  .section-believe-class-flow .media-object {
    margin-top: -20px
  }
}
.section-level-check {
  padding-top: 16px
}
.section-level-check .panel {
  margin-top: 25px
}
.section-level-check .thumbnail {
  padding: 0;
  margin-bottom: 0;
  border: 0
}
.section-level-check .thumbnail .caption {
  padding: 9px 0 0
}
@media (min-width:768px) {
  .section-level-check .thumbnail .caption {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .section-level-check .thumbnail .caption {
    padding-bottom: 15px
  }
}
@media (min-width:768px) {
  .section-level-check .embed-responsive-16by9 {
    padding-bottom: 78.25%
  }
}
.section-level-check .media-text {
  margin-bottom: 50px
}
@media (max-width:767px) {
  .section-level-check .media-text {
    margin-bottom: 35px
  }
}
.section-level-check .media-text .media-right {
  padding-left: 34px
}
@media (max-width:991px) {
  .section-level-check .media-text .media-right {
    padding-top: 20px
  }
}
.section-level-check .media-step-check {
  margin-top: 14px;
  margin-bottom: 27px
}
@media (max-width:767px) {
  .section-level-check .media-step-check {
    margin-top: 10px;
    margin-bottom: 18px
  }
}
.section-level-check .media-step-check .media-right {
  padding-top: 10px
}
.section-level-check .media-test-confirm {
  margin-top: 5px;
  margin-bottom: 28px
}
@media (max-width:767px) {
  .section-level-check .media-test-confirm {
    margin-bottom: 18px
  }
}
.section-level-check .media-test-confirm .media-right {
  padding-left: 42px
}
.section-level-check .row-step {
  margin-top: 22px
}
@media (max-width:767px) {
  .section-level-check .row-step {
    margin-top: 15px
  }
}
.section-level-check .row-step .img-step {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-level-check .row-step .img-step {
    margin-bottom: 15px
  }
}
@media (min-width:768px) {
  .section-level-check .dl-flow > dt {
    background: url(../img/bg-circle-gray-repeat-y.png) 43% 0 repeat-y
  }
}
.section-level-check .dl-flow .icon {
  position: relative;
  z-index: 0
}
@media (min-width:768px) {
  .section-level-check .dl-flow .icon:after {
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 198px;
    background-color: #fff;
    content: ""
  }
}
.section-learning-record {
  padding-top: 17px;
  padding-bottom: 110px
}
@media (max-width:767px) {
  .section-learning-record {
    padding-bottom: 50px
  }
}
.section-learning-record .media-right {
  padding-left: 30px
}
@media (max-width:767px) {
  .section-learning-record .media-right {
    padding-top: 15px
  }
}
.section-learning-record dl dd {
  padding-top: 20px
}
.section-learning-record .title-border-bottom-cyan {
  padding-bottom: 14px
}
@media (max-width:767px) {
  .section-learning-record .title-border-bottom-cyan {
    padding-bottom: 7px
  }
}
.section-single {
  padding-top: 30px;
  padding-bottom: 50px
}
@media (max-width:767px) {
  .section-single {
    padding-top: 35px;
    padding-bottom: 35px
  }
}
.section-single,
.section-single a {
  color: #000
}
.section-single a.btn {
  color: #fff
}
.section-single .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 250px
}
.section-single .breadcrumb {
  margin-bottom: 45px;
  color: #333
}
@media (max-width:767px) {
  .section-single .breadcrumb {
    margin-bottom: 30px
  }
}
.section-single .breadcrumb,
.section-single .breadcrumb a {
  font-size: 13px
}
.section-single .breadcrumb a {
  color: #5699ff
}
.section-single .title-section {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.6;
  color: #000443
}
@media (max-width:767px) {
  .section-single .title-section {
    font-size: 18px
  }
}
.section-single .date {
  margin-bottom: 17px;
  font-size: 16px;
  color: #000443
}
@media (max-width:767px) {
  .section-single .date {
    margin-bottom: 8px
  }
}
.section-single dl {
  margin-bottom: 20px
}
.section-single dl dd,
.section-single dl dt {
  vertical-align: top
}
.section-single dl dt {
  padding-right: 20px;
  white-space: nowrap
}
@media (min-width:768px) {
  .section-single dl dt {
    padding-top: 9px
  }
}
.section-single dl .label-dark-blue {
  vertical-align: 3px;
  background-color: #01073d
}
.section-single .list-unstyled li + li {
  margin-top: 5px
}
.section-single .category .title {
  padding: 17px 20px 12px;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 20px;
  color: #fff;
  background-color: #000046
}
@media (max-width:767px) {
  .section-single .category .title {
    padding: 15px;
    margin-bottom: 20px;
    font-size: 18px
  }
}
.section-single .category ul li {
  margin-bottom: 10px
}
.section-single .category ul li a {
  position: relative;
  display: block;
  padding: 8px 30px 5px 16px;
  font-size: 16px;
  color: #1a1a1a;
  border: 1px solid #b3b3b3;
  border-radius: 5px
}
@media (max-width:767px) {
  .section-single .category ul li a {
    font-size: 14px
  }
}
.section-single .category ul li a:after,
.section-single .category ul li a:hover {
  opacity: .7;
  text-decoration: none
}
.section-single .category ul li a:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 3px solid #000046;
  border-right: 3px solid #000046;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
.section-single .latest-post {
  margin-bottom: 50px;
  border: 1px solid #010046;
  border-top-width: 10px;
  border-radius: 5px
}
@media (max-width:767px) {
  .section-single .latest-post {
    margin-top: 30px;
    margin-bottom: 35px
  }
}
.section-single .latest-post .title {
  padding: 18px 20px 11px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  color: #000046
}
@media (max-width:767px) {
  .section-single .latest-post .title {
    padding: 13px 10px 8px;
    font-size: 18px
  }
}
.section-single .latest-post ul {
  padding: 16px 13px
}
@media (max-width:767px) {
  .section-single .latest-post ul {
    padding: 15px
  }
}
.section-believe-teaching-method {
  color: #1a1a1a
}
@media (min-width:768px) {
  .section-believe-teaching-method {
    font-size: 16px
  }
}
.section-believe-teaching-method .container-fluid {
  max-width: 1500px;
  padding-right: 0;
  padding-left: 0
}
.section-believe-teaching-method .media-heading {
  margin-bottom: 20px
}
@media (max-width:1400px) {
  .section-believe-teaching-method .media-heading {
    margin-bottom: 15px
  }
}
.section-believe-teaching-method .inner {
  line-height: 1.875
}
@media (min-width:992px) {
  .section-believe-teaching-method .inner {
    max-width: 570px
  }
}
@media (max-width:1400px) {
  .section-believe-teaching-method .inner {
    line-height: 1.5
  }
}
.section-believe-teaching-method .media-left {
  padding-right: 0
}
.section-believe-teaching-method .media-body {
  padding: 50px 55px 40px
}
@media (max-width:1400px) {
  .section-believe-teaching-method .media-body {
    padding: 14px 30px 20px
  }
}
@media (max-width:991px) {
  .section-believe-teaching-method .media-body {
    padding-right: 15px;
    padding-bottom: 40px;
    padding-left: 15px
  }
}
.section-believe-teaching-method .media-object {
  width: 650px
}
@media (max-width:1400px) {
  .section-believe-teaching-method .media-object {
    width: 600px
  }
}
.section-graduates {
  padding-bottom: 54px
}
@media (max-width:767px) {
  .section-graduates {
    padding-bottom: 36px
  }
}
.section-graduates:first-child {
  padding-top: 72px
}
@media (max-width:767px) {
  .section-graduates:first-child {
    padding-top: 48px
  }
}
.section-graduates .title-section {
  text-align: center
}
.section-graduates .media-left {
  padding-right: 16px
}
.section-independent-learning {
  padding-top: 50px;
  padding-bottom: 10px
}
@media (min-width:768px) {
  .section-independent-learning {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .section-independent-learning {
    padding-top: 35px
  }
}
@media (max-width:1199px) {
  .section-independent-learning .container {
    max-width: 725px
  }
}
.section-independent-learning .title-section {
  margin-bottom: 50px;
  text-align: center
}
@media (max-width:767px) {
  .section-independent-learning .title-section {
    margin-bottom: 35px
  }
}
.section-raise-independent {
  padding-top: 50px;
  padding-bottom: 64px
}
@media (min-width:768px) {
  .section-raise-independent {
    font-size: 16px;
    line-height: 1.875
  }
}
@media (max-width:767px) {
  .section-raise-independent {
    padding-top: 30px;
    padding-bottom: 40px
  }
}
.section-raise-independent .title-section {
  position: relative;
  z-index: 2;
  padding: 27px 0 23px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  color: #fff
}
@media (min-width:768px) {
  .section-raise-independent .title-section {
    max-width: 800px
  }
}
@media (max-width:767px) {
  .section-raise-independent .title-section {
    padding: 20px 15px 14px;
    font-size: 30px
  }
}
.section-raise-independent .title-section:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: -1;
  background-color: rgba(0,0,56,.7);
  content: ""
}
@media (max-width:767px) {
  .section-raise-independent .container {
    padding-right: 0;
    padding-left: 0
  }
}
.section-raise-independent .well {
  position: relative;
  z-index: 1;
  padding: 74px 30px 4px 0;
  margin-top: -50px;
  margin-bottom: 0;
  background-color: transparent;
  border: 0
}
@media (min-width:768px) {
  .section-raise-independent .well {
    max-width: 1000px
  }
}
@media (max-width:767px) {
  .section-raise-independent .well {
    padding-right: 20px;
    padding-left: 20px
  }
}
.section-raise-independent .well:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: -1;
  background-color: rgba(255,255,255,.8);
  content: ""
}
.section-raise-independent .well p {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-raise-independent .well p {
    margin-bottom: 15px
  }
}
.section-authentic-academic-achievement {
  padding-top: 38px;
  padding-bottom: 70px;
  margin-bottom: 40px;
  overflow: hidden
}
@media (min-width:768px) {
  .section-authentic-academic-achievement {
    font-size: 16px;
    line-height: 1.875
  }
}
@media (max-width:1199px) {
  .section-authentic-academic-achievement {
    text-shadow: 2px 2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,2px 3px 2px #fff,2px -3px 2px #fff,-2px 3px 2px #fff,-2px -3px 2px #fff,3px 0 2px #fff,0 3px 2px #fff,-3px 0 2px #fff,0 -3px 2px #fff
  }
}
@media (max-width:1199px) and (max-width:767px) {
  .section-authentic-academic-achievement {
    text-shadow: 1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 2px 1px #fff,1px -2px 1px #fff,-1px 2px 1px #fff,-1px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff
  }
}
@media (max-width:767px) {
  .section-authentic-academic-achievement {
    padding-top: 25px;
    padding-bottom: 46px;
    margin-bottom: 25px
  }
}
@media (max-width:767px) {
  .section-authentic-academic-achievement .container {
    padding-right: 0;
    padding-left: 0
  }
}
@media (min-width:768px) {
  .section-authentic-academic-achievement .inner {
    float: right
  }
}
@media (min-width:992px) {
  .section-authentic-academic-achievement .inner {
    width: 800px
  }
}
.section-authentic-academic-achievement .well {
  position: relative;
  padding: 34px 0 16px 50px;
  margin-bottom: 0;
  background-color: transparent;
  border: 0
}
@media (max-width:767px) {
  .section-authentic-academic-achievement .well {
    padding: 24px 15px 6px
  }
}
.section-authentic-academic-achievement .well:before {
  position: absolute;
  top: 0;
  right: -100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0,80,190,.1);
  content: ""
}
.section-authentic-academic-achievement .well p {
  margin-bottom: 28px
}
@media (max-width:767px) {
  .section-authentic-academic-achievement .well p {
    margin-bottom: 14px
  }
}
.section-authentic-academic-achievement .title-section {
  font-size: 42px
}
@media (max-width:767px) {
  .section-authentic-academic-achievement .title-section {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 10px;
    font-size: 26px
  }
}
.section-thanks {
  padding-top: 54px;
  padding-bottom: 120px;
  color: #000
}
@media (max-width:767px) {
  .section-thanks {
    padding-top: 36px
  }
}
.section-thanks .title-section {
  margin-top: 0;
  margin-bottom: 82px;
  font-size: 20px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-thanks .title-section {
    margin-bottom: 54px;
    font-size: 18px
  }
}
.section-thanks .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 850px;
  margin-top: 80px
}
@media (max-width:767px) {
  .section-thanks .container-btn {
    margin-top: 50px
  }
}
.section-thanks .container-btn .btn {
  margin-bottom: 20px
}
.section-about-believe .link-hover-circle .text,
.section-voice-applicant .link-hover-circle .text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2
}
@media (max-width:991px) {
  .section-about-believe .link-hover-circle .text,
  .section-voice-applicant .link-hover-circle .text {
    font-size: 16px
  }
}
@media (min-width:992px) {
  .section-class-course {
    font-size: 16px;
    line-height: 1.944
  }
}
@media (max-width:1199px) {
  .section-circle-link .text .cell {
    font-size: 4.3vw
  }
}
@media (max-width:767px) {
  .section-link-with-overlay-text-green {
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 13px
  }
}
@media (max-width:767px) {
  .section-school-building-with-map .title-section {
    margin-bottom: 15px
  }
}
.section-study-work-education {
  padding-top: 118px;
  padding-bottom: 130px;
  margin-bottom: 80px;
  background-color: #f2f2f2
}
@media (min-width:768px) {
  .section-study-work-education {
    font-size: 17px;
    line-height: 1.7
  }
}
@media (max-width:767px) {
  .section-study-work-education {
    padding-top: 80px;
    padding-bottom: 60px;
    margin-bottom: 40px
  }
}
.section-study-work-education .inner {
  position: relative
}
.section-study-work-education .inner:after,
.section-study-work-education .inner:before {
  display: table;
  content: " "
}
.section-study-work-education .inner:after {
  clear: both
}
.section-study-work-education .inner .img-logo {
  margin-top: -40px
}
@media (min-width:992px) {
  .section-study-work-education .inner .img-logo {
    position: absolute;
    top: -46px;
    margin-top: 0
  }
}
.section-study-work-education dl {
  padding-bottom: 38px
}
@media (max-width:767px) {
  .section-study-work-education dl {
    padding-bottom: 25px
  }
}
.section-study-work-education dl + dl {
  padding-top: 38px;
  border-top: 1px solid #303030
}
@media (max-width:767px) {
  .section-study-work-education dl + dl {
    padding-top: 25px
  }
}
.section-study-work-education dl dt {
  padding-right: 15px;
  padding-left: 10px;
  vertical-align: middle
}
@media (max-width:767px) {
  .section-study-work-education dl dt {
    padding-right: 10px;
    padding-left: 5px
  }
}
.section-study-work-education dl dd {
  line-height: 1.7
}
@media (max-width:767px) {
  .section-study-work-education dl dd {
    font-size: 3.9vw
  }
}
.section-study-work-education .well {
  padding: 36px 20px 0 42px;
  margin-bottom: 0;
  border: 0;
  background-color: rgba(255,255,255,.57)
}
@media (min-width:992px) {
  .section-study-work-education .well {
    width: 490px;
    float: right
  }
}
@media (max-width:991px) {
  .section-study-work-education .well {
    margin-top: 35px
  }
}
@media (max-width:767px) {
  .section-study-work-education .well {
    padding: 25px 15px 0
  }
}
.section-study-work-education .well.well-announcement {
  float: none;
  width: auto;
  padding: 60px 20px 30px;
  color: #000
}
@media (min-width:768px) {
  .section-study-work-education .well.well-announcement {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .section-study-work-education .well.well-announcement {
    padding: 40px 15px 20px
  }
}
.section-study-work-education .well.well-announcement .lead {
  font-size: 16px;
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-study-work-education .well.well-announcement .lead {
    margin-bottom: 20px;
    font-size: 15px
  }
}
.section-study-work-education .well.well-announcement .title-well {
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-study-work-education .well.well-announcement .title-well {
    margin-bottom: 30px;
    font-size: 25px
  }
}
.section-study-work-education .well.well-announcement .article {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-study-work-education .well.well-announcement .article {
    margin-bottom: 20px
  }
}
.section-tep-english {
  background-color: #fff
}
@media (min-width:768px) {
  .section-tep-english {
    font-size: 17px;
    line-height: 1.75
  }
}
.section-tep-english .title-section {
  padding-top: 26px;
  padding-bottom: 5px;
  margin-bottom: 50px
}
@media (max-width:767px) {
  .section-tep-english .title-section {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 35px
  }
}
.section-tep-english .title-section.title-with-bg-gradient-blue {
  padding-top: 26px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  background-image: linear-gradient(135deg,#b2caec 25%,#dce5f6 25%,#dce5f6 50%,#b2caec 50%,#b2caec 75%,#dce5f6 75%,#dce5f6 100%);
  background-size: 11.31px 11.31px
}
@media (max-width:767px) {
  .section-tep-english .title-section.title-with-bg-gradient-blue {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 25px
  }
}
.section-tep-english .title-section.title-with-bg-gradient-blue .title {
  color: #1a1a1a
}
.section-tep-english .title-section.title-with-bg-gradient-blue .media-left {
  padding-right: 46px
}
@media (max-width:991px) {
  .section-tep-english .title-section.title-with-bg-gradient-blue .media-left {
    padding-right: 20px
  }
}
.section-tep-english .title-section .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff
}
@media (max-width:767px) {
  .section-tep-english .title-section .title {
    font-size: 16px
  }
}
.section-tep-english .title-section .container {
  max-width: 1020px
}
@media (max-width:767px) {
  .section-tep-english .title-section .media {
    margin-bottom: 0
  }
}
.section-tep-english .title-section .media-left {
  padding-right: 24px
}
@media (max-width:767px) {
  .section-tep-english .title-section .media-left {
    padding-bottom: 10px
  }
}
.section-tep-english .container-fluid {
  max-width: 1150px
}
.section-tep-english .img-text {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-tep-english .img-text {
    margin-bottom: 18px
  }
}
.section-tep-english .img-well {
  margin-bottom: 22px
}
@media (max-width:767px) {
  .section-tep-english .img-well {
    margin-bottom: 15px
  }
}
.section-tep-english .btn {
  background-color: #fff
}
.section-tep-english .media-english {
  margin-bottom: 24px
}
.section-tep-english .media-english .media-left {
  padding-right: 40px
}
@media (max-width:991px) {
  .section-tep-english .media-english .media-left {
    padding-right: 20px
  }
}
@media (min-width:768px) {
  .section-tep-english .media-english .media-body {
    padding-top: 14px
  }
}
.section-tep-english .media-english .text-emphasis {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.75;
  color: #0032a5
}
@media (max-width:767px) {
  .section-tep-english .media-english .text-emphasis {
    font-size: 15px
  }
}
@media (max-width:767px) {
  .section-tep-english .media-learning-item,
  .section-tep-english .media-learning-item .media {
    margin-bottom: 0
  }
}
@media (min-width:768px) {
  .section-tep-english .media-learning-item > .media-body {
    padding-top: 18px
  }
}
.section-tep-english .media-learning-item .media-body {
  line-height: 1.625
}
@media (min-width:768px) {
  .section-tep-english .media-learning-item .media-body {
    font-size: 16px
  }
}
@media (min-width:768px) {
  .section-tep-english .media-learning-item .media-body > .media > .media-body {
    padding-top: 7px
  }
}
@media (max-width:1199px) {
  .section-tep-english .media-learning-item .media-body > .media > .media-body {
    padding-bottom: 20px
  }
}
.section-tep-english .media-learning-item .media-body > .media > .media-body .title-xs {
  margin-top: 0
}
.section-tep-english .media-learning-item .media-body > .media .media-right {
  padding-left: 18px
}
@media (max-width:1199px) {
  .section-tep-english .media-learning-item .media-body > .media .media-right {
    padding-bottom: 0
  }
}
.section-tep-english .img-text-lg {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-tep-english .img-text-lg {
    margin-bottom: 25px
  }
}
@media (max-width:767px) {
  .section-school-grade .item-school-grade a img {
    width: 53%
  }
}
.section-early-benefit {
  padding-bottom: 50px
}
@media (max-width:767px) {
  .section-early-benefit {
    padding-bottom: 35px
  }
}
.section-early-benefit .logo {
  margin-bottom: 38px
}
@media (max-width:767px) {
  .section-early-benefit .logo {
    margin-bottom: 25px
  }
}
.section-early-benefit .media-all > .media-left {
  padding-right: 50px
}
@media (max-width:1199px) {
  .section-early-benefit .media-all > .media-left {
    padding-right: 25px
  }
}
.section-early-benefit .well {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-early-benefit .well {
    margin-bottom: 20px
  }
}
.section-early-benefit .container-benefit {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1
}
@media (min-width:992px) {
  .section-early-benefit .container-benefit {
    text-align: center
  }
}
@media (max-width:1199px) {
  .section-early-benefit .container-benefit {
    font-size: 2.6vw
  }
}
@media (max-width:767px) {
  .section-early-benefit .container-benefit {
    font-size: 5vw
  }
}
.section-early-benefit .container-benefit .table-cell .cell {
  padding-left: 10px;
  vertical-align: top
}
.section-early-benefit .container-benefit .table-cell .cell:first-child {
  padding-left: 0
}
@media (min-width:992px) {
  .section-early-benefit .container-benefit .table-cell .cell:first-child {
    width: 38%
  }
}
.section-early-benefit .container-benefit dl {
  margin-bottom: 30px
}
@media (min-width:768px) {
  .section-early-benefit .container-benefit dl dt {
    padding-top: 10px;
    padding-left: 10px
  }
}
@media (max-width:991px) {
  .section-early-benefit .container-benefit dl dt {
    padding-right: 15px
  }
}
@media (max-width:767px) {
  .section-early-benefit .container-benefit dl dt .icon-number {
    width: 40px
  }
}
.section-early-benefit .container-benefit dl .note {
  display: block
}
@media (max-width:767px) {
  .section-early-benefit .container-benefit dl .note {
    margin-top: 8px;
    font-size: 12px
  }
}
.section-early-benefit .container-benefit small {
  font-size: 14px
}
.section-early-benefit .container-benefit .text-red-lg {
  font-size: 68px;
  color: #e60020
}
@media (max-width:1199px) {
  .section-early-benefit .container-benefit .text-red-lg {
    font-size: 5.5vw
  }
}
@media (max-width:767px) {
  .section-early-benefit .container-benefit .text-red-lg {
    font-size: 5.5vw
  }
}
.section-brother-system {
  padding-bottom: 115px;
  font-size: 14px
}
@media (max-width:767px) {
  .section-brother-system {
    padding-bottom: 75px
  }
}
.section-brother-system .media-all > .media-left {
  padding-right: 0;
  padding-left: 50px
}
@media (max-width:1199px) {
  .section-brother-system .media-all > .media-left {
    padding-left: 25px
  }
}
@media (max-width:767px) {
  .section-brother-system .media-all > .media-left {
    padding-left: 0
  }
}
.section-brother-system .well {
  margin-bottom: 30px
}
.section-brother-system .note {
  margin-top: 35px
}
@media (min-width:768px) {
  .section-brother-system .note {
    padding-left: 8px
  }
}
@media (max-width:767px) {
  .section-brother-system .note {
    margin-top: 25px
  }
}
.section-brother-system .note dl {
  margin-bottom: 4px
}
.section-brother-system .container-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 520px;
  margin-top: 94px
}
@media (max-width:767px) {
  .section-brother-system .container-btn {
    margin-top: 40px
  }
}
.section-blog-believe {
  padding-top: 60px;
  padding-bottom: 60px
}
@media (max-width:767px) {
  .section-blog-believe {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
.section-blog-believe .media {
  margin-bottom: 30px
}
.section-blog-believe .media-left {
  padding-right: 30px
}
.section-blog-believe .date {
  margin-bottom: 5px
}
.section-blog-believe .media-heading {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700
}
@media (max-width:767px) {
  .section-blog-believe .media-heading {
    margin-bottom: 10px;
    font-size: 25px
  }
}
.section-study-test {
  position: relative;
  z-index: 0;
  padding-top: 66px;
  padding-bottom: 60px
}
@media (max-width:767px) {
  .section-study-test {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
.section-study-test .container-fluid {
  max-width: 1286px
}
.section-study-test .media .media-heading {
  margin-bottom: 0
}
.section-study-test .container-title {
  margin-top: 0;
  line-height: 1.2
}
@media (min-width:768px) {
  .section-study-test .container-title {
    text-align: right
  }
}
@media (max-width:767px) {
  .section-study-test .container-title {
    margin-top: 20px
  }
}
.section-study-test .img-text-blue {
  margin-top: 10px
}
.section-study-test .title-section {
  text-shadow: 2px 2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  color: red;
  letter-spacing: -.08em
}
@media (max-width:767px) {
  .section-study-test .title-section {
    text-shadow: 1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff
  }
}
@media (max-width:767px) {
  .section-study-test .title-section {
    font-size: 40px
  }
}
.section-study-test .text-lead {
  text-shadow: 2px 2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,2px 3px 2px #fff,2px -3px 2px #fff,-2px 3px 2px #fff,-2px -3px 2px #fff,3px 0 2px #fff,0 3px 2px #fff,-3px 0 2px #fff,0 -3px 2px #fff;
  font-size: 20px;
  font-weight: 700;
  color: #001357
}
@media (max-width:767px) {
  .section-study-test .text-lead {
    text-shadow: 1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 2px 1px #fff,1px -2px 1px #fff,-1px 2px 1px #fff,-1px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff
  }
}
@media (max-width:767px) {
  .section-study-test .text-lead {
    font-size: 16px
  }
}
.section-study-test .text-emphasis {
  font-size: 30px;
  color: red
}
@media (max-width:767px) {
  .section-study-test .text-emphasis {
    font-size: 20px
  }
}
.section-study-test .media-believe-test {
  line-height: 1.2
}
.section-study-test .media-believe-test .media-body {
  text-shadow: 2px 2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,2px 3px 2px #fff,2px -3px 2px #fff,-2px 3px 2px #fff,-2px -3px 2px #fff,3px 0 2px #fff,0 3px 2px #fff,-3px 0 2px #fff,0 -3px 2px #fff;
  font-size: 40px;
  font-weight: 700;
  color: #001f60
}
@media (max-width:767px) {
  .section-study-test .media-believe-test .media-body {
    text-shadow: 1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 2px 1px #fff,1px -2px 1px #fff,-1px 2px 1px #fff,-1px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff
  }
}
@media (max-width:1199px) {
  .section-study-test .media-believe-test .media-body {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 810px
  }
}
@media (max-width:767px) {
  .section-study-test .media-believe-test .media-body {
    font-size: 25px
  }
}
@media (max-width:767px) {
  .section-study-test .media-believe-test .media-right {
    padding-bottom: 0!important
  }
}
@media (max-width:1199px) {
  .section-study-test .media-believe-test .well {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 350px
  }
}
@media (min-width:768px) {
  .section-study-test .media-believe-test .table-cell .cell {
    text-align: right;
    white-space: nowrap
  }
}
@media (min-width:768px) {
  .section-study-test .media-believe-test .table-cell .cell:first-child {
    padding-right: 30px
  }
}
.section-study-test .media-believe-test .price {
  font-size: 60px
}
@media (max-width:767px) {
  .section-study-test .media-believe-test .price {
    font-size: 40px
  }
}
.section-study-test .media-believe-test .price small {
  display: block;
  font-size: 15px
}
@media (min-width:768px) {
  .section-study-test .media-believe-test .price small {
    text-align: right
  }
}
.section-study-test .media-believe-test .price .text-emphasis {
  font-size: 20px
}
@media (max-width:767px) {
  .section-study-test .media-believe-test .price .text-emphasis {
    font-size: 16px
  }
}
@media (min-width:768px) {
  .section-study-test .media-believe-test .well {
    min-width: 350px
  }
}
@media (max-width:767px) {
  .section-study-test .media-believe-test .well {
    max-width: 350px
  }
}
@media (max-width:991px) {
  .section-study-test .media-title .media-object {
    width: 194px
  }
}
.section-study-test .media-objective .media-right {
  padding-left: 50px
}
@media (max-width:991px) {
  .section-study-test .media-objective .media-object {
    width: 230px
  }
}
.section-study-test .media-objective,
.section-study-test .media-objective .media-body {
  overflow: visible
}
.section-study-test .media-objective .text-emphasis {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  line-height: 1.4
}
@media (max-width:767px) {
  .section-study-test .media-objective .text-emphasis {
    font-size: 16px
  }
}
.section-study-test .media-objective .text-graph {
  font-size: 18px;
  font-weight: 700;
  text-align: left
}
@media (min-width:768px) {
  .section-study-test .media-objective .text-graph {
    margin-top: -20px
  }
}
@media (max-width:767px) {
  .section-study-test .media-objective .text-graph {
    font-size: 14px;
    text-align: center
  }
}
.section-study-test .img-graph-up {
  margin-top: 30px
}
@media (max-width:767px) {
  .section-study-test .img-graph-up {
    margin-top: 20px
  }
}
.section-study-test .well-test-preparation {
  position: relative
}
.section-study-test .well-test-preparation:before {
  position: absolute;
  top: -330px;
  left: 0;
  z-index: -1;
  width: 476px;
  height: 360px;
  background: url(../../img/test-study/img-girl.png) 0 0/contain no-repeat;
  content: ""
}
@media (max-width:767px) {
  .section-study-test .well-test-preparation:before {
    display: none
  }
}
.section-believe-guide {
  padding-top: 30px;
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 20px;
  color: #000
}
@media (max-width:767px) {
  .section-believe-guide {
    padding-top: 20px;
    font-size: 15px
  }
}
.section-believe-guide .container-fluid {
  max-width: 1286px
}
.section-believe-guide .text {
  margin-bottom: 60px
}
@media (min-width:992px) {
  .section-believe-guide .text {
    padding-left: 20px
  }
}
@media (max-width:767px) {
  .section-believe-guide .text {
    margin-bottom: 40px
  }
}
.section-believe-guide .media {
  margin-top: 40px
}
@media (max-width:767px) {
  .section-believe-guide .media {
    margin-top: 25px
  }
}
.section-believe-guide .media .media-left {
  padding-right: 0
}
@media (min-width:992px) {
  .section-believe-guide .media .media-left {
    padding-left: 50px
  }
}
.section-believe-guide .title {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #ddecf7
}
.section-national-test {
  padding-top: 40px;
  padding-bottom: 60px
}
@media (max-width:767px) {
  .section-national-test {
    padding-top: 25px;
    padding-bottom: 40px
  }
}
.section-national-test .container {
  max-width: 1014px
}
.section-national-test .inner {
  padding: 24px 6px 5px
}
.section-national-test .img-title {
  margin-bottom: 30px
}
@media (max-width:767px) {
  .section-national-test .img-title {
    width: 500px;
    margin-bottom: 20px
  }
}
.section-koushu {
  padding-top: 100px;
  padding-bottom: 90px
}
@media (max-width:767px) {
  .section-koushu {
    padding-top: 65px;
    padding-bottom: 60px
  }
}
.section-koushu .title {
  margin-top: 0;
  margin-bottom: 0
}
@media (max-width:767px) {
  .section-koushu .title {
    font-size: 24px
  }
}
.section-video {
  padding-bottom: 40px
}
@media (max-width:767px) {
  .section-video {
    padding-bottom: 20px
  }
}
.section-video,
.section-video a {
  color: #333
}
.section-video .title {
  margin-top: 10px;
  margin-bottom: 40px;
  font-size: 25px
}
@media (max-width:767px) {
  .section-video .title {
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 15px
  }
}
.section-pc-learning-system {
  padding-top: 62px
}
@media (max-width:767px) {
  .section-pc-learning-system {
    padding-top: 34px
  }
}
.section-pc-learning-system .title-section {
  margin-top: 0;
  margin-bottom: 30px
}
.section-pc-learning-system .container-fluid {
  max-width: 855px
}
.section-pc-learning-system .inner {
  padding-top: 22px;
  padding-bottom: 22px;
  color: #fff
}
.section-pc-learning-system .media-heading {
  font-size: 26px
}
@media (max-width:767px) {
  .section-pc-learning-system .media-heading {
    margin-bottom: 0;
    font-size: 20px
  }
}
.section-pc-learning-system .media-heading .text-emphasis-yellow {
  font-size: 34px;
  font-weight: 700;
  color: #ff0
}
@media (max-width:767px) {
  .section-pc-learning-system .media-heading .text-emphasis-yellow {
    font-size: 28px
  }
}
@media (min-width:768px) {
  .section-pc-learning-system .media-left {
    padding-right: 45px;
    border-right: 2px solid #fff
  }
}
.section-pc-learning-system .media-body {
  line-height: 1.3
}
@media (min-width:768px) {
  .section-pc-learning-system .media-body {
    padding: 13px 0 0 48px
  }
}
@media (max-width:767px) {
  .section-pc-learning-system .media-body {
    padding-top: 10px;
    text-align: center
  }
}
.section-believe-test-preparation {
  padding-top: 38px;
  padding-bottom: 40px
}
@media (max-width:767px) {
  .section-believe-test-preparation {
    padding-top: 25px;
    padding-bottom: 25px
  }
}
.section-believe-test-preparation .container {
  max-width: 990px
}
.section-believe-test-preparation .well-blank {
  padding: 0 30px 18px;
  border: 0;
  border-radius: 6px
}
@media (max-width:767px) {
  .section-believe-test-preparation .well-blank {
    padding: 0 10px 20px
  }
}
.section-believe-test-preparation .well-sm {
  padding: 15px 10px 10px 25px;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  border: 0
}
@media (max-width:767px) {
  .section-believe-test-preparation .well-sm {
    padding: 15px 10px 10px;
    text-align: center
  }
}
@media (max-width:479px) {
  .section-believe-test-preparation .well-sm {
    padding: 5px;
    font-size: 13px
  }
}
.section-believe-test-preparation .well-sm.arrow-down {
  position: relative
}
.section-believe-test-preparation .well-sm.arrow-down:after {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  content: ""
}
.section-believe-test-preparation .well-sm.arrow-down-purple:after {
  bottom: -20px;
  width: 32px;
  height: 20px;
  background: url(../img/icon/arrow-down-gradient-purple.png) 0 0/contain no-repeat
}
.section-believe-test-preparation .well-sm.arrow-down-orange:after {
  bottom: -16px;
  width: 33px;
  height: 16px;
  background: url(../img/icon/arrow-down-gradient-orange.png) 0 0/contain no-repeat
}
.section-believe-test-preparation .well-sm.arrow-down-green:after {
  bottom: -17px;
  width: 34px;
  height: 17px;
  background: url(../img/icon/arrow-down-gradient-green.png) 0 0/contain no-repeat
}
@media (max-width:991px) {
  .section-believe-test-preparation .well-xs {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 320px
  }
}
@media (min-width:992px) {
  .section-believe-test-preparation .media-left {
    padding-right: 14px;
    padding-left: 11px
  }
}
@media (max-width:991px) {
  .section-believe-test-preparation .media-left {
    padding-bottom: 10px
  }
}
@media (min-width:992px) {
  .section-believe-test-preparation .media-body {
    padding-top: 30px
  }
}
.section-believe-test-preparation .media-heading {
  margin-top: 12px;
  font-size: 30px;
  font-weight: 700;
  color: #4d4d4d;
  text-align: center
}
@media (max-width:767px) {
  .section-believe-test-preparation .media-heading {
    font-size: 22px
  }
}
.section-believe-test-course .container {
  max-width: 990px
}
.section-believe-test-course .title-section {
  margin-bottom: 45px
}
.section-believe-test-course .thumbnail {
  padding: 0;
  border: 0
}
@media (max-width:767px) {
  .section-believe-test-course .thumbnail {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 450px
  }
}
.section-believe-test-course .thumbnail .caption {
  padding: 12px 0 0
}
.section-believe-test-course .thumbnail .caption dl dd,
.section-believe-test-course .thumbnail .caption dl dt {
  font-size: 14px
}
@media (max-width:767px) {
  .section-believe-test-course .thumbnail .caption dl dd,
  .section-believe-test-course .thumbnail .caption dl dt {
    font-size: 13px
  }
}
.section-believe-test-course .thumbnail .caption dl:first-of-type {
  margin-top: 12px
}
@media (max-width:767px) {
  .section-believe-test-course .thumbnail .caption dl:first-of-type {
    margin-top: 8px
  }
}
.section-close-up {
  padding-top: 56px;
  padding-bottom: 82px
}
@media (max-width:991px) {
  .section-close-up {
    padding-top: 40px;
    padding-bottom: 50px
  }
}
.section-close-up .title-section {
  margin-bottom: 40px
}
@media (max-width:991px) {
  .section-close-up .title-section {
    margin-bottom: 35px
  }
}
.section-close-up .media-object {
  border: 4px solid #df8244
}
.section-close-up .media-left {
  padding-right: 0
}
.section-close-up .media-body {
  padding-top: 20px
}
@media (min-width:992px) {
  .section-close-up .media-body {
    padding-top: 10px
  }
}
.section-close-up .media-heading {
  margin-bottom: 24px
}
@media (max-width:767px) {
  .section-close-up .media-heading {
    margin-bottom: 15px
  }
}
.section-close-up .container {
  max-width: 1055px
}
@media (min-width:992px) {
  .section-close-up .inner {
    padding-right: 35px
  }
}
.section-free-trial-class {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: red
}
.section-free-trial-class .container {
  max-width: 1000px
}
.section-free-trial-class dl dt {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap
}
@media (min-width:992px) {
  .section-free-trial-class dl dt {
    padding-top: 10px;
    padding-right: 30px;
    border-right: 2px solid #fff
  }
}
@media (max-width:767px) {
  .section-free-trial-class dl dt {
    font-size: 5vw
  }
}
.section-free-trial-class dl dt sup {
  top: auto
}
.section-free-trial-class dl dd {
  font-size: 57px;
  font-weight: 700;
  font-style: italic;
  color: #ff0;
  vertical-align: middle
}
@media (min-width:992px) {
  .section-free-trial-class dl dd {
    padding-top: 10px;
    padding-left: 35px
  }
}
@media (max-width:991px) {
  .section-free-trial-class dl dd {
    text-align: center
  }
}
@media (max-width:767px) {
  .section-free-trial-class dl dd {
    font-size: 8vw
  }
}
.title-blue {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  color: #0050be
}
@media (max-width:767px) {
  .title-blue {
    font-size: 24px
  }
}
.title-blue.title-md {
  font-size: 38px
}
@media (max-width:767px) {
  .title-blue.title-md {
    font-size: 30px
  }
}
.title-blue.title-sm {
  font-size: 28px
}
@media (max-width:767px) {
  .title-blue.title-sm {
    font-size: 18px
  }
}
.title-blue.title-xs {
  font-size: 20px
}
@media (max-width:767px) {
  .title-blue.title-xs {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .title-moderate-blue {
    font-size: 7vw
  }
}
.title-with-strong-text-right {
  margin: 0;
  font-size: 12px;
  text-align: center
}
.title-with-strong-text-right .title-strong-blue {
  font-size: 23px;
  font-weight: 700;
  color: #0050be
}
.title-with-strong-text-right .text-strong {
  font-size: 23px;
  font-weight: 700
}
.title-border-left-strong-blue {
  position: relative;
  padding: 11px 27px 6px;
  border-bottom: 2px solid #0050be;
  font-size: 34px;
  font-weight: 700
}
@media (max-width:991px) {
  .title-border-left-strong-blue {
    font-size: 30px
  }
}
@media (max-width:767px) {
  .title-border-left-strong-blue {
    padding: 2px 15px;
    font-size: 24px
  }
}
.title-border-left-strong-blue:after {
  position: absolute;
  top: 9px;
  bottom: 7px;
  left: 4px;
  display: block;
  width: 6px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #0050be;
  content: ""
}
@media (max-width:767px) {
  .title-border-left-strong-blue:after {
    top: 3px;
    left: 2px;
    width: 4px
  }
}
.title-border-left-strong-blue small {
  padding-left: 20px;
  font-size: 26px;
  font-weight: 700
}
@media (max-width:767px) {
  .title-border-left-strong-blue small {
    font-size: 22px
  }
}
.title-border-left-strong-blue small.tax {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-size: 20px;
  font-weight: 400
}
@media (max-width:767px) {
  .title-border-left-strong-blue small.tax {
    font-size: 15px
  }
}
.title-img-blue {
  margin-top: 0;
  text-align: center
}
.title-img-blue small {
  display: block;
  margin-top: 23px;
  font-size: 20px;
  font-weight: 700;
  color: #0050be;
  margin-bottom:20px;
}
@media (max-width:767px) {
  .title-img-blue small {
    margin-top: 18px;
    font-size: 15px
  }
}
.title-img-cyan {
  margin-top: 0;
  text-align: center
}
.title-img-cyan small {
  display: block;
  margin-top: 23px;
  font-size: 20px;
  font-weight: 700;
  color: #006d9b
}
@media (max-width:767px) {
  .title-img-cyan small {
    margin-top: 18px;
    font-size: 15px
  }
}
.title-bg-pencil-green {
  position: relative;
  padding-bottom: 6px;
  padding-left: 30px;
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  color: #c1272d;
  border-bottom: 2px solid #7db600
}
@media (max-width:767px) {
  .title-bg-pencil-green {
    padding-bottom: 4px;
    padding-left: 24px;
    font-size: 18px
  }
}
.title-bg-pencil-green:before {
  position: absolute;
  top: 1px;
  left: -4px;
  width: 24px;
  height: 32px;
  background: url(../img/icon/ico-pencil.png) no-repeat;
  content: ""
}
@media (max-width:767px) {
  .title-bg-pencil-green:before {
    top: -8px
  }
}
.title-ico-pencil-with-small-text {
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: 2px solid #7db600
}
@media (max-width:767px) {
  .title-ico-pencil-with-small-text {
    padding-bottom: 2px
  }
}
@media (min-width:768px) {
  .title-ico-pencil-with-small-text .cell:last-of-type {
    text-align: right
  }
}
.title-ico-pencil-with-small-text .title {
  position: relative;
  padding-left: 30px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  color: #c1272d
}
@media (max-width:767px) {
  .title-ico-pencil-with-small-text .title {
    font-size: 18px
  }
}
.title-ico-pencil-with-small-text .title:before {
  position: absolute;
  top: 1px;
  left: -4px;
  width: 24px;
  height: 32px;
  background: url(../img/icon/ico-pencil.png) no-repeat;
  content: ""
}
@media (max-width:767px) {
  .title-ico-pencil-with-small-text .title:before {
    top: -8px
  }
}
.title-ico-pencil-with-small-text small {
  display: block;
  font-size: 12px
}
@media (max-width:767px) {
  .title-ico-pencil-with-small-text small {
    padding-left: 30px
  }
}
.title-bg-icon-read-book-green {
  position: relative;
  padding-left: 50px;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  color: #7db600
}
@media (max-width:767px) {
  .title-bg-icon-read-book-green {
    padding-left: 30px;
    font-size: 16px
  }
}
.title-bg-icon-read-book-green:before {
  position: absolute;
  top: -6px;
  left: 0;
  width: 33px;
  height: 33px;
  background: url(../img/icon/icon-read-book-green.png) no-repeat;
  content: ""
}
@media (max-width:767px) {
  .title-bg-icon-read-book-green:before {
    width: 25px;
    height: 25px;
    background-size: contain
  }
}
.title-img-gray {
  margin-top: 0;
  text-align: center
}
.title-img-gray small {
  display: block;
  margin-top: 23px;
  font-size: 20px;
  font-weight: 700;
  color: #fff
}
@media (max-width:767px) {
  .title-img-gray small {
    margin-top: 18px;
    font-size: 15px
  }
}
.title-bordered-orange {
  padding-bottom: 3px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 700;
  color: #df8244;
  border-bottom: 5px solid #df8244
}
@media (max-width:767px) {
  .title-bordered-orange {
    font-size: 24px;
    border-bottom-width: 3px
  }
}
.title-bg-orange {
  position: relative;
  padding: 16px 15px 11px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  background-color: #df8244
}
@media (max-width:767px) {
  .title-bg-orange {
    font-size: 24px
  }
}
.title-bg-orange:after {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 20px 20px 0;
  border-color: #df8244 transparent transparent;
  content: ""
}
.title-img-green {
  margin-top: 0;
  text-align: center
}
.title-img-green small {
  display: block;
  margin-top: 23px;
  font-size: 20px;
  font-weight: 700;
  color: #009380
}
@media (max-width:767px) {
  .title-img-green small {
    margin-top: 18px;
    font-size: 15px
  }
}
@media (max-width:767px) {
  .title-img-green .text {
    font-size: 9vw;
    font-weight: 700;
    line-height: 1.1;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(135deg,#a3d2cc 40%,#f5f5f5 40%,#f5f5f5 50%,#a3d2cc 50%,#a3d2cc 90%,#f5f5f5 90%,#f5f5f5 100%);
    background-size: 7.07px 7.07px
  }
}
.title-border-bottom-strong-blue {
  padding-bottom: 4px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #000038;
  text-align: center;
  border-bottom: 3px solid #000
}
@media (max-width:767px) {
  .title-border-bottom-strong-blue {
    margin-bottom: 15px;
    font-size: 20px;
    border-width: 2px
  }
}
.title-border-go-through {
  position: relative;
  text-align: center
}
.title-border-go-through:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #000038;
  content: ""
}
.title-border-go-through .title {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1.278em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .278em;
  color: #000038;
  background-color: #fff
}
@media (max-width:767px) {
  .title-border-go-through .title {
    padding-right: .5em;
    padding-left: .6em;
    font-size: 24px;
    letter-spacing: .1em
  }
}

.title-border-go-through .title2 {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1.278em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .278em;
  color: #000038;
  background-color: #f5f5f5
}
@media (max-width:767px) {
  .title-border-go-through .title2 {
    padding-right: .5em;
    padding-left: .6em;
    font-size: 24px;
    letter-spacing: .1em
  }
}

.title-border-go-through.title-blue:before {
  background-color: #1e32b4
}
.title-border-go-through.title-blue .title {
  color: #1e32b4
}
.title-border-go-through.title-black .title {
  letter-spacing: normal;
  color: #1a1a1a
}
@media (max-width:767px) {
  .title-border-go-through.title-black .title {
    padding-right: 10px;
    padding-left: 10px
  }
}
.title-border-go-through.title-black .title,
.title-border-go-through.title-black .title .text-emphasis {
  font-size: 32px
}
@media (max-width:767px) {
  .title-border-go-through.title-black .title,
  .title-border-go-through.title-black .title .text-emphasis {
    font-size: 24px
  }
}
.title-border-go-through.title-black .text-emphasis {
  color: #c1272d
}
.title-border-gray-go-through {
  position: relative;
  text-align: center
}
.title-border-gray-go-through:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #ccc;
  content: ""
}
.title-border-gray-go-through .title {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1.4em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .4em;
  color: #000038;
  background-color: #fff
}
@media (max-width:767px) {
  .title-border-gray-go-through .title {
    font-size: 22px
  }
}
.title-border-left-blue {
  padding-top: 2px;
  padding-left: 11px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  border-left: 3px solid #000038
}
@media (max-width:767px) {
  .title-border-left-blue {
    font-size: 16px
  }
}
.title-border-bottom-blue {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  color: #1a1a1a;
  text-align: left;
  border-bottom: 5px solid #0050be
}
@media (max-width:767px) {
  .title-border-bottom-blue {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 28px;
    border-bottom: 3px solid #0050be
  }
}
.title-strong-blue {
  margin-top: 0;
  font-size: 37px;
  font-weight: 700;
  color: #000038
}
@media (min-width:768px) {
  .title-strong-blue {
    line-height: 1.459
  }
}
@media (max-width:767px) {
  .title-strong-blue {
    font-size: 27px
  }
}
.title-strong-blue.title-xs {
  font-size: 24px
}
@media (max-width:767px) {
  .title-strong-blue.title-xs {
    font-size: 20px
  }
}
.title-blue-with-text-sm {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 29px;
  color: #1e32b4;
  text-align: center
}
@media (max-width:767px) {
  .title-blue-with-text-sm {
    font-size: 24px
  }
}
.title-blue-with-text-sm .title,
.title-blue-with-text-sm small {
  display: block;
  font-weight: 700
}
.title-blue-with-text-sm .title {
  margin-top: 12px;
  margin-bottom: 6px
}
.title-blue-with-text-sm small {
  font-size: 15px;
  line-height: 1.3
}
.title-blue-with-text-sm.border-bottom-blue {
  padding-bottom: 5px;
  border-bottom: 5px solid #1e32b4
}
.title-bg-blue-xs {
  padding: 9px 10px 5px;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background-color: #1e32b4
}
.title-bg-blue {
  padding: 19px 15px 15px .3em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  background-color: #0050be;
  letter-spacing: .3em;
  text-align: center
}
@media (max-width:991px) {
  .title-bg-blue {
    font-size: 25px
  }
}
@media (max-width:767px) {
  .title-bg-blue {
    padding: 9px;
    font-size: 24px
  }
}
.title-border-rounded-blue {
  padding: 8px 10px 4px;
  margin-bottom: 13px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.03em;
  color: #1e32b4;
  text-align: center;
  border: 1px solid #1e32b4;
  border-radius: 5px
}
@media (max-width:767px) {
  .title-border-rounded-blue {
    font-size: 16px
  }
}
.title-ribbon {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  color: #fff
}
@media (max-width:767px) {
  .title-ribbon {
    font-size: 22px
  }
}
@media (max-width:479px) {
  .title-ribbon {
    font-size: 16px
  }
}
.title-ribbon .text {
  position: relative;
  padding: 32px 20px 28px 220px;
  display: block
}
@media (max-width:767px) {
  .title-ribbon .text {
    padding-left: 180px
  }
}
@media (max-width:479px) {
  .title-ribbon .text {
    padding-left: 90px
  }
}
.title-ribbon .text:before {
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 7px 0;
  content: ""
}
.title-ribbon:after,
.title-ribbon:before {
  position: absolute;
  right: -25px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 25px 0 0;
  content: ""
}
.title-ribbon:before {
  top: 0
}
.title-ribbon:after {
  bottom: 0;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}
.title-ribbon .avatar {
  position: absolute;
  top: -56px;
  left: 50px
}
@media (max-width:767px) {
  .title-ribbon .avatar {
    left: 20px
  }
}
@media (max-width:479px) {
  .title-ribbon .avatar {
    top: 8px;
    left: 6px;
    width: 68px
  }
}
.title-ribbon.title-ribbon-bg-blue {
  background-color: #227ebe
}
.title-ribbon.title-ribbon-bg-blue:after,
.title-ribbon.title-ribbon-bg-blue:before {
  border-color: #227ebe transparent transparent
}
.title-ribbon.title-ribbon-bg-blue .text:before {
  border-color: transparent #000 transparent transparent
}
.title-ribbon.title-ribbon-bg-pink {
  background-color: #ff91c7
}
.title-ribbon.title-ribbon-bg-pink:after,
.title-ribbon.title-ribbon-bg-pink:before {
  border-color: #ff91c7 transparent transparent
}
.title-ribbon.title-ribbon-bg-pink .text:before {
  border-color: transparent #d74a8f transparent transparent
}
.title-red {
  font-size: 30px;
  font-weight: 700;
  color: #e50022
}
@media (max-width:767px) {
  .title-red {
    font-size: 16px
  }
}
.title-red.title-lg {
  font-size: 38px
}
@media (max-width:767px) {
  .title-red.title-lg {
    font-size: 20px
  }
}
.title-ribbon-sm {
  position: relative;
  padding: 18px 20px 11px 46px;
  margin-top: 0;
  font-size: 20px;
  font-weight: 700
}
@media (max-width:1199px) {
  .title-ribbon-sm {
    padding-left: 25px
  }
}
@media (max-width:767px) {
  .title-ribbon-sm {
    font-size: 14px
  }
}
.title-ribbon-sm:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-style: solid;
  border-width: 30px 20px 30px 0;
  border-color: transparent #fff transparent transparent;
  content: ""
}
.title-ribbon-sm.title-ribbon-bg-light-pink {
  color: #e5001f;
  background-color: #ffefe7
}
.title-ribbon-sm.title-ribbon-bg-light-gray {
  color: #000;
  background-color: #f0f0f0
}
.title-dark-blue {
  margin-top: 0;
  font-size: 40px;
  font-weight: 700;
  color: #000046
}
@media (max-width:767px) {
  .title-dark-blue {
    font-size: 30px
  }
}
.title-with-small-text-right {
  position: relative;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 35px;
  text-align: center
}
@media (min-width:768px) {
  .title-with-small-text-right {
    padding-right: 100px;
    padding-left: 100px
  }
}
@media (max-width:767px) {
  .title-with-small-text-right {
    margin-bottom: 15px;
    font-size: 25px
  }
}
.title-with-small-text-right small {
  font-size: 20px
}
@media (min-width:768px) {
  .title-with-small-text-right small {
    position: absolute;
    bottom: 5px;
    right: 0
  }
}
@media (max-width:767px) {
  .title-with-small-text-right small {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    text-align: center
  }
}
.title-with-small-text-right,
.title-with-small-text-right small {
  font-weight: 700
}
.title-with-small-text-right.dark-blue {
  border-bottom: 1px solid #000046
}
.title-with-small-text-right.dark-blue,
.title-with-small-text-right.dark-blue small {
  color: #000046
}
.title-with-small-text-right.pink {
  border-bottom: 1px solid #ed1e79
}
.title-with-small-text-right.pink,
.title-with-small-text-right.pink small {
  color: #ed1e79
}
.title-vivid-blue {
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
  color: #20a3db
}
@media (max-width:767px) {
  .title-vivid-blue {
    font-size: 20px
  }
}
.title-border-bottom-vivid-blue {
  margin-top: 0;
  font-size: 25px;
  text-align: center
}
@media (max-width:767px) {
  .title-border-bottom-vivid-blue {
    font-size: 17px
  }
}
.title-border-bottom-vivid-blue,
.title-border-bottom-vivid-blue small {
  font-weight: 700;
  color: #20a3db
}
.title-border-bottom-vivid-blue .text {
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #20a3db
}
@media (max-width:767px) {
  .title-border-bottom-vivid-blue .text {
    padding-bottom: 4px
  }
}
.title-border-bottom-vivid-blue small {
  display: block;
  margin-top: 10px;
  font-size: 15px
}
@media (max-width:767px) {
  .title-border-bottom-vivid-blue small {
    font-size: 13px
  }
}
.title-border-bottom-dark-blue {
  margin-top: 0;
  font-size: 25px;
  text-align: center
}
@media (max-width:767px) {
  .title-border-bottom-dark-blue {
    font-size: 17px
  }
}
.title-border-bottom-dark-blue,
.title-border-bottom-dark-blue small {
  font-weight: 700;
  color: #0054a6
}
.title-border-bottom-dark-blue .text {
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #0054a6
}
@media (max-width:767px) {
  .title-border-bottom-dark-blue .text {
    padding-bottom: 4px
  }
}
.title-border-bottom-dark-blue small {
  display: block;
  margin-top: 10px;
  font-size: 15px
}
@media (max-width:767px) {
  .title-border-bottom-dark-blue small {
    font-size: 13px
  }
}
.title-green {
  margin-top: 0;
  font-size: 50px;
  color: #009380
}
@media (max-width:1199px) {
  .title-green {
    font-size: 5.583vw
  }
}
@media (max-width:767px) {
  .title-green {
    font-size: 7vw
  }
}
.title-green,
.title-green small {
  font-weight: 700
}
.title-green.title-lg {
  font-size: 77px
}
@media (max-width:1199px) {
  .title-green.title-lg {
    font-size: 6.417vw
  }
}
@media (max-width:767px) {
  .title-green.title-lg {
    font-size: 8vw
  }
}
.title-green.title-xlg {
  font-size: 82px
}
@media (max-width:1199px) {
  .title-green.title-xlg {
    font-size: 10.333vw
  }
}
@media (max-width:767px) {
  .title-green.title-xlg {
    font-size: 12vw
  }
}
.title-green.title-md {
  font-size: 40px
}
@media (max-width:767px) {
  .title-green.title-md {
    font-size: 22px
  }
}
.title-green.title-sm {
  font-size: 30px
}
@media (max-width:767px) {
  .title-green.title-sm {
    font-size: 18px
  }
}
.title-green small {
  display: block;
  margin-bottom: 23px;
  font-size: 30px;
  color: #333
}
@media (max-width:1199px) {
  .title-green small {
    font-size: 3.75vw
  }
}
@media (max-width:767px) {
  .title-green small {
    font-size: 5vw
  }
}
.title-text-blue {
  margin-top: 0;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #1e32b4
}
@media (max-width:991px) {
  .title-text-blue {
    font-size: 34px
  }
}
.title-with-blue-triangle {
  position: relative;
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700
}
@media (max-width:767px) {
  .title-with-blue-triangle {
    padding-left: 25px;
    font-size: 15px
  }
}
.title-with-blue-triangle:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 11.5px 0;
  border-color: #004fbe transparent transparent;
  content: ""
}
@media (max-width:767px) {
  .title-with-blue-triangle:before {
    border-width: 13px 9px 0
  }
}
.title-with-blue-triangle.title-sm:before {
  top: 3px;
  left: 6px;
  border-width: 10px 8.5px 0
}
@media (max-width:767px) {
  .title-with-blue-triangle.title-sm:before {
    top: 1px
  }
}
.title-with-green-triangle {
  position: relative;
  padding-left: 32px;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700
}
@media (max-width:767px) {
  .title-with-green-triangle {
    padding-left: 25px;
    font-size: 15px
  }
}
.title-with-green-triangle:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 11.5px 0;
  border-color: #c9e865 transparent transparent;
  content: ""
}
@media (max-width:767px) {
  .title-with-green-triangle:before {
    border-width: 13px 9px 0
  }
}
.title-with-green-triangle.title-sm {
  font-size: 14px
}
.title-with-green-triangle.title-sm:before {
  top: 3px;
  left: 6px;
  border-width: 10px 8.5px 0
}
@media (max-width:767px) {
  .title-with-green-triangle.title-sm:before {
    top: 1px
  }
}
.title-deep-blue {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  color: #0050be
}
@media (max-width:767px) {
  .title-deep-blue {
    font-size: 20px
  }
}
.title-deep-blue .title-sm {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a
}
@media (max-width:767px) {
  .title-deep-blue .title-sm {
    font-size: 14px
  }
}
.title-deep-blue.title-lg {
  font-size: 32px
}
@media (max-width:767px) {
  .title-deep-blue.title-lg {
    font-size: 24px
  }
}
.title-red-with-sm-text-bottom {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 700;
  color: #ff3d33
}
@media (max-width:767px) {
  .title-red-with-sm-text-bottom {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 28px
  }
}
.title-red-with-sm-text-bottom .text-sm {
  display: block;
  margin-top: 11px;
  font-size: 20px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .title-red-with-sm-text-bottom .text-sm {
    font-size: 16px
  }
}
.title-bg-stripe-blue {
  position: relative;
  padding: 8px 15px;
  margin-bottom: 8px;
  font-size: 22px;
  text-align: center;
  background-image: linear-gradient(135deg,#1e33b3 18.75%,#1d30b1 18.75%,#1d30b1 50%,#1e33b3 50%,#1e33b3 68.75%,#1d30b1 68.75%,#1d30b1 100%);
  background-size: 11.31px 11.31px
}
@media (max-width:767px) {
  .title-bg-stripe-blue {
    font-size: 18px
  }
}
.title-bg-stripe-blue,
.title-bg-stripe-blue small {
  font-weight: 700;
  color: #fff
}
.title-bg-stripe-blue .icon {
  position: absolute;
  top: -35px;
  right: 10px
}
@media (max-width:767px) {
  .title-bg-stripe-blue .icon {
    top: 6px;
    width: 45px
  }
}
.title-bg-stripe-blue small {
  display: block;
  margin-bottom: 10px;
  font-size: 15px
}
@media (max-width:767px) {
  .title-bg-stripe-blue small {
    margin-bottom: 5px;
    font-size: 13px
  }
}
.table-cell-title-blue {
  padding-bottom: 10px;
  font-size: 18px;
  color: #000038;
  border-bottom: 3px solid #000038
}
@media (max-width:767px) {
  .table-cell-title-blue {
    padding-bottom: 5px;
    font-size: 15px
  }
}
.table-cell-title-blue .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px
}
@media (max-width:767px) {
  .table-cell-title-blue .title {
    font-size: 20px
  }
}
@media (min-width:768px) {
  .table-cell-title-blue .cell + .cell {
    padding-left: 10px;
    text-align: right
  }
}
.title-red-and-black {
  color: #1a1a1a
}
.title-red-and-black,
.title-red-and-black .text-emphasis {
  font-size: 32px;
  font-weight: 700
}
@media (max-width:767px) {
  .title-red-and-black,
  .title-red-and-black .text-emphasis {
    font-size: 24px
  }
}
.title-red-and-black .text-emphasis {
  color: #c1272d
}
.title-bg-purple {
  padding: 30px 15px 27px;
  margin-top: 0;
  font-size: 42px;
  text-align: center;
  background-color: #885896
}
@media (max-width:767px) {
  .title-bg-purple {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px
  }
}
.title-bg-purple,
.title-bg-purple small {
  font-weight: 700;
  color: #fff
}
.title-bg-purple small {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  line-height: 1.5
}
@media (max-width:767px) {
  .title-bg-purple small {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.4
  }
}
.title-bg-cyan {
  padding: 30px 15px 27px;
  margin-top: 0;
  font-size: 42px;
  text-align: center;
  background-color: #438cc3
}
@media (max-width:767px) {
  .title-bg-cyan {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px
  }
}
.title-bg-cyan,
.title-bg-cyan small {
  font-weight: 700;
  color: #fff
}
.title-bg-cyan small {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  line-height: 1.5
}
@media (max-width:767px) {
  .title-bg-cyan small {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.4
  }
}
.title-bg-green {
  padding: 30px 15px 27px;
  margin-top: 0;
  font-size: 42px;
  text-align: center;
  background-color: #46a439
}
@media (max-width:767px) {
  .title-bg-green {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px
  }
}
.title-bg-green,
.title-bg-green small {
  font-weight: 700;
  color: #fff
}
.title-bg-green small {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  line-height: 1.5
}
@media (max-width:767px) {
  .title-bg-green small {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.4
  }
}
.title-bg-yellow {
  padding: 14px 14px 5px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #1a1a1a;
  background-color: #ff0
}
@media (max-width:767px) {
  .title-bg-yellow {
    padding-top: 11px;
    font-size: 18px
  }
}
.title-bg-dark-blue {
  padding: 11px 15px 13px;
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #000038
}
@media (max-width:767px) {
  .title-bg-dark-blue {
    padding: 6px 15px;
    font-size: 22px
  }
}
.title-bg-color-text-yellow {
  padding: 20px 15px 15px;
  font-size: 38px;
  font-weight: 700;
  color: #ff0;
  border-radius: 3px
}
@media (max-width:767px) {
  .title-bg-color-text-yellow {
    padding: 12px 15px 7px;
    font-size: 30px
  }
}
.title-bg-color-text-yellow.ttl-bg-blue {
  background-color: #0077b7
}
.title-bg-color-text-yellow.ttl-bg-red {
  background-color: #e60020
}
.title-bg-color-text-yellow.ttl-bg-light-red {
  background-color: #e9546b
}
.title-bg-color-text-yellow.ttl-bg-dark-cyan {
  background-color: #00a098
}
.title-bg-color-text-yellow.ttl-bg-green {
  background-color: #1ea939
}
.title-bg-color-text-white {
  padding: 17px 15px 12px;
  margin-top: 0;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px
}
@media (max-width:767px) {
  .title-bg-color-text-white {
    padding: 12px 15px 7px;
    font-size: 22px
  }
}
.title-bg-color-text-white.title-sm {
  padding: 4px 15px 0;
  font-size: 20px;
  border-radius: 0
}
@media (max-width:767px) {
  .title-bg-color-text-white.title-sm {
    font-size: 16px
  }
}
.title-bg-color-text-white.ttl-bg-blue {
  background-color: #0077b7
}
.title-bg-color-text-white.ttl-bg-red {
  background-color: #e60020
}
.title-bg-color-text-white.ttl-bg-soft-red {
  background-color: #e9546b
}
.title-bg-color-text-white.ttl-bg-orange {
  background-color: #e85513
}
.title-bg-color-text-white.ttl-bg-dark-cyan {
  background-color: #0098ad
}
.title-circle-bg-dotted {
  width: 211px;
  height: 211px;
  margin-right: auto;
  margin-left: auto;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  background: url(../img/bg-dot-circle.png)
}
@media (max-width:1199px) {
  .title-circle-bg-dotted {
    font-size: 4.167vw
  }
}
@media (max-width:767px) {
  .title-circle-bg-dotted {
    font-size: 35px
  }
}
.title-circle-bg-dotted.circle-cyan {
  background-color: #00a098
}
.title-circle-bg-dotted.circle-red {
  background-color: #e9546b
}
.title-circle-bg-dotted.circle-green {
  background-color: #1ea939
}
.title-circle-bg-dotted.circle-strong-red {
  background-color: #e60020
}
.title-circle-bg-dotted small {
  display: block;
  font-size: 22px
}
@media (max-width:767px) {
  .title-circle-bg-dotted small {
    font-size: 18px
  }
}
.title-strong-blue-lg {
  margin-top: 0;
  font-size: 32px;
  font-weight: 700;
  color: #0077b7
}
@media (max-width:767px) {
  .title-strong-blue-lg {
    font-size: 24px
  }
}
.title-orange-sm {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #e85513
}
@media (max-width:767px) {
  .title-orange-sm {
    font-size: 18px
  }
}
.title-bg-vivid-blue {
  padding: 14px 15px 10px;
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background-color: #004190
}
@media (max-width:767px) {
  .title-bg-vivid-blue {
    padding-top: 10px;
    padding-bottom: 7px;
    font-size: 25px
  }
}
.title-dark-red {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  color: #c1272d
}
@media (max-width:767px) {
  .title-dark-red {
    font-size: 22px
  }
}
.title-orange {
  font-size: 36px;
  font-weight: 700;
  text-align: center
}
@media (max-width:767px) {
  .title-orange {
    font-size: 30px
  }
}
.title-orange,
.title-orange small {
  color: #d54d31
}
.title-orange small {
  display: block;
  margin-bottom: 8px;
  font-size: 18px
}
@media (max-width:767px) {
  .title-orange small {
    font-size: 16px
  }
}
.title-border-bottom-cyan {
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  border-bottom: 2px solid #0050be
}
@media (max-width:767px) {
  .title-border-bottom-cyan {
    margin-bottom: 16px;
    font-size: 24px
  }
}
.title-icon-with-border {
  padding: 14px 64px 12px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-top: 2px solid #b3b3b3;
  border-bottom: 2px solid #b3b3b3
}
@media (max-width:767px) {
  .title-icon-with-border {
    padding-right: 15px;
    font-size: 18px
  }
}
.title-icon-with-border.icon-book {
  background: url(../img/icon/ico-book-cyan.png) 0 50% no-repeat
}
.title-icon-with-border.icon-scanner {
  background: url(../img/icon/ico-scanner-cyan.png) 0 50% no-repeat
}
.title-highlight-yellow {
  display: inline;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#ff6));
  background: linear-gradient(transparent 60%,#ff6 60%)
}
@media (max-width:767px) {
  .title-highlight-yellow {
    font-size: 16px
  }
}
.title-border-bottom-green {
  padding: 5px 10px;
  margin-top: 0;
  font-size: 18px;
  line-height: 1.78;
  color: #659351;
  border-bottom: 1px solid #659351
}
@media (max-width:767px) {
  .title-border-bottom-green {
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5
  }
}
.title-very-dark-blue {
  margin-top: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  color: #00072f
}
@media (max-width:1400px) {
  .title-very-dark-blue {
    font-size: 35px;
    line-height: 1.2
  }
}
@media (max-width:767px) {
  .title-very-dark-blue {
    font-size: 26px
  }
}
.title-very-dark-blue.title-sm {
  font-size: 36px
}
@media (max-width:767px) {
  .title-very-dark-blue.title-sm {
    font-size: 24px
  }
}
.title-dark-orange {
  font-size: 36px;
  font-weight: 700;
  text-align: center
}
@media (max-width:767px) {
  .title-dark-orange {
    font-size: 30px
  }
}
.title-dark-orange,
.title-dark-orange small {
  color: #b23d3b
}
.title-dark-orange small {
  display: block;
  margin-bottom: 8px;
  font-size: 18px
}
@media (max-width:767px) {
  .title-dark-orange small {
    font-size: 16px
  }
}
.page-header.page-header-shoptop .title {
  padding: 50px 20px;
  font-size: 45px;
  font-weight: 700;
  color: #fff;
  background-color: rgba(5,80,120,.8)
}
.title-moderate-blue {
  margin-top: 0;
  font-size: 40px;
  font-weight: 700;
  color: #055078
}
.title-with-emphasis-first-letter .circle-letter,
.title-with-emphasis-first-letter .title {
  font-weight: 700
}
.title-with-emphasis-first-letter .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  color: #83c4fc
}
@media (max-width:767px) {
  .title-with-emphasis-first-letter .title {
    font-size: 19px
  }
}
.title-with-emphasis-first-letter .circle-letter {
  display: inline-block;
  padding: 10px 26px 8px;
  font-size: 40px;
  color: #fff;
  background-color: #83c4fc;
  border-radius: 50%
}
@media (max-width:767px) {
  .title-with-emphasis-first-letter .circle-letter {
    padding: 7px 15px 4px;
    font-size: 25px
  }
}
.title-with-emphasis-first-letter .circle-letter.w-letter {
  padding-right: 18px;
  padding-left: 18px
}
@media (max-width:767px) {
  .title-with-emphasis-first-letter .circle-letter.w-letter {
    padding-right: 11px;
    padding-left: 11px
  }
}
.title-with-emphasis-first-letter dd {
  vertical-align: middle
}
.title-strong-dark-blue {
  margin-top: 0;
  font-size: 36px;
  font-weight: 700;
  color: #0064be
}
@media (max-width:767px) {
  .title-strong-dark-blue {
    font-size: 28px
  }
}
.title-strong-dark-blue.title-lg {
  font-size: 64px
}
@media (max-width:767px) {
  .title-strong-dark-blue.title-lg {
    font-size: 45px
  }
}
.title-dark-cyan {
  margin-top: 0;
  font-size: 34px;
  font-weight: 700;
  color: #009f97
}
@media (max-width:767px) {
  .title-dark-cyan {
    font-size: 26px
  }
}
.title-pink {
  margin-top: 0;
  font-size: 34px;
  font-weight: 700;
  color: #e9546b
}
@media (max-width:767px) {
  .title-pink {
    font-size: 26px
  }
}
.title-strong-red {
  margin-top: 0;
  font-weight: 700;
  color: #e60020
}
.title-strong-red.title-lg {
  font-size: 40px
}
@media (max-width:767px) {
  .title-strong-red.title-lg {
    font-size: 35px
  }
}
.title-with-dot-black {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #000
}
@media (max-width:767px) {
  .title-with-dot-black {
    font-size: 15px
  }
}
.title-with-dot-black:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
  content: ""
}
@media (max-width:767px) {
  .title-with-dot-black:before {
    width: 15px;
    height: 15px
  }
}
.title-dark-blue-with-arrow-down {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 50px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #0d142d;
  border-radius: 15px
}
@media (max-width:767px) {
  .title-dark-blue-with-arrow-down {
    margin-bottom: 35px;
    font-size: 16px
  }
}
.title-dark-blue-with-arrow-down:after {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -15px;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 15px 10px 0;
  border-color: #0d142d transparent transparent;
  content: ""
}
.title-border-bottom-texture-blue {
  display: inline-block;
  padding-right: 50px;
  padding-bottom: 18px;
  padding-left: 20px;
  margin-top: 0;
  font-size: 38px;
  font-weight: 700;
  color: #000;
  background: url(../img/bg-border-bottom-texture-blue.png) 0 100%/contain no-repeat
}
@media (max-width:767px) {
  .title-border-bottom-texture-blue {
    padding-right: 25px;
    padding-left: 0;
    font-size: 22px
  }
}
.title-border-bottom-texture-blue small {
  display: block;
  font-size: 16px;
  text-align: right;
  color: #000
}
.title-bg-red-text-yellow {
  padding: 21px 15px 14px;
  margin-top: 0;
  font-size: 48px;
  font-weight: 700;
  color: #ff0;
  background-color: red;
  text-align: center;
  border-radius: 14px
}
@media (max-width:767px) {
  .title-bg-red-text-yellow {
    padding: 14px 15px 10px;
    font-size: 8vw
  }
}
.title-red-lg {
  margin-top: 0;
  margin-bottom: 26px;
  font-size: 38px;
  font-weight: 700;
  color: red
}
@media (max-width:767px) {
  .title-red-lg {
    margin-bottom: 18px;
    font-size: 5vw
  }
}
.title-bg-blue-with-arrow-down {
  position: relative;
  padding: 22px 1em 15px 1.14em;
  margin-top: 0;
  font-size: 36px;
  color: #fff;
  text-align: center;
  letter-spacing: .14em;
  background-color: #0050be
}
@media (max-width:767px) {
  .title-bg-blue-with-arrow-down {
    font-size: 24px
  }
}
.title-bg-blue-with-arrow-down:after {
  position: absolute;
  right: 0;
  bottom: -32px;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32.5px 0;
  border-color: #0050be transparent transparent;
  content: ""
}
@media (max-width:767px) {
  .title-bg-blue-with-arrow-down:after {
    bottom: -15px;
    border-width: 15px 16.5px 0
  }
}
.title-border-bottom-dotted-blue {
  padding-bottom: 6px;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
  color: #0050be;
  border-bottom: 2px dotted #0050be
}
@media (max-width:767px) {
  .title-border-bottom-dotted-blue {
    font-size: 18px
  }
}
.title-bg-orange-with-arrow-down {
  position: relative;
  padding: 22px 1em 15px 1.14em;
  margin-top: 0;
  font-size: 36px;
  color: #fff;
  text-align: center;
  letter-spacing: .14em;
  background-color: #df8244
}
@media (max-width:767px) {
  .title-bg-orange-with-arrow-down {
    font-size: 24px
  }
}
.title-bg-orange-with-arrow-down:after {
  position: absolute;
  right: 0;
  bottom: -32px;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32.5px 0;
  border-color: #df8244 transparent transparent;
  content: ""
}
@media (max-width:767px) {
  .title-bg-orange-with-arrow-down:after {
    bottom: -15px;
    border-width: 15px 16.5px 0
  }
}
.title-border-bottom-orange {
  padding-bottom: 4px;
  margin-top: 0;
  font-size: 30px;
  font-weight: 700;
  color: #df8244;
  border-bottom: 4px solid #df8244
}
@media (max-width:767px) {
  .title-border-bottom-orange {
    font-size: 25px
  }
}
.box-shadow-yellow {
  -webkit-box-shadow: 0 0 30px 15px #ff0;
  box-shadow: 0 0 30px 15px #ff0
}
.box-shadow-yellow-spread-sm {
  -webkit-box-shadow: 0 0 30px 0 #ff0;
  box-shadow: 0 0 30px 0 #ff0
}
.box-shadow-yellow-spread-lg {
  -webkit-box-shadow: 0 0 30px 20px #ff0;
  box-shadow: 0 0 30px 20px #ff0
}
.frame-paper {
  position: relative;
  z-index: 1;
  max-width: 910px;
  margin-right: auto;
  margin-left: auto
}
.frame-paper:before {
  position: absolute;
  top: 10%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background: url(../img/frame/middle.png) 50% 100%/100% no-repeat;
  content: ""
}
@media (max-width:767px) {
  .frame-paper:before {
    top: 4%
  }
}
.frame-paper .inner {
  position: relative;
  z-index: 1;
  padding: 5.2rem 9.5rem 7rem
}
@media (max-width:767px) {
  .frame-paper .inner {
    padding: 7vw 6vw
  }
}
@media (max-width:479px) {
  .frame-paper .inner {
    padding: 14vw 6vw 10vw
  }
}
.frame-paper-top {
  background: url(../img/frame/top.png) 50% 0/100% no-repeat
}
.frame-paper-bottom {
  background: url(../img/frame/bottom.png) 50% 100%/100% no-repeat
}
.home .collapse-parent .collapse-child,
.page-class .collapse-parent .collapse-child,
.single-class_list .collapse-parent .collapse-child,
.tax-class_location .collapse-parent .collapse-child {
  background-color: #3972c1
}
.home .navbar-default {
  background-color: #0050be
}
.home footer {
  background-image: linear-gradient(145deg,#074db9 25%,#0750bb 25%,#0750bb 50%,#074db9 50%,#074db9 75%,#0750bb 75%,#0750bb 100%);
  background-size: 17.43px 12.21px
}
@media (max-width:767px) {
  .home .menu-trigger {
    display: block
  }
}
.parent-page-shingaku,
.parent-page-toshin {
  font-family: 'Noto Sans JP',sans-serif
}
.home .menu-slide,
.page .menu-slide,
.single .menu-slide {
  right: 0;
  left: 0;
  display: block;
  height: auto;
  padding: 0;
  background-image: none;
  background-color: #1d2451;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}
@media (min-width:992px) {
  .home .menu-slide,
  .page .menu-slide,
  .single .menu-slide {
    width: 250px
  }
}
.home .menu-slide .list-menu,
.page .menu-slide .list-menu,
.single .menu-slide .list-menu {
  max-height: 0;
  margin-bottom: 0;
  -webkit-transition: max-height .6s;
  transition: max-height .6s;
  overflow: hidden
}
.home .menu-slide .list-menu > li,
.page .menu-slide .list-menu > li,
.single .menu-slide .list-menu > li {
  padding: 0
}
.home .menu-slide .list-menu > li a,
.page .menu-slide .list-menu > li a,
.single .menu-slide .list-menu > li a {
  display: block;
  padding: 21px 54px 18px 30px;
  border-bottom: 1px solid #fff
}
@media (max-width:991px) {
  .home .menu-slide .list-menu > li a,
  .page .menu-slide .list-menu > li a,
  .single .menu-slide .list-menu > li a {
    padding-left: 20px
  }
}
.home .menu-slide .list-menu > li a:before,
.page .menu-slide .list-menu > li a:before,
.single .menu-slide .list-menu > li a:before {
  left: 10px
}
@media (min-width:992px) {
  .home .menu-slide .list-menu > li a:after,
  .page .menu-slide .list-menu > li a:after,
  .single .menu-slide .list-menu > li a:after {
    display: none
  }
}
.home .menu-slide.active .list-menu,
.page .menu-slide.active .list-menu,
.single .menu-slide.active .list-menu {
  overflow-y: auto;
  max-height: 100vh;
  -ms-overflow-style: none;
  scrollbar-width: none
}
.home .menu-slide.active .list-menu::-webkit-scrollbar,
.page .menu-slide.active .list-menu::-webkit-scrollbar,
.single .menu-slide.active .list-menu::-webkit-scrollbar {
  display: none
}
.parent-page-shingaku .breadcrumb {
  font-size: 13px;
  position: relative;
  z-index: 2
}
.parent-page-kobetsu .page-top a {
  background-color: #000046!important
}
.parent-page-toshin footer {
  background-color: #40917e
}
@media (max-width:767px) {
  .parent-page-believe .banner-image {
    display: none
  }
}
@media (max-width:767px) {
  .parent-page-believe .banner-text {
    padding-right: 30px!important;
    padding-left: 30px!important;
    margin: 15px 0!important
  }
}
@media (max-width:767px) {
  .parent-page-believe .banner-text p {
    margin-top: 5px!important;
    font-size: 22px!important
  }
}
@media (max-width:767px) {
  .parent-page-believe .section-col-2 {
    font-size: 22px
  }
}
@media (max-width:767px) {
  .parent-page-believe .section-col-2 .img-lg {
    display: none
  }
}
@media (max-width:767px) {
  .parent-page-believe .section-col-2 .title-img {
    padding-right: 30px;
    padding-left: 30px
  }
}
.main-visual {
  padding-top: 54px;
  padding-bottom: 16.8vw
}
@media (max-width:767px) {
  .main-visual {
    padding-top: 22vw;
    padding-bottom: 22vw
  }
}
.main-visual,
.main-visual small {
  color: #fff
}
.main-visual .container-fluid {
  max-width: 1480px
}
.main-visual .logo {
  margin-top: 0;
  margin-bottom: 10.2vw
}
@media (max-width:767px) {
  .main-visual .logo {
    display: none
  }
}
@media (max-width:1199px) {
  .main-visual .logo img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 180px
  }
}
.main-visual .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4vw;
  text-align: center;
  text-shadow: 2px 3px 3px #070644
}
@media (max-width:991px) {
  .main-visual .title {
    text-shadow: 2px 2px 0 #333,2px -2px 0 #333,-2px 2px 0 #333,-2px -2px 0 #333,2px 0 0 #333,0 2px 0 #333,-2px 0 0 #333,0 -2px 0 #333
  }
}
@media (max-width:991px) and (max-width:767px) {
  .main-visual .title {
    text-shadow: 1px 1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,-1px -1px 0 #333,1px 0 0 #333,0 1px 0 #333,-1px 0 0 #333,0 -1px 0 #333
  }
}
@media (max-width:767px) {
  .main-visual .title {
    font-size: 7vw
  }
}
.main-visual .title small {
  display: block;
  font-size: 20px
}
@media (max-width:767px) {
  .main-visual .title small {
    margin-top: 10px;
    font-size: 4.3vw
  }
}
.main-visual-shingaku {
  padding-top: 40px;
  padding-bottom: 10px
}
@media (max-width:767px) {
  .main-visual-shingaku {
    padding-top: 35px;
    padding-bottom: 35px
  }
}
.main-visual-shingaku .container-fluid {
  max-width: 1420px
}
.main-visual-shingaku .logo {
  margin-top: 0;
  margin-bottom: 9vw
}
@media (max-width:767px) {
  .main-visual-shingaku .logo {
    display: none
  }
}
@media (max-width:767px) {
  .main-visual-shingaku .title-shingaku {
    margin-bottom: 100px!important
  }
}
.main-visual-shingaku .title-text-shadow-blue {
  margin-bottom: 9.4vw;
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.06em;
  color: #fff;
  text-shadow: 0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3,0 0 15px #1e33b3
}
@media (max-width:767px) {
  .main-visual-shingaku .title-text-shadow-blue {
    margin-top: 0;
    font-size: 7vw
  }
}
.main-visual-shingaku dl {
  position: relative;
  z-index: 2
}
.main-visual-believe {
  padding-top: 44px
}
@media (max-width:767px) {
  .main-visual-believe {
    padding-top: 30px
  }
}
.main-visual-believe .container-fluid {
  max-width: 1410px
}
.main-visual-believe .img-text {
  margin-bottom: 60px
}
@media (max-width:767px) {
  .main-visual-believe .img-text {
    margin-bottom: 40px
  }
}
.main-visual-believe .logo {
  margin-top: 0;
  margin-bottom: 25vw
}
@media (min-width:1500px) {
  .main-visual-believe .logo {
    margin-bottom: 375px
  }
}
@media (max-width:767px) {
  .main-visual-believe .logo {
    width: 145px
  }
}
.main-visual-yotsuya {
  padding-top: 55px
}
@media (max-width:1199px) {
  .main-visual-yotsuya {
    padding-top: 4.583vw
  }
}
.main-visual-yotsuya .container-fluid {
  max-width: 1335px
}
.main-visual-yotsuya .img-text {
  margin-bottom: 55px
}
@media (max-width:1199px) {
  .main-visual-yotsuya .img-text {
    margin-bottom: 4.583vw
  }
}
@media (max-width:767px) {
  .main-visual-yotsuya .img-text {
    width: 210px
  }
}
@media (max-width:1199px) {
  .main-visual-yotsuya .text {
    font-size: 4.667vw
  }
}
@media (max-width:767px) {
  .main-visual-yotsuya .text {
    padding-left: 0!important;
    margin-top: 20px!important;
    margin-left: 0!important;
    font-size: 7vw!important;
    letter-spacing: 1px
  }
}
.main-visual-toshin-net {
  padding-top: 104px;
  font-weight: 700
}
@media (max-width:1199px) {
  .main-visual-toshin-net {
    padding-top: 8.667vw
  }
}
.main-visual-toshin-net a {
  font-size: 16px;
  font-weight: 400
}
@media (max-width:767px) {
  .main-visual-toshin-net a {
    font-size: 15px
  }
}
.main-visual-toshin-net .inner {
  margin-bottom: 80px
}
@media (min-width:768px) {
  .main-visual-toshin-net .inner {
    float: right;
    font-size: 31px
  }
}
@media (max-width:767px) {
  .main-visual-toshin-net .inner {
    margin-bottom: 50px
  }
}
.main-visual-toshin-net .title {
  margin-bottom: 36px
}
@media (max-width:1199px) {
  .main-visual-toshin-net .title {
    margin-bottom: 3vw
  }
}
.main-visual-toshin-net .title-lg {
  margin-bottom: 84px
}
@media (max-width:1199px) {
  .main-visual-toshin-net .title-lg {
    margin-bottom: 7vw
  }
}
.main-visual-toshin-net .title-xlg {
  margin-bottom: 5px
}
.main-visual-toshin-net .container-fluid {
  max-width: 1500px
}
.main-visual-toshin {
  position: relative
}
@media (min-width:768px) {
  .main-visual-toshin .section-news {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9)
  }
}
.main-visual-toshin .date {
  color: #568f81
}
.main-visual-kobetsu {
  padding-top: 18px
}
.main-visual-application-method .title,
.main-visual-kobetsu .title {
  margin-top: 0;
  margin-bottom: 0
}
.link-hover-circle {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
  display: block;
  width: 331px;
  height: 330px;
  padding: 20px;
  font-size: 22px;
  text-align: center;
  border: 1px solid #0050be;
  border-radius: 50%
}
@media (max-width:1199px) {
  .link-hover-circle {
    width: 300px;
    height: 300px
  }
}
@media (max-width:991px) {
  .link-hover-circle {
    width: 220px;
    height: 220px;
    padding: 13px;
    font-size: 15px
  }
}
.link-hover-circle:before {
  opacity: .6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: #313131;
  border-radius: 50%;
  mix-blend-mode: multiply
}
.link-hover-circle,
.link-hover-circle small {
  color: #fff
}
.link-hover-circle:focus,
.link-hover-circle:hover {
  color: #fff;
  text-decoration: none
}
.link-hover-circle:focus:before,
.link-hover-circle:hover:before {
  opacity: .68;
  background-color: #0d4da9
}
.link-hover-circle small {
  display: block;
  line-height: 1.5
}
@media (min-width:992px) {
  .link-hover-circle small {
    font-size: 15px
  }
}
.link-hover-show-content {
  position: relative;
  display: block;
  padding-top: 123px;
  padding-bottom: 123px;
  color: #fff
}
@media (min-width:768px) {
  .link-hover-show-content {
    font-size: 22px
  }
}
@media (max-width:767px) {
  .link-hover-show-content {
    padding-top: 82px;
    padding-bottom: 82px;
    font-size: 17px
  }
}
.link-hover-show-content:hover {
  cursor: pointer;
  text-decoration: none
}
.link-hover-show-content:focus,
.link-hover-show-content:hover {
  color: #fff
}
.link-hover-show-content:focus:before,
.link-hover-show-content:hover:before {
  opacity: .9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #003fb7;
  mix-blend-mode: multiply
}
@media (min-width:768px) {
  .link-hover-show-content:focus .inner,
  .link-hover-show-content:hover .inner {
    visibility: hidden
  }
}
.link-hover-show-content:focus .hidden-content,
.link-hover-show-content:hover .hidden-content {
  opacity: 1
}
.link-hover-show-content small {
  display: block;
  line-height: 1.5;
  font-size: 15px
}
@media (max-width:767px) {
  .link-hover-show-content small {
    font-size: 13px
  }
}
.link-hover-show-content .inner {
  opacity: 1;
  position: relative;
  padding: 6px 15px 2px;
  text-align: center
}
@media (max-width:767px) {
  .link-hover-show-content .inner {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
  }
}
.link-hover-show-content .inner:before {
  opacity: .9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #003fb7;
  mix-blend-mode: multiply
}
.link-hover-show-content .inner .text {
  position: relative;
  z-index: 1
}
@media (min-width:768px) {
  .link-hover-show-content .hidden-content {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 5px 12px;
    line-height: 1.6;
    font-size: 14px;
    -webkit-transition: .4s;
    transition: .4s
  }
}
@media (max-width:767px) {
  .link-hover-show-content .hidden-content {
    display: none;
    font-size: 11px
  }
}
.link-hover-show-content .hidden-content .title-sm {
  padding-bottom: 7px;
  font-size: 22px;
  text-align: center;
  border-bottom: 2px solid #fff
}
@media (max-width:767px) {
  .link-hover-show-content .hidden-content .title-sm {
    font-size: 18px
  }
}
.link-hover-show-content .hidden-content .title-sm small {
  display: block;
  color: #fff
}
footer {
  padding-top: 24px;
  background-color: #000038
}
@media (max-width:767px) {
  footer {
    padding-top: 18px
  }
}
footer,
footer a {
  color: #fff
}
footer a:focus,
footer a:hover {
  opacity: .7;
  text-decoration: none;
  color: #fff
}
footer .table-cell .cell {
  vertical-align: top
}
@media (min-width:768px) {
  footer .table-cell .cell:first-child {
    width: 42.5%;
    padding-right: 15px
  }
}
@media (max-width:767px) {
  footer .contact {
    margin-bottom: 30px
  }
}
footer .container-logo {
  margin-bottom: 15px;
  line-height: 1.38
}
@media (max-width:767px) {
  footer .container-logo {
    margin-bottom: 10px
  }
}
footer .container-logo .logo {
  margin-bottom: 14px
}
@media (max-width:767px) {
  footer .container-logo .logo {
    width: 146px;
    margin-bottom: 10px
  }
}
footer .container-logo .text {
  padding-left: 10px
}
@media (max-width:767px) {
  footer .container-logo .text {
    font-size: 3.6vw
  }
}
footer .container-dl-phone {
  padding-left: 12px
}
footer .container-dl-phone dl dd {
  width: auto
}
footer .title-img {
  margin-top: 8px;
  margin-bottom: 34px
}
@media (max-width:767px) {
  footer .title-img {
    margin-bottom: 22px
  }
}
.copyright {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 10px;
  text-align: center
}
@media (max-width:767px) {
  .copyright {
    margin-top: 10px
  }
}
.text-float-img-right {
  margin-bottom: 30px
}
.text-float-img-right:after,
.text-float-img-right:before {
  display: table;
  content: " "
}
.text-float-img-right:after {
  clear: both
}
.text-float-img-right .img {
  float: right;
  clear: right;
  margin-left: 12px
}
.link-with-overlay-text {
  position: relative;
  display: block;
  min-height: 315px;
  overflow-y: auto;
  text-align: center;
  color: #fff;
  text-decoration: none
}
@media (min-width:768px) {
  .link-with-overlay-text {
    line-height: 2
  }
}
@media (max-width:767px) {
  .link-with-overlay-text {
    min-height: 279px
  }
}
.link-with-overlay-text:hover .inner:before {
  background-color: rgba(0,0,0,.74)
}
.link-with-overlay-text .title {
  margin-top: 0;
  font-size: 22px;
  font-weight: 700
}
@media (max-width:991px) {
  .link-with-overlay-text .title {
    font-size: 18px
  }
}
@media (max-width:767px) {
  .link-with-overlay-text .title {
    margin-bottom: 8px;
    font-size: 16px
  }
}
.link-with-overlay-text .inner {
  position: absolute;
  top: 122px;
  right: 0;
  left: 0;
  padding: 20px 10px 5px
}
@media (max-width:767px) {
  .link-with-overlay-text .inner {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.link-with-overlay-text .inner:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,162,255,.88);
  mix-blend-mode: multiply;
  -webkit-transition: .2s;
  transition: .2s;
  content: ""
}
.link-with-overlay-text .text {
  position: relative;
  z-index: 1
}
.page-top {
  position: fixed;
  right: 70px;
  bottom: 0;
  z-index: 99999
}
@media (max-width:991px) {
  .page-top {
    right: 30px
  }
}
@media (max-width:767px) {
  .page-top {
    right: 10px
  }
}
.page-top-blue {
  display: block;
  width: 80px;
  height: 80px;
  text-indent: -9999px;
  background-color: #014dbc;
  border-radius: 10px
}
@media (max-width:767px) {
  .page-top-blue {
    opacity: .8;
    width: 40px;
    height: 40px;
    border-radius: 4px
  }
}
.page-top-blue:before {
  position: absolute;
  top: 12px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 25px;
  height: 25px;
  margin: auto;
  border-top: 7px solid #fff;
  border-left: 7px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ""
}
@media (max-width:767px) {
  .page-top-blue:before {
    top: 6px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    width: 15px;
    height: 15px
  }
}
.page-top-blue:hover {
  opacity: .7
}
.hr-gray {
  margin-top: 76px;
  margin-bottom: 76px;
  border-top: 2px solid #d9d9d9
}
@media (max-width:767px) {
  .hr-gray {
    margin-top: 50px;
    margin-bottom: 50px
  }
}
.hr-border-light-gray {
  border-top: 1px solid #ccc
}
@media (max-width:767px) {
  .hr-border-light-gray {
    margin-top: 15px;
    margin-bottom: 15px
  }
}
.border-dotted-bottom-black {
  padding-bottom: 13px;
  border-bottom: 2px dotted #1a1a1a
}
.container-all-page-header-shoptop .container {
  max-width: 430px
}
.container-all-page-header-believe-campaign {
  margin-bottom: 25px
}
.container-all-kobetsu {
  padding-bottom: 130px
}
@media (max-width:767px) {
  .container-all-kobetsu {
    padding-bottom: 60px
  }
}
.container-all-believe-short-course {
  padding-top: 40px;
  padding-bottom: 40px
}
@media (max-width:767px) {
  .container-all-believe-short-course {
    padding-top: 25px;
    padding-bottom: 25px
  }
}
.container-all-believe-short-course .container {
  padding-right: 30px;
  padding-left: 30px
}
@media (max-width:767px) {
  .container-all-believe-short-course .container {
    padding-right: 15px;
    padding-left: 15px
  }
}
.page-voices {
  color: #1a1a1a
}
.page-voices .container-page-header {
  margin-bottom: 0
}
.page-voices .page-header {
  max-width: 570px;
  padding: 22px 0 37px;
  margin: 81px auto 78px;
  background-color: rgba(255,255,255,.8);
  border: 4px solid #ccc
}
@media (max-width:767px) {
  .page-voices .page-header {
    padding: 10px 0 18px;
    margin: 40px auto
  }
}
.page-voices .page-header .title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.65;
  font-size: 4vw;
  color: #1a1a1a
}
@media (max-width:767px) {
  .page-voices .page-header .title {
    font-size: 8vw
  }
}
.page-voices .page-header .title small {
  font-size: 1.87vw;
  color: #1a1a1a
}
@media (max-width:767px) {
  .page-voices .page-header .title small {
    font-size: 6vw
  }
}
.page-voices .img-front-right {
  position: absolute;
  right: 100px;
  bottom: 0
}
@media (max-width:991px) {
  .page-voices .img-front-right {
    right: 0;
    width: 25%
  }
}
.page-voices .bg-stripe-light-pink {
  padding: 57px 0 50px
}
@media (max-width:767px) {
  .page-voices .bg-stripe-light-pink {
    padding: 28px 0
  }
}
.page-voices .title-bg-color-text-white {
  padding: 23px 0 6px;
  font-size: 36px
}
@media (max-width:767px) {
  .page-voices .title-bg-color-text-white {
    font-size: 24px
  }
}
.page-instructor-introduction {
  padding-top: 82px;
  color: #1a1a1a
}
@media (max-width:767px) {
  .page-instructor-introduction {
    padding-top: 60px
  }
}
.page-instructor-introduction .page-header {
  max-width: 560px;
  margin: 0 auto 26px
}
@media (max-width:991px) {
  .page-instructor-introduction .page-header {
    max-width: 60%
  }
}
@media (max-width:767px) {
  .page-instructor-introduction .page-header {
    max-width: 80%;
    margin-bottom: 0
  }
}
.page-instructor-introduction .well-title-on-border {
  padding-top: 54px;
  padding-bottom: 21px;
  margin-top: 13px;
  border-width: 10px
}
@media (max-width:767px) {
  .page-instructor-introduction .well-title-on-border {
    padding-top: 26px;
    padding-bottom: 10px;
    margin-top: 6px;
    border-width: 8px
  }
}
.page-instructor-introduction .well-title-on-border .title {
  top: -32px
}
.page-instructor-introduction .well-title-on-border .title .bg {
  padding: 0 16px;
  border: none
}
@media (max-width:767px) {
  .page-instructor-introduction .well-title-on-border .title .bg {
    padding: 0 8px
  }
}
@media (min-width:992px) {
  .page-instructor-introduction .well-title-on-border .title img {
    width: 192px
  }
}
.page-instructor-introduction .well-title-on-border .text-lg {
  font-size: 62px;
  line-height: 1.9
}
@media (max-width:767px) {
  .page-instructor-introduction .well-title-on-border .text-lg {
    font-size: 42px
  }
}
.page-instructor-introduction .well-title-on-border .text-lg small {
  font-size: 27px
}
@media (max-width:767px) {
  .page-instructor-introduction .well-title-on-border .text-lg small {
    font-size: 22px;
    line-height: 1.3
  }
}
.page-instructor-introduction .img-front-left,
.page-instructor-introduction .img-front-right {
  position: absolute;
  bottom: 0
}
@media (max-width:991px) {
  .page-instructor-introduction .img-front-left,
  .page-instructor-introduction .img-front-right {
    width: 34%
  }
}
@media (max-width:767px) {
  .page-instructor-introduction .img-front-left,
  .page-instructor-introduction .img-front-right {
    width: 30%
  }
}
.page-instructor-introduction .img-front-left {
  left: 11px
}
@media (max-width:991px) {
  .page-instructor-introduction .img-front-left {
    left: 0
  }
}
.page-instructor-introduction .img-front-right {
  right: 18px
}
@media (max-width:991px) {
  .page-instructor-introduction .img-front-right {
    right: 0
  }
}
.page-instructor-introduction .bg-stripe-green-and-white {
  padding: 49px 0 85px
}
@media (max-width:767px) {
  .page-instructor-introduction .bg-stripe-green-and-white {
    padding: 24px 0 42px
  }
}
.container-filter {
  min-height: 600px;
  margin-bottom: 86px
}
@media (max-width:767px) {
  .container-filter {
    margin-bottom: 50px
  }
}
@media (max-width:767px) {
  .container-filter .btn {
    margin-bottom: 15px
  }
}
.col-class-room {
  display: none
}
.container-page-header-single {
  padding: 70px 0
}
@media (max-width:767px) {
  .container-page-header-single {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
@media (min-width:768px) {
  .container-page-header-single .inner {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(60%,#000046),color-stop(60%,transparent));
    background-image: linear-gradient(to right,#000046 60%,transparent 60%);
    background-repeat: repeat-x
  }
}
@media (max-width:767px) {
  .container-page-header-single .inner {
    background-color: #000046
  }
}
.container-page-header-toshin {
  margin-bottom: 100px
}
@media (max-width:767px) {
  .container-page-header-toshin {
    margin-bottom: 30px
  }
}
.class_location-navi ul > li {
  display: block;
  padding-right: 0
}
.class_location-navi ul > li > ul {
  display: block;
  padding-bottom: 4px;
  padding-left: 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #bcbcbc
}
.class_location-navi ul > li > ul:after,
.class_location-navi ul > li > ul:before {
  display: table;
  content: " "
}
.class_location-navi ul > li > ul:after {
  clear: both
}
.class_location-navi ul > li.cat-item {
  display: block;
  float: left;
  width: 20%;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 10px
}
@media (max-width:991px) {
  .class_location-navi ul > li.cat-item {
    width: 25%
  }
}
@media (max-width:767px) {
  .class_location-navi ul > li.cat-item {
    display: inline-block;
    float: none;
    width: auto
  }
}
.class_location-navi label {
  position: relative;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 400
}
@media (max-width:767px) {
  .class_location-navi label {
    font-size: 15px
  }
}
.class_location-navi label .mark-container:after,
.class_location-navi label:before {
  position: absolute;
  content: ""
}
.class_location-navi label:before {
  top: 0;
  left: -18px;
  width: 30px;
  height: 30px;
  border: 1px solid #999
}
.class_location-navi label .mark-container:after {
  opacity: 0;
  top: 3px;
  left: -8px;
  width: 10px;
  height: 20px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.class_location-navi input[type=checkbox] {
  opacity: 0
}
.class_location-navi input[type=checkbox]:checked + .mark-container:after {
  opacity: 1
}
.class_location-navi .btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 380px;
  margin-top: 50px
}
@media (max-width:767px) {
  .class_location-navi .btn {
    margin-top: 35px
  }
}
.class_location-navi .btn .inner-text {
  position: relative;
  z-index: 1
}
.main-visual-yotsuya .text {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 100px;
  padding-left: 15px;
  font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
@media (max-width:767px) {
  .teacher-block {
    font-size: 16px;
    text-align: left;
    line-height: 27px
  }
}
@media (max-width:480px) {
  .school-toyohashi-intro .list-amazing li {
    padding: 55px 0 0;
    margin-bottom: 27px;
    color: #4c4c4c;
    font-size: 4.4vw;
    line-height: 27px;
    font-weight: 400;
    position: relative
  }
  .school-toyohashi-intro h3 {
    font-size: 34px;
    line-height: 60px;
    color: #00947e;
    text-align: center;
    font-weight: 700;
    margin: 0 0 20px
  }
}
.post-password-form {
  margin-bottom: 100px
}
@media (max-width:767px) {
  .post-password-form {
    margin-bottom: 60px
  }
}
.section-kente-box h3 {
  padding: 30px 15px 27px;
  margin-top: 0;
  font-size: 42px;
  text-align: center;
  font-weight: 700;
  color: #fff
}
.section-kente-box .table-responsive {
  margin-top: 45px
}
@media (max-width:767px) {
  .section-kente-box h3 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 25px
  }
}
#section-jikanwari.section-kente-box .table-responsive {
  margin-top: 0
}
@media (max-width:767px) {
  .section-kente-box .table-responsive {
    margin-top: 25px
  }
}
.section-kente-box table td,
.section-kente-box table th {
  text-align: center;
  vertical-align: middle!important
}
.section-kente-box table td.td-border-none {
  border-bottom: none
}
.section-kente-box table td.td-border-dotted {
  border-top-style: dotted
}
.section-kente-box table .txt_b {
  font-weight: 700
}
.section-kente-box table .txt_b .ico_suken {
  background: #5792c3;
  font-size: 95%;
  display: block;
  border-radius: 25px;
  padding: 5px 0;
  margin-bottom: 10px;
  color: #fff
}
.section-kente-box table .txt_b .ico_suken em {
  display: block;
  font-style: normal;
  font-size: 85%
}
.section-kente-box table .small {
  font-weight: 400!important
}
.section-kente-box table td table {
  width: 100%
}
.section-kente-box table td table td {
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 10px
}
.section-kente-box table td table.txt_course td {
  width: 25%
}
.section-kente-box table td table.txt_course td:first-child {
  font-size: 115%
}
.section-kente-box table td table.txt_course td em {
  font-size: 150%;
  font-style: normal;
  font-weight: 700;
  color: #e60020
}
.section-kente-box table td table.txt_course td:last-child {
  width: 50%
}
#section-kanken.section-kente-box h3 {
  background-color: #df8132
}
#section-kanken.section-kente-box h4 {
  color: #df8132
}
#section-kanken.section-kente-box table th {
  background-color: #f9e6d6
}
#section-suken.section-kente-box h3 {
  background-color: #3f82d6
}
#section-suken.section-kente-box h4 {
  color: #3f82d6
}
#section-suken.section-kente-box table th {
  background-color: #d9e6f7
}
#section-eiken.section-kente-box h3 {
  background-color: #df5379
}
#section-eiken.section-kente-box h4 {
  color: #df5379
}
#section-eiken.section-kente-box table th {
  background-color: #f9dde4
}
#section-jikanwari.section-kente-box h3 {
  background-color: #709f1d
}
#section-jikanwari.section-kente-box h4 {
  color: #1a1a1a
}
#section-jikanwari.section-kente-box table th {
  background-color: #e2ecd2
}
#section-jikanwari.section-kente-box table.tb_price {
  table-layout: auto
}
#section-jikanwari.section-kente-box table.tb_price tr td:nth-child(odd) {
  width: 60px
}
.section-kente-box .inner {
  padding: 40px 50px;
  background-color: #e6e6e6
}
.section-kente-box .inner h4 {
  font-size: 32px
}
@media (max-width:991px) {
  .section-kente-box .inner {
    padding: 20px 25px
  }
}
@media (max-width:767px) {
  .section-kente-box .inner {
    padding: 30px 40px
  }
  .section-kente-box .inner h4 {
    font-size: 22px
  }
  .well-price-list {
		width: auto;
		max-width: 270px;
		font-size: 20px;
	}
}
.txt_c {
  text-align: center
}
.tuika {
  max-width: 1130px;
  margin: 0 auto
}
.pc {
  display: block!important;
  margin: 0 auto
}
.sp {
  display: none!important
}
@media only screen and (max-width:768px) {
  .pc {
    display: none!important
  }
  .sp {
    display: block!important;
    max-width: 100%;
    margin: 0 auto
  }
}
/*# sourceMappingURL=style.min.css.map */