html,
body {
  height: 100%
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html,
body {
  font-size: 100%
}

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto
}

a:hover {
  cursor: pointer
}

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

img {
  -ms-interpolation-mode: bicubic
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important
}

.left {
  float: left !important
}

.right {
  float: right !important
}

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

.clearfix:after {
  clear: both
}

.hide {
  display: none !important;
  visibility: hidden
}

.invisible {
  visibility: hidden
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  display: inline-block;
  vertical-align: middle
}

textarea {
  height: auto;
  min-height: 50px
}

select {
  width: 100%
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem
}

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

.row:after {
  clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
  padding-left: 0;
  padding-right: 0
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0
}

.row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none
}

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

.row .row:after {
  clear: both
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none
}

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

.row .row.collapse:after {
  clear: both
}

.column,
.columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left
}

[class*="column"]+[class*="column"]:last-child {
  float: right
}

[class*="column"]+[class*="column"].end {
  float: left
}

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto
  }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto
  }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left
  }
  .small-1 {
    width: 8.33333%
  }
  .small-2 {
    width: 16.66667%
  }
  .small-3 {
    width: 25%
  }
  .small-4 {
    width: 33.33333%
  }
  .small-5 {
    width: 41.66667%
  }
  .small-6 {
    width: 50%
  }
  .small-7 {
    width: 58.33333%
  }
  .small-8 {
    width: 66.66667%
  }
  .small-9 {
    width: 75%
  }
  .small-10 {
    width: 83.33333%
  }
  .small-11 {
    width: 91.66667%
  }
  .small-12 {
    width: 100%
  }
  .small-offset-0 {
    margin-left: 0% !important
  }
  .small-offset-1 {
    margin-left: 8.33333% !important
  }
  .small-offset-2 {
    margin-left: 16.66667% !important
  }
  .small-offset-3 {
    margin-left: 25% !important
  }
  .small-offset-4 {
    margin-left: 33.33333% !important
  }
  .small-offset-5 {
    margin-left: 41.66667% !important
  }
  .small-offset-6 {
    margin-left: 50% !important
  }
  .small-offset-7 {
    margin-left: 58.33333% !important
  }
  .small-offset-8 {
    margin-left: 66.66667% !important
  }
  .small-offset-9 {
    margin-left: 75% !important
  }
  .small-offset-10 {
    margin-left: 83.33333% !important
  }
  .small-offset-11 {
    margin-left: 91.66667% !important
  }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left
  }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
  }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left
  }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none
  }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left
  }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right
  }
  .row.small-collapse>.column,
  .row.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0
  }
  .row.small-uncollapse>.column,
  .row.small-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left
  }
}

@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto
  }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left
  }
  .medium-1 {
    width: 8.33333%
  }
  .medium-2 {
    width: 16.66667%
  }
  .medium-3 {
    width: 25%
  }
  .medium-4 {
    width: 33.33333%
  }
  .medium-5 {
    width: 41.66667%
  }
  .medium-6 {
    width: 50%
  }
  .medium-7 {
    width: 58.33333%
  }
  .medium-8 {
    width: 66.66667%
  }
  .medium-9 {
    width: 75%
  }
  .medium-10 {
    width: 83.33333%
  }
  .medium-11 {
    width: 91.66667%
  }
  .medium-12 {
    width: 100%
  }
  .medium-offset-0 {
    margin-left: 0% !important
  }
  .medium-offset-1 {
    margin-left: 8.33333% !important
  }
  .medium-offset-2 {
    margin-left: 16.66667% !important
  }
  .medium-offset-3 {
    margin-left: 25% !important
  }
  .medium-offset-4 {
    margin-left: 33.33333% !important
  }
  .medium-offset-5 {
    margin-left: 41.66667% !important
  }
  .medium-offset-6 {
    margin-left: 50% !important
  }
  .medium-offset-7 {
    margin-left: 58.33333% !important
  }
  .medium-offset-8 {
    margin-left: 66.66667% !important
  }
  .medium-offset-9 {
    margin-left: 75% !important
  }
  .medium-offset-10 {
    margin-left: 83.33333% !important
  }
  .medium-offset-11 {
    margin-left: 91.66667% !important
  }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left
  }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
  }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left
  }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none
  }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left
  }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right
  }
  .row.medium-collapse>.column,
  .row.medium-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0
  }
  .row.medium-uncollapse>.column,
  .row.medium-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left
  }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto
  }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
}

@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto
  }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left
  }
  .large-1 {
    width: 8.33333%
  }
  .large-2 {
    width: 16.66667%
  }
  .large-3 {
    width: 25%
  }
  .large-4 {
    width: 33.33333%
  }
  .large-5 {
    width: 41.66667%
  }
  .large-6 {
    width: 50%
  }
  .large-7 {
    width: 58.33333%
  }
  .large-8 {
    width: 66.66667%
  }
  .large-9 {
    width: 75%
  }
  .large-10 {
    width: 83.33333%
  }
  .large-11 {
    width: 91.66667%
  }
  .large-12 {
    width: 100%
  }
  .large-offset-0 {
    margin-left: 0% !important
  }
  .large-offset-1 {
    margin-left: 8.33333% !important
  }
  .large-offset-2 {
    margin-left: 16.66667% !important
  }
  .large-offset-3 {
    margin-left: 25% !important
  }
  .large-offset-4 {
    margin-left: 33.33333% !important
  }
  .large-offset-5 {
    margin-left: 41.66667% !important
  }
  .large-offset-6 {
    margin-left: 50% !important
  }
  .large-offset-7 {
    margin-left: 58.33333% !important
  }
  .large-offset-8 {
    margin-left: 66.66667% !important
  }
  .large-offset-9 {
    margin-left: 75% !important
  }
  .large-offset-10 {
    margin-left: 83.33333% !important
  }
  .large-offset-11 {
    margin-left: 91.66667% !important
  }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left
  }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left
  }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none
  }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right
  }
  .row.large-collapse>.column,
  .row.large-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0
  }
  .row.large-uncollapse>.column,
  .row.large-uncollapse>.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left
  }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto
  }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem
}

[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
  content: " ";
  display: table
}

[class*="block-grid-"]:after {
  clear: both
}

[class*="block-grid-"]>li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem
}

@media only screen {
  .small-block-grid-1>li {
    width: 100%;
    list-style: none
  }
  .small-block-grid-1>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-1>li:nth-of-type(1n+1) {
    clear: both
  }
  .small-block-grid-2>li {
    width: 50%;
    list-style: none
  }
  .small-block-grid-2>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-2>li:nth-of-type(2n+1) {
    clear: both
  }
  .small-block-grid-3>li {
    width: 33.33333%;
    list-style: none
  }
  .small-block-grid-3>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-3>li:nth-of-type(3n+1) {
    clear: both
  }
  .small-block-grid-4>li {
    width: 25%;
    list-style: none
  }
  .small-block-grid-4>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-4>li:nth-of-type(4n+1) {
    clear: both
  }
  .small-block-grid-5>li {
    width: 20%;
    list-style: none
  }
  .small-block-grid-5>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-5>li:nth-of-type(5n+1) {
    clear: both
  }
  .small-block-grid-6>li {
    width: 16.66667%;
    list-style: none
  }
  .small-block-grid-6>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-6>li:nth-of-type(6n+1) {
    clear: both
  }
  .small-block-grid-7>li {
    width: 14.28571%;
    list-style: none
  }
  .small-block-grid-7>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-7>li:nth-of-type(7n+1) {
    clear: both
  }
  .small-block-grid-8>li {
    width: 12.5%;
    list-style: none
  }
  .small-block-grid-8>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-8>li:nth-of-type(8n+1) {
    clear: both
  }
  .small-block-grid-9>li {
    width: 11.11111%;
    list-style: none
  }
  .small-block-grid-9>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-9>li:nth-of-type(9n+1) {
    clear: both
  }
  .small-block-grid-10>li {
    width: 10%;
    list-style: none
  }
  .small-block-grid-10>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-10>li:nth-of-type(10n+1) {
    clear: both
  }
  .small-block-grid-11>li {
    width: 9.09091%;
    list-style: none
  }
  .small-block-grid-11>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-11>li:nth-of-type(11n+1) {
    clear: both
  }
  .small-block-grid-12>li {
    width: 8.33333%;
    list-style: none
  }
  .small-block-grid-12>li:nth-of-type(1n) {
    clear: none
  }
  .small-block-grid-12>li:nth-of-type(12n+1) {
    clear: both
  }
}

@media only screen  and (min-width: 40.063em) {
  .medium-block-grid-1>li {
    width: 100%;
    list-style: none
  }
  .medium-block-grid-1>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-1>li:nth-of-type(1n+1) {
    clear: both
  }
  .medium-block-grid-2>li {
    width: 50%;
    list-style: none
  }
  .medium-block-grid-2>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-2>li:nth-of-type(2n+1) {
    clear: both
  }
  .medium-block-grid-3>li {
    width: 33.33333%;
    list-style: none
  }
  .medium-block-grid-3>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-3>li:nth-of-type(3n+1) {
    clear: both
  }
  .medium-block-grid-4>li {
    width: 25%;
    list-style: none
  }
  .medium-block-grid-4>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-4>li:nth-of-type(4n+1) {
    clear: both
  }
  .medium-block-grid-5>li {
    width: 20%;
    list-style: none
  }
  .medium-block-grid-5>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-5>li:nth-of-type(5n+1) {
    clear: both
  }
  .medium-block-grid-6>li {
    width: 16.66667%;
    list-style: none
  }
  .medium-block-grid-6>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-6>li:nth-of-type(6n+1) {
    clear: both
  }
  .medium-block-grid-7>li {
    width: 14.28571%;
    list-style: none
  }
  .medium-block-grid-7>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-7>li:nth-of-type(7n+1) {
    clear: both
  }
  .medium-block-grid-8>li {
    width: 12.5%;
    list-style: none
  }
  .medium-block-grid-8>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-8>li:nth-of-type(8n+1) {
    clear: both
  }
  .medium-block-grid-9>li {
    width: 11.11111%;
    list-style: none
  }
  .medium-block-grid-9>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-9>li:nth-of-type(9n+1) {
    clear: both
  }
  .medium-block-grid-10>li {
    width: 10%;
    list-style: none
  }
  .medium-block-grid-10>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-10>li:nth-of-type(10n+1) {
    clear: both
  }
  .medium-block-grid-11>li {
    width: 9.09091%;
    list-style: none
  }
  .medium-block-grid-11>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-11>li:nth-of-type(11n+1) {
    clear: both
  }
  .medium-block-grid-12>li {
    width: 8.33333%;
    list-style: none
  }
  .medium-block-grid-12>li:nth-of-type(1n) {
    clear: none
  }
  .medium-block-grid-12>li:nth-of-type(12n+1) {
    clear: both
  }
}

@media only screen and (min-width: 64.063em) {
  .large-block-grid-1>li {
    width: 100%;
    list-style: none
  }
  .large-block-grid-1>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-1>li:nth-of-type(1n+1) {
    clear: both
  }
  .large-block-grid-2>li {
    width: 50%;
    list-style: none
  }
  .large-block-grid-2>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-2>li:nth-of-type(2n+1) {
    clear: both
  }
  .large-block-grid-3>li {
    width: 33.33333%;
    list-style: none
  }
  .large-block-grid-3>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-3>li:nth-of-type(3n+1) {
    clear: both
  }
  .large-block-grid-4>li {
    width: 25%;
    list-style: none
  }
  .large-block-grid-4>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-4>li:nth-of-type(4n+1) {
    clear: both
  }
  .large-block-grid-5>li {
    width: 20%;
    list-style: none
  }
  .large-block-grid-5>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-5>li:nth-of-type(5n+1) {
    clear: both
  }
  .large-block-grid-6>li {
    width: 16.66667%;
    list-style: none
  }
  .large-block-grid-6>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-6>li:nth-of-type(6n+1) {
    clear: both
  }
  .large-block-grid-7>li {
    width: 14.28571%;
    list-style: none
  }
  .large-block-grid-7>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-7>li:nth-of-type(7n+1) {
    clear: both
  }
  .large-block-grid-8>li {
    width: 12.5%;
    list-style: none
  }
  .large-block-grid-8>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-8>li:nth-of-type(8n+1) {
    clear: both
  }
  .large-block-grid-9>li {
    width: 11.11111%;
    list-style: none
  }
  .large-block-grid-9>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-9>li:nth-of-type(9n+1) {
    clear: both
  }
  .large-block-grid-10>li {
    width: 10%;
    list-style: none
  }
  .large-block-grid-10>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-10>li:nth-of-type(10n+1) {
    clear: both
  }
  .large-block-grid-11>li {
    width: 9.09091%;
    list-style: none
  }
  .large-block-grid-11>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-11>li:nth-of-type(11n+1) {
    clear: both
  }
  .large-block-grid-12>li {
    width: 8.33333%;
    list-style: none
  }
  .large-block-grid-12>li:nth-of-type(1n) {
    clear: none
  }
  .large-block-grid-12>li:nth-of-type(12n+1) {
    clear: both
  }
}

.clearing-thumbs,
[data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none
}

.clearing-thumbs:before,
.clearing-thumbs:after,
[data-clearing]:before,
[data-clearing]:after {
  content: " ";
  display: table
}

.clearing-thumbs:after,
[data-clearing]:after {
  clear: both
}

.clearing-thumbs li,
[data-clearing] li {
  float: left;
  margin-right: 10px
}

.clearing-thumbs[class*="block-grid-"] li,
[data-clearing][class*="block-grid-"] li {
  margin-right: 0
}

.clearing-blackout {
  background: #333333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998
}

.clearing-blackout .clearing-close {
  display: block
}

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0
}

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #AAAAAA;
  font-size: 0.6em
}

.visible-img {
  height: 95%;
  position: relative
}

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  max-height: 100%;
  max-width: 100%
}

.clearing-caption {
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0
}

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #CCCCCC;
  display: none
}

.clearing-close:hover,
.clearing-close:focus {
  color: #CCCCCC
}

.clearing-assembled .clearing-container {
  height: 100%
}

.clearing-assembled .clearing-container .carousel>ul {
  display: none
}

.clearing-feature li {
  display: none
}

.clearing-feature li.clearing-featured-img {
  display: block
}

@media only screen and (min-width: 40.063em) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0
  }
  .clearing-main-prev>span,
  .clearing-main-next>span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 12px
  }
  .clearing-main-prev>span:hover,
  .clearing-main-next>span:hover {
    opacity: 0.8
  }
  .clearing-main-prev {
    left: 0
  }
  .clearing-main-prev>span {
    left: 5px;
    border-color: transparent;
    border-right-color: #CCCCCC
  }
  .clearing-main-next {
    right: 0
  }
  .clearing-main-next>span {
    border-color: transparent;
    border-left-color: #CCCCCC
  }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.3
  }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center
  }
  .clearing-assembled .clearing-container .carousel>ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none
  }
  .clearing-assembled .clearing-container .carousel>ul li {
    display: block;
    width: 120px;
    min-height: inherit;
    float: left;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
    clear: none
  }
  .clearing-assembled .clearing-container .carousel>ul li.fix-height img {
    height: 100%;
    max-width: none
  }
  .clearing-assembled .clearing-container .carousel>ul li a.th {
    border: none;
    box-shadow: none;
    display: block
  }
  .clearing-assembled .clearing-container .carousel>ul li img {
    cursor: pointer !important;
    width: 100% !important
  }
  .clearing-assembled .clearing-container .carousel>ul li.visible {
    opacity: 1
  }
  .clearing-assembled .clearing-container .carousel>ul li:hover {
    opacity: 0.8
  }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    overflow: hidden;
    height: 85%
  }
  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0
  }
}

.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333
}

.panel>:first-child {
  margin-top: 0
}

.panel>:last-child {
  margin-bottom: 0
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl {
  color: #333333
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem
}

.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
  line-height: 1.4
}

.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #b6edff;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ecfaff;
  color: #333333
}

.panel.callout>:first-child {
  margin-top: 0
}

.panel.callout>:last-child {
  margin-bottom: 0
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p,
.panel.callout li,
.panel.callout dl {
  color: #333333
}

.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625rem
}

.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
  line-height: 1.4
}

.panel.callout a:not(.button) {
  color: #008CBA
}

.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
  color: #0078a0
}

.panel.radius {
  border-radius: 3px
}

table {
  background: #FFFFFF;
  margin-bottom: 1.25rem;
  border: solid 1px #DDDDDD;
  table-layout: auto
}

table caption {
  background: transparent;
  color: #222222;
  font-size: 1rem;
  font-weight: bold
}

table thead {
  background: #F5F5F5
}

table thead tr th,
table thead tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #222222
}

table tfoot {
  background: #F5F5F5
}

table tfoot tr th,
table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #222222
}

table tr th,
table tr td {
  padding: 0.5625rem 0.625rem;
  font-size: 0.875rem;
  color: #222222;
  text-align: left
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: #F9F9F9
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.125rem
}

button,
.button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #007095
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  color: #FFFFFF
}

button.secondary,
.button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  background-color: #b9b9b9
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
  color: #333333
}

button.success,
.button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  background-color: #368a55
}

button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  color: #FFFFFF
}

button.alert,
.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
  background-color: #cf2a0e
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.button.alert:focus {
  color: #FFFFFF
}

button.warning,
.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  background-color: #cf6e0e
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.button.warning:focus {
  color: #FFFFFF
}

button.info,
.button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  background-color: #61b6d9
}

button.info:hover,
button.info:focus,
.button.info:hover,
.button.info:focus {
  color: #FFFFFF
}

button.large,
.button.large {
  padding-top: 1.125rem;
  padding-right: 2.25rem;
  padding-bottom: 1.1875rem;
  padding-left: 2.25rem;
  font-size: 1.25rem
}

button.small,
.button.small {
  padding-top: 0.875rem;
  padding-right: 1.75rem;
  padding-bottom: 0.9375rem;
  padding-left: 1.75rem;
  font-size: 0.8125rem
}

button.tiny,
.button.tiny {
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.25rem;
  font-size: 0.6875rem
}

button.expand,
.button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%
}

button.left-align,
.button.left-align {
  text-align: left;
  text-indent: 0.75rem
}

button.right-align,
.button.right-align {
  text-align: right;
  padding-right: 0.75rem
}

button.radius,
.button.radius {
  border-radius: 3px
}

button.round,
.button.round {
  border-radius: 1000px
}

button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #007095
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  color: #FFFFFF
}

button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #008CBA
}

button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.button[disabled].secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
  cursor: default;
  opacity: 0.7;
  box-shadow: none
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #b9b9b9
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  color: #333333
}

button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #e7e7e7
}

button.disabled.success,
button[disabled].success,
.button.disabled.success,
.button[disabled].success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: #368a55
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  color: #FFFFFF
}

button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: #43AC6A
}

button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.button[disabled].alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: #cf2a0e
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  color: #FFFFFF
}

button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: #f04124
}

button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.button[disabled].warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
  cursor: default;
  opacity: 0.7;
  box-shadow: none
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  background-color: #cf6e0e
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  color: #FFFFFF
}

button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  background-color: #f08a24
}

button.disabled.info,
button[disabled].info,
.button.disabled.info,
.button[disabled].info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
  cursor: default;
  opacity: 0.7;
  box-shadow: none
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
  background-color: #61b6d9
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
  color: #FFFFFF
}

button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.button.disabled.info:focus,
.button[disabled].info:hover,
.button[disabled].info:focus {
  background-color: #a0d3e8
}

button::-moz-focus-inner {
  border: 0;
  padding: 0
}

@media only screen and (min-width: 40.063em) {
  button,
  .button {
    display: inline-block
  }
}

form {
  margin: 0 0 1rem
}

form .row .row {
  margin: 0 -0.5rem
}

form .row .row .column,
form .row .row .columns {
  padding: 0 0.5rem
}

form .row .row.collapse {
  margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0
}

form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem
}

label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0
}

label.right {
  float: none !important;
  text-align: right
}

label.inline {
  margin: 0 0 1rem 0;
  padding: 0.5625rem 0
}

label small {
  text-transform: capitalize;
  color: #676767
}

.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem
}

.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  border: none
}

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}

span.prefix,
label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc
}

span.postfix,
label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.15s linear
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
  background-color: #DDDDDD;
  cursor: default
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
  background-color: #DDDDDD;
  cursor: default
}

input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
  border-radius: 3px
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0
}

textarea[rows] {
  height: auto
}

textarea {
  max-width: 100%
}

select {
  -webkit-appearance: none !important;
  border-radius: 0;
  background-color: #FAFAFA;
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem
}

select::-ms-expand {
  display: none
}

select.radius {
  border-radius: 3px
}

select:hover {
  background-color: #f3f3f3;
  border-color: #999999
}

select:disabled {
  background-color: #DDDDDD;
  cursor: default
}

input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0
}

input[type="checkbox"]+label,
input[type="radio"]+label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline
}

input[type="file"] {
  width: 100%
}

fieldset {
  border: 1px solid #DDDDDD;
  padding: 1.25rem;
  margin: 1.125rem 0
}

fieldset legend {
  font-weight: bold;
  background: #FFFFFF;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem
}

[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #FFFFFF
}

[data-abide] span.error,
[data-abide] small.error {
  display: none
}

span.error,
small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #FFFFFF
}

.error input,
.error textarea,
.error select {
  margin-bottom: 0
}

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem
}

.error label,
.error label.error {
  color: #f04124
}

.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f04124;
  color: #FFFFFF
}

.error>label>small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline
}

.error span.error-message {
  display: block
}

input.error,
textarea.error,
select.error {
  margin-bottom: 0
}

label.error {
  color: #f04124
}

.contain-to-grid {
  width: 100%;
  background: #333333
}

.contain-to-grid .top-bar {
  margin-bottom: 0
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99
}

.fixed.expanded:not(.top-bar) {
  overflow-y: auto;
  height: auto;
  width: 100%;
  max-height: 100%
}

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99
}

.fixed.expanded:not(.top-bar) .top-bar-section {
  z-index: 98;
  margin-top: 2.8125rem
}

.top-bar {
  overflow: hidden;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
  background: #333333;
  margin-bottom: 0
}

.top-bar ul {
  margin-bottom: 0;
  list-style: none
}

.top-bar .row {
  max-width: none
}

.top-bar form,
.top-bar input {
  margin-bottom: 0
}

.top-bar input {
  height: 1.75rem;
  padding-top: .35rem;
  padding-bottom: .35rem;
  font-size: 0.75rem
}

.top-bar .button,
.top-bar button {
  padding-top: 0.4125rem;
  padding-bottom: 0.4125rem;
  margin-bottom: 0;
  font-size: 0.75rem
}

@media only screen and (max-width: 40em) {
  .top-bar .button,
  .top-bar button {
    position: relative;
    top: -1px
  }
}

.top-bar .title-area {
  position: relative;
  margin: 0
}

.top-bar .name {
  height: 2.8125rem;
  margin: 0;
  font-size: 16px
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name h4,
.top-bar .name p,
.top-bar .name span {
  line-height: 2.8125rem;
  font-size: 1.0625rem;
  margin: 0
}

.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name p a,
.top-bar .name span a {
  font-weight: normal;
  color: #FFFFFF;
  width: 75%;
  display: block;
  padding: 0 0.9375rem
}

.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0
}

.top-bar .toggle-topbar a {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 0 0.9375rem;
  height: 2.8125rem;
  line-height: 2.8125rem
}

.top-bar .toggle-topbar.menu-icon {
  top: 50%;
  margin-top: -16px
}

.top-bar .toggle-topbar.menu-icon a {
  height: 34px;
  line-height: 33px;
  padding: 0 2.5rem 0 0.9375rem;
  color: #FFFFFF;
  position: relative
}

.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -8px;
  right: 0.9375rem;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 16px
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
  box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}

.top-bar.expanded {
  height: auto;
  background: transparent
}

.top-bar.expanded .title-area {
  background: #333333
}

.top-bar.expanded .toggle-topbar a {
  color: #888888
}

.top-bar.expanded .toggle-topbar a span::after {
  box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out
}

.top-bar-section ul {
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  font-size: 16px;
  margin: 0
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
  border-top: solid 1px #1a1a1a;
  clear: both;
  height: 1px;
  width: 100%
}

.top-bar-section ul li {
  background: #333333
}

.top-bar-section ul li>a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  padding: 12px 0 12px 0;
  padding-left: 0.9375rem;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: none
}

.top-bar-section ul li>a.button {
  font-size: 0.8125rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
  background-color: #007095
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul li>a.button:focus {
  color: #FFFFFF
}

.top-bar-section ul li>a.button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
  background-color: #b9b9b9
}

.top-bar-section ul li>a.button.secondary:hover,
.top-bar-section ul li>a.button.secondary:focus {
  color: #333333
}

.top-bar-section ul li>a.button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
  background-color: #368a55
}

.top-bar-section ul li>a.button.success:hover,
.top-bar-section ul li>a.button.success:focus {
  color: #FFFFFF
}

.top-bar-section ul li>a.button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
  background-color: #cf2a0e
}

.top-bar-section ul li>a.button.alert:hover,
.top-bar-section ul li>a.button.alert:focus {
  color: #FFFFFF
}

.top-bar-section ul li>a.button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
  background-color: #cf6e0e
}

.top-bar-section ul li>a.button.warning:hover,
.top-bar-section ul li>a.button.warning:focus {
  color: #FFFFFF
}

.top-bar-section ul li>button {
  font-size: 0.8125rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
  background-color: #007095
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
  color: #FFFFFF
}

.top-bar-section ul li>button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
  background-color: #b9b9b9
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
  color: #333333
}

.top-bar-section ul li>button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
  background-color: #368a55
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
  color: #FFFFFF
}

.top-bar-section ul li>button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
  background-color: #cf2a0e
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
  color: #FFFFFF
}

.top-bar-section ul li>button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
  background-color: #cf6e0e
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
  color: #FFFFFF
}

.top-bar-section ul li:hover:not(.has-form)>a {
  background-color: #555555;
  background: #333333;
  color: #FFFFFF
}

.top-bar-section ul li.active>a {
  background: #008CBA;
  color: #FFFFFF
}

.top-bar-section ul li.active>a:hover {
  background: #0078a0;
  color: #FFFFFF
}

.top-bar-section .has-form {
  padding: 0.9375rem
}

.top-bar-section .has-dropdown {
  position: relative
}

.top-bar-section .has-dropdown>a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 0.9375rem;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0
}

.top-bar-section .has-dropdown.moved {
  position: static
}

.top-bar-section .has-dropdown.moved>.dropdown {
  display: block;
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  position: absolute !important;
  width: 100%
}

.top-bar-section .has-dropdown.moved>a:after {
  display: none
}

.top-bar-section .dropdown {
  padding: 0;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 99;
  display: block;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px)
}

.top-bar-section .dropdown li {
  width: 100%;
  height: auto
}

.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 0.9375rem
}

.top-bar-section .dropdown li a.parent-link {
  font-weight: normal
}

.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.125rem
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
  color: #FFFFFF;
  display: block
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
  background: none
}

.top-bar-section .dropdown li.has-form {
  padding: 8px 0.9375rem
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
  top: auto
}

.top-bar-section .dropdown label {
  padding: 8px 0.9375rem 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #777777;
  font-weight: bold;
  font-size: 0.625rem
}

.js-generated {
  display: block
}

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible
  }
  .top-bar:before,
  .top-bar:after {
    content: " ";
    display: table
  }
  .top-bar:after {
    clear: both
  }
  .top-bar .toggle-topbar {
    display: none
  }
  .top-bar .title-area {
    float: left
  }
  .top-bar .name h1 a {
    width: auto
  }
  .top-bar input,
  .top-bar .button,
  .top-bar button {
    font-size: 0.875rem;
    position: relative;
    height: 1.75rem;
    top: 0.53125rem
  }
  .top-bar.expanded {
    background: #333333
  }
  .contain-to-grid .top-bar {
    max-width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 0
  }
  .top-bar-section {
    transition: none 0 0;
    left: 0 !important
  }
  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline
  }
  .top-bar-section ul li {
    float: left
  }
  .top-bar-section ul li .js-generated {
    display: none
  }
  .top-bar-section li.hover>a:not(.button) {
    background-color: #555555;
    background: #333333;
    color: #FFFFFF
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.9375rem;
    line-height: 2.8125rem;
    background: #333333
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #555555;
    background: #333333
  }
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 0.9375rem;
    line-height: 2.8125rem;
    color: #FFFFFF;
    background: #008CBA
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #0078a0;
    color: #FFFFFF
  }
  .top-bar-section .has-dropdown>a {
    padding-right: 2.1875rem !important
  }
  .top-bar-section .has-dropdown>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 1.40625rem
  }
  .top-bar-section .has-dropdown.moved {
    position: relative
  }
  .top-bar-section .has-dropdown.moved>.dropdown {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  .top-bar-section .has-dropdown.hover>.dropdown,
  .top-bar-section .has-dropdown.not-click:hover>.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important
  }
  .top-bar-section .has-dropdown>a:focus+.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
    border: none;
    content: "\00bb";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2
  }
  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%
  }
  .top-bar-section .dropdown li a {
    color: #FFFFFF;
    line-height: 2.8125rem;
    white-space: nowrap;
    padding: 12px 0.9375rem;
    background: #333333
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    color: #FFFFFF;
    background: #333333
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
    color: #FFFFFF;
    background-color: #555555;
    background: #333333
  }
  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: #333333
  }
  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0
  }
  .top-bar-section>ul>.divider,
  .top-bar-section>ul>[role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #4e4e4e;
    clear: none;
    height: 2.8125rem;
    width: 0
  }
  .top-bar-section .has-form {
    background: #333333;
    padding: 0 0.9375rem;
    height: 2.8125rem
  }
  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0
  }
  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%
  }
  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0
  }
  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%
  }
  .no-js .top-bar-section ul li:hover>a {
    background-color: #555555;
    background: #333333;
    color: #FFFFFF
  }
  .no-js .top-bar-section ul li:active>a {
    background: #008CBA;
    color: #FFFFFF
  }
  .no-js .top-bar-section .has-dropdown:hover>.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important
  }
  .no-js .top-bar-section .has-dropdown>a:focus+.dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important
  }
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-justify {
  text-align: justify !important
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important
  }
  .small-only-text-right {
    text-align: right !important
  }
  .small-only-text-center {
    text-align: center !important
  }
  .small-only-text-justify {
    text-align: justify !important
  }
}

@media only screen {
  .small-text-left {
    text-align: left !important
  }
  .small-text-right {
    text-align: right !important
  }
  .small-text-center {
    text-align: center !important
  }
  .small-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important
  }
  .medium-only-text-right {
    text-align: right !important
  }
  .medium-only-text-center {
    text-align: center !important
  }
  .medium-only-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important
  }
  .medium-text-right {
    text-align: right !important
  }
  .medium-text-center {
    text-align: center !important
  }
  .medium-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important
  }
  .large-only-text-right {
    text-align: right !important
  }
  .large-only-text-center {
    text-align: center !important
  }
  .large-only-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important
  }
  .large-text-right {
    text-align: right !important
  }
  .large-text-center {
    text-align: center !important
  }
  .large-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important
  }
  .xlarge-only-text-right {
    text-align: right !important
  }
  .xlarge-only-text-center {
    text-align: center !important
  }
  .xlarge-only-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important
  }
  .xlarge-text-right {
    text-align: right !important
  }
  .xlarge-text-center {
    text-align: center !important
  }
  .xlarge-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important
  }
  .xxlarge-only-text-right {
    text-align: right !important
  }
  .xxlarge-only-text-center {
    text-align: center !important
  }
  .xxlarge-only-text-justify {
    text-align: justify !important
  }
}

@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important
  }
  .xxlarge-text-right {
    text-align: right !important
  }
  .xxlarge-text-center {
    text-align: center !important
  }
  .xxlarge-text-justify {
    text-align: justify !important
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0
}

a {
  color: #008CBA;
  text-decoration: none;
  line-height: inherit
}

a:hover,
a:focus {
  color: #0078a0
}

a img {
  border: none
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility
}

p.lead {
  font-size: 1.21875rem;
  line-height: 1.6
}

p aside {
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0
}

h1 {
  font-size: 2.125rem
}

h2 {
  font-size: 1.6875rem
}

h3 {
  font-size: 1.375rem
}

h4 {
  font-size: 1.125rem
}

h5 {
  font-size: 1.125rem
}

h6 {
  font-size: 1rem
}

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem
}

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0
}

em,
i {
  font-style: italic;
  line-height: inherit
}

strong,
b {
  font-weight: bold;
  line-height: inherit
}

small {
  font-size: 60%;
  line-height: inherit
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.125rem 0.3125rem 0.0625rem
}

ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit
}

ul {
  margin-left: 1.1rem
}

ul.no-bullet {
  margin-left: 0
}

ul.no-bullet li ul,
ul.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none
}

ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
  list-style: inherit
}

ul.square {
  list-style-type: square;
  margin-left: 1.1rem
}

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem
}

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem
}

ul.no-bullet {
  list-style: none
}

ol {
  margin-left: 1.4rem
}

ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold
}

dl dd {
  margin-bottom: 0.75rem
}

abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help
}

abbr {
  text-transform: none
}

abbr[title] {
  border-bottom: 1px dotted #DDDDDD
}

blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD
}

blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555555
}

blockquote cite:before {
  content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
  color: #555555
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f
}

.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem
}

.vcard li {
  margin: 0;
  display: block
}

.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem
}

.vevent .summary {
  font-weight: bold
}

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem
}

@media only screen and (min-width: 40.063em) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.4
  }
  h1 {
    font-size: 2.75rem
  }
  h2 {
    font-size: 2.3125rem
  }
  h3 {
    font-size: 1.6875rem
  }
  h4 {
    font-size: 1.4375rem
  }
  h5 {
    font-size: 1.125rem
  }
  h6 {
    font-size: 1rem
  }
}

.print-only {
  display: none !important
}

@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr,
  img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
  .hide-on-print {
    display: none !important
  }
  .print-only {
    display: block !important
  }
  .hide-for-print {
    display: none !important
  }
  .show-for-print {
    display: inherit !important
  }
}

@media only screen {
  .show-for-small-only,
  .show-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important
  }
  .hide-for-small-only,
  .hide-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important
  }
  .visible-for-small-only,
  .visible-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .hidden-for-small-only,
  .hidden-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  table.show-for-small-only,
  table.show-for-small-up,
  table.show-for-small,
  table.show-for-small-down,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important
  }
  thead.show-for-small-only,
  thead.show-for-small-up,
  thead.show-for-small,
  thead.show-for-small-down,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.show-for-small-only,
  tbody.show-for-small-up,
  tbody.show-for-small,
  tbody.show-for-small-down,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.show-for-small-only,
  tr.show-for-small-up,
  tr.show-for-small,
  tr.show-for-small-down,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row !important
  }
  th.show-for-small-only,
  td.show-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.show-for-small,
  td.show-for-small,
  th.show-for-small-down,
  td.show-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important
  }
}

@media only screen and (min-width: 40.063em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.show-for-medium-only,
  table.show-for-medium-up,
  table.show-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.show-for-medium-only,
  thead.show-for-medium-up,
  thead.show-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.show-for-medium-only,
  tbody.show-for-medium-up,
  tbody.show-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.show-for-medium-only,
  tr.show-for-medium-up,
  tr.show-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row !important
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.show-for-medium-only,
  td.show-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.show-for-medium,
  td.show-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important
  }
}

@media only screen and (min-width: 64.063em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.show-for-large-only,
  table.show-for-large-up,
  table.show-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.show-for-large-only,
  thead.show-for-large-up,
  thead.show-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.show-for-large-only,
  tbody.show-for-large-up,
  tbody.show-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.show-for-large-only,
  tr.show-for-large-up,
  tr.show-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row !important
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.show-for-large-only,
  td.show-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.show-for-large,
  td.show-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important
  }
}

@media only screen and (min-width: 90.063em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.show-for-xlarge-only,
  table.show-for-xlarge-up,
  table.show-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.show-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.show-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.show-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.show-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.show-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.show-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row !important
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.show-for-xlarge-only,
  td.show-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.show-for-xlarge,
  td.show-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important
  }
}

@media only screen and (min-width: 120.063em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .hide-for-xlarge-only,
  .show-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .show-for-xlarge-only,
  .hide-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .hidden-for-xlarge-only,
  .visible-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .visible-for-xlarge-only,
  .hidden-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .hidden-for-xxlarge-down {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
  }
  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.hide-for-xlarge-only,
  table.show-for-xlarge-up,
  table.hide-for-xlarge,
  table.hide-for-xlarge-down,
  table.show-for-xxlarge-only,
  table.show-for-xxlarge-up,
  table.show-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important
  }
  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.hide-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.hide-for-xlarge-down,
  thead.show-for-xxlarge-only,
  thead.show-for-xxlarge-up,
  thead.show-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important
  }
  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.hide-for-xlarge-down,
  tbody.show-for-xxlarge-only,
  tbody.show-for-xxlarge-up,
  tbody.show-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important
  }
  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.hide-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.hide-for-xlarge-down,
  tr.show-for-xxlarge-only,
  tr.show-for-xxlarge-up,
  tr.show-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row !important
  }
  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.hide-for-xlarge-down,
  td.hide-for-xlarge-down,
  th.show-for-xxlarge-only,
  td.show-for-xxlarge-only,
  th.show-for-xxlarge-up,
  td.show-for-xxlarge-up,
  th.show-for-xxlarge,
  td.show-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important
  }
}

.show-for-landscape,
.hide-for-portrait {
  display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
  display: table !important
}

thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important
  }
  table.show-for-landscape,
  table.hide-for-portrait {
    display: table !important
  }
  thead.show-for-landscape,
  thead.hide-for-portrait {
    display: table-header-group !important
  }
  tbody.show-for-landscape,
  tbody.hide-for-portrait {
    display: table-row-group !important
  }
  tr.show-for-landscape,
  tr.hide-for-portrait {
    display: table-row !important
  }
  td.show-for-landscape,
  td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important
  }
}

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important
  }
  table.show-for-portrait,
  table.hide-for-landscape {
    display: table !important
  }
  thead.show-for-portrait,
  thead.hide-for-landscape {
    display: table-header-group !important
  }
  tbody.show-for-portrait,
  tbody.hide-for-landscape {
    display: table-row-group !important
  }
  tr.show-for-portrait,
  tr.hide-for-landscape {
    display: table-row !important
  }
  td.show-for-portrait,
  td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important
  }
}

.show-for-touch {
  display: none !important
}

.hide-for-touch {
  display: inherit !important
}

.touch .show-for-touch {
  display: inherit !important
}

.touch .hide-for-touch {
  display: none !important
}

table.hide-for-touch {
  display: table !important
}

.touch table.show-for-touch {
  display: table !important
}

thead.hide-for-touch {
  display: table-header-group !important
}

.touch thead.show-for-touch {
  display: table-header-group !important
}

tbody.hide-for-touch {
  display: table-row-group !important
}

.touch tbody.show-for-touch {
  display: table-row-group !important
}

tr.hide-for-touch {
  display: table-row !important
}

.touch tr.show-for-touch {
  display: table-row !important
}

td.hide-for-touch {
  display: table-cell !important
}

.touch td.show-for-touch {
  display: table-cell !important
}

th.hide-for-touch {
  display: table-cell !important
}

.touch th.show-for-touch {
  display: table-cell !important
}

@media print {
  .show-for-print {
    display: block
  }
  .hide-for-print {
    display: none
  }
  table.show-for-print {
    display: table !important
  }
  thead.show-for-print {
    display: table-header-group !important
  }
  tbody.show-for-print {
    display: table-row-group !important
  }
  tr.show-for-print {
    display: table-row !important
  }
  td.show-for-print {
    display: table-cell !important
  }
  th.show-for-print {
    display: table-cell !important
  }
}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: ""
}
.fa-meetup:before {
  content: ""
}

.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
}

.row:before,
#key-visual .key-contents:before,
footer #breadcrumb ul:before,
footer .footer-nav:before,
.school-list:before,
.supporter-list:before,
.about-whats .what-3-service:before,
.staff-box .box .profile:before,
.lit-box .box .profile:before,
.event-current-list:before,
.camp-local-menu:before,
.course-list-all:before,
.school-course-icon:before,
.online-course-list:before,
.iPhone .sp-nav h1:before,
.android .sp-nav h1:before,
.row:after,
#key-visual .key-contents:after,
footer #breadcrumb ul:after,
footer .footer-nav:after,
.school-list:after,
.supporter-list:after,
.about-whats .what-3-service:after,
.staff-box .box .profile:after,
.lit-box .box .profile:after,
.event-current-list:after,
.camp-local-menu:after,
.course-list-all:after,
.school-course-icon:after,
.online-course-list:after,
.iPhone .sp-nav h1:after,
.android .sp-nav h1:after {
  display: table;
  content: ""
}

.row:after,
#key-visual .key-contents:after,
footer #breadcrumb ul:after,
footer .footer-nav:after,
.school-list:after,
.supporter-list:after,
.about-whats .what-3-service:after,
.staff-box .box .profile:after,
.lit-box .box .profile:after,
.event-current-list:after,
.camp-local-menu:after,
.course-list-all:after,
.school-course-icon:after,
.online-course-list:after,
.iPhone .sp-nav h1:after,
.android .sp-nav h1:after {
  clear: both
}

.row,
#key-visual .key-contents,
footer #breadcrumb ul,
footer .footer-nav,
.school-list,
.supporter-list,
.about-whats .what-3-service,
.staff-box .box .profile,
.lit-box .box .profile,
.event-current-list,
.camp-local-menu,
.course-list-all,
.school-course-icon,
.online-course-list,
.iPhone .sp-nav h1,
.android .sp-nav h1 {
  zoom: 1
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}

a {
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out
}

a:hover {
  color: #FF4C4C
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6 {
  font-weight: normal;
  font-family: "BrandonGrotesque-Regular";
  font-size: 20px
}

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

[class^="fa"]:before,
[class*=" fa-"]:before {
  margin-right: 5px
}

.text-red {
  color: #FF4C4C !important
}

.text-gray {
  color: #888
}

.text-white {
  color: #fff !important
}

.text-orange {
  color: #FF8B00 !important
}

.text-green {
  color: #7DC600 !important
}

.text-blue {
  color: #0085FF !important
}

.text-purple {
  color: #a278ff !important
}

.text-pink {
  color: #ed1e79 !important
}

.text-bold {
  font-weight: bold
}

.bg-red {
  background: #ffe5e5 !important
}

.bg-red h2 {
  color: #FF4C4C
}

.bg-red-vivid {
  background: #FF4C4C;
  color: #fff
}

.bg-orange {
  background: #FF8B00;
  color: #fff
}

.bg-yellow {
  background: #ffd52e
}

.bg-yellow .notice {
  color: #333
}

.bg-yellow a {
  color: #FF4C4C !important
}

.bg-gray {
  background: #fafafa
}

.bg-poly {
  background: url(/images/bg_poly.jpg) !important
}

.bg-poly2 {
  background: url(/images/bg_poly2.jpg) !important
}

.bg-darkgray {
  background: #888
}

.bg-purple {
  background: #a278ff;
  color: #fff
}

.bg-blue {
  background: #0085FF;
  color: #fff
}

.bg-blue h2 {
  color: #fff
}

.bg-blue h3 {
  color: #fff
}


.bg-sky {
  background: url(/camp/images/bg_camp_calendar.jpg);
  -webkit-background-size: cover;
  background-size: cover
}

.bg-fabric {
  background: url(/images/fabric_plaid2.jpg)
}

.bg-fabric h2 {
  border-left: 4px solid #FF4C4C;
  padding-left: 10px;
  margin-bottom: 10px
}

.text {
  line-height: 2;
  font-size: 15px
}

.text-large {
  font-size: 1.5rem !important
}

.text-small {
  font-size: .8rem
}

.text-new {
  font-size: .6rem;
  color: #fff;
  background: #FF4C4C;
  padding: 2px 4px;
  border-radius: 3px
}

.nowrap {
  white-space: nowrap
}

.notice {
  color: #999;
  font-size: 13px
}

.notice-white {
  color: #fff;
  font-size: 13px
}

.mb0 {
  margin-bottom: 0px !important
}

.mb10 {
  margin-bottom: 10px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.mb20 {
  margin-bottom: 20px !important
}

.mb30 {
  margin-bottom: 30px !important
}

.mb40 {
  margin-bottom: 40px !important
}

.mb50 {
  margin-bottom: 50px !important
}

.mt10 {
  margin-top: 10px !important
}

.mt40 {
  margin-top: 40px !important
}

.mb100 {
  margin-bottom: 100px !important
}

.colorful span:nth-child(6n+1) {
  color: #FF4C4C
}

.colorful span:nth-child(6n+2) {
  color: #0085FF
}

.colorful span:nth-child(6n+3) {
  color: #7DC600
}

.colorful span:nth-child(6n+4) {
  color: #FAC800
}

.colorful span:nth-child(6n+5) {
  color: #FF8B00
}

.colorful span:nth-child(6n) {
  color: #a278ff
}

.font-normal {
  font-weight: normal !important;
  font-style: normal !important
}

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

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

.detail-link {
  display: inline-block;
  padding: 3px 5px;
  background: #0085FF;
  color: #fff;
  border-radius: 3px;
  font-size: .8rem
}

.detail-link:hover {
  background: #66b6ff;
  color: #fff
}

.detail-link:after {
  font-family: FontAwesome;
  margin-left: 5px;
  margin-right: 5px;
  content: ""
}

.detail-link2 {
  display: inline-block;
  padding: 6px 6px;
  background: #FF4C4C;
  color: #fff;
  border-radius: 3px;
  font-size: .8rem
}

.detail-link2:hover {
  background: #ffb2b2;
  color: #fff
}

.detail-link2:after {
  font-family: FontAwesome;
  margin-left: 8px;
  margin-right: 5px;
  content: ""
}

.row {
  margin: 0 auto;
  max-width: none !important;
  position: relative
}

.top-title h1 {
  padding-top: 10px
}

.top-title h1 strong {
  font-weight: normal;
  letter-spacing: 15px;
  font-size: 32px;
  padding: 20px 0 15px;
  vertical-align: bottom;
  margin-right: 40px
}

.movie {
  padding: 150px 0 150px
}

header {
  font-family: "BrandonGrotesque-Regular";
  position: relative;
  z-index: 100;
  transition: all .5s ease-out;
  transform: translateZ(0);
  -webkit-transform: translateZ(0)
}

header .logo {
  float: left;
  font-size: 20px;
  width: 240px;
  margin-right: 20px;
  padding-top: 10px;
  transition: all .2s ease-out
}

header nav {
  width: 317px;
  float: left
}

header nav ul {
  padding-top: 10px;
  float: right;
  overflow: hidden
}

header nav li {
  font-size: 14px;
  float: left;
  margin-left: 30px
}

header nav li a {
  display: block
}

header nav li.current,
header nav li:hover {
  border-bottom: 3px solid #fff
}

header .header-content {
  float: right;
  width: 330px;
  color: #fff;
  padding-top: 12px
}

header .header-content ul {
  float: right;
  overflow: hidden;
  font-size: 12px
}

header .header-content ul li {
  float: left;
  margin-right: 20px
}

header .header-content ul li:last-child {
  margin-right: 0
}

header .header-content ul li:hover {
  background: #000
}

header .header-content .tel {
  text-align: right;
  clear: both;
  font-size: 28px;
  margin-bottom: 0;
  transition: all .25s ease-out;
  opacity: 1
}

header .header-content .tel .tel-number {
  display: inline-block
}

header .header-content .tel .tel-info {
  display: inline-block;
  margin-left: 15px;
  font-size: 13px;
  line-height: 1
}

header a {
  color: #fff !important
}

.header-scroll {
  background: #eee;
  background: rgba(255, 76, 76, 0.7);
  font-size: 12px;
  padding: 7px 0 5px
}

.header-scroll .logo {
  width: 180px;
  padding-top: 0
}

.header-scroll .header-content {
  padding-top: 10px
}

.header-scroll .tel {
  height: 0;
  opacity: 0 !important
}

#key-visual {
  color: #fff
}

#key-visual h1 {
  font-family: "BrandonGrotesque-Regular";
  padding-top: 30px;
  padding-bottom: 0;
  color: #fff;
  text-align: center;
  font-size: 4rem
}

#key-visual h2 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-bottom: 50px
}

#key-visual .key-contents {
  margin-bottom: 40px
}

#key-visual .key-contents li {
  float: left;
  border: 1px solid #fff;
  width: 240px;
  margin-right: 110px;
  text-align: center;
  letter-spacing: 3px;
  font-size: 20px
}

#key-visual .key-contents li:last-child {
  margin-right: 0
}

#key-visual .key-contents li a {
  font-family: "BrandonGrotesque-Bold";
  padding: 10px 0;
  display: block;
  color: #fff
}

#key-visual .key-contents li a span {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-size: 16px;
  display: block
}

#key-visual .key-contents li a:hover {
  background: rgba(255, 255, 255, 0.5)
}

#key-visual .key-camp {
  background: rgba(255, 76, 76, 0.5)
}

#key-visual .key-school {
  background: rgba(250, 200, 0, 0.5);
  position: relative
}

#key-visual .key-school .pop-school {
  top: -60px;
  left: -42px;
  position: absolute
}

#key-visual .key-school .date {
  display: none
}

#key-visual .key-online {
  background: rgba(0, 133, 255, 0.5);
  position: relative
}

#key-visual .key-online i {
  width: 200px;
  height: 130px;
  position: absolute;
  top: -42px;
  left: -50px;
  background: url(/images/brand_new_service.png) no-repeat
}

#key-visual .button-new-service {
  background: none;
  border: none !important
}

#key-visual .button-new-service a {
  margin-top: -50px
}

#key-visual .btn-pamphlet {
  position: absolute;
  left: -5px;
  bottom: -62px
}

#key-visual .key-arrow {
  text-align: center;
  position: relative
}

#key-visual .key-arrow i {
  color: #fff;
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -5px;
  -webkit-animation: blink 1s infinite;
  -moz-animation: blink 1s infinite;
  -o-animation: blink 1s infinite;
  animation: blink 1s infinite
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
    top: 0px
  }
  100% {
    opacity: .7;
    top: 10px
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0;
    top: 0px
  }
  100% {
    opacity: .7;
    top: 10px
  }
}

@-o-keyframes blink {
  0% {
    opacity: 0;
    top: 0px
  }
  100% {
    opacity: .7;
    top: 10px
  }
}

@keyframes blink {
  0% {
    opacity: 0;
    top: 0px
  }
  100% {
    opacity: .7;
    top: 10px
  }
}

#content {
  background: #fff
}

footer {
  font-family: "BrandonGrotesque-Regular";
  background: #fff
}

footer a {
  color: #999
}

footer #closed {
  position: fixed;
  min-height: 50px;
  background: rgba(0, 133, 255, 0.8);
  color: #fff;
  text-align: center;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0
}

footer #closed p {
  font-weight: bold;
  font-size: 1rem;
  margin: 0
}

footer #closed span {
  font-weight: normal;
  display: block;
  font-size: .6rem
}

footer #breadcrumb {
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  padding: 5px 0;
  margin-bottom: 30px;
  text-transform: uppercase
}

footer #breadcrumb li {
  float: left;
  font-size: .8rem;
  margin-right: 30px
}

footer .footer-nav li {
  float: left;
  margin-right: 35px
}

footer .footer-nav li:last-child {
  margin-right: 0
}

footer .footer-nav dt {
  font-size: 13px;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  margin-bottom: 10px
}

footer .footer-nav dt a {
  color: #0085FF
}

footer .footer-nav dd {
  font-size: 12px
}

footer .copyright {
  text-align: right
}

footer .copyright small {
  font-size: 12px
}

#social-btn {
  list-style: none;
  right: 0;
  bottom: -40px;
  position: absolute;
  z-index: 10
}

#social-btn:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

#social-btn a {
  font-size: 20px;
  color: #fff
}

#social-btn a:hover {
  opacity: .7
}

#social-btn li {
  margin: 0px 16px 0px 0px;
  float: left
}

#social-btn li .snsFv {
  position: relative
}

#social-btn li .snsFv .popSns {
  width: 146px;
  height: 37px;
  text-align: center;
  overflow: hidden;
  display: block;
  top: -37px;
  position: absolute;
  display: none;
  background: #fff
}

#social-btn #snsF .snsFv .popSns {
  background: rgba(0, 0, 0, 0.3)
}

#social-btn #snsG .snsFv .popSns {
  background: rgba(0, 0, 0, 0.3);
  left: -44px
}

#social-btn #snsT .snsFv .popSns {
  background: rgba(0, 0, 0, 0.3);
  left: -82px
}

#social-btn li .snsFv .popSns .popSnsIn {
  padding: 10px;
  text-align: left
}

#social-btn #snsF {
  margin-right: 25px
}

#social-btn #snsF .popSnsIn {
  padding: 5px 10px 10px 10px
}

.screen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(../videos/pixel-screen2.png)
}

.pre-loader {
  background: #eee;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}

video {
  position: fixed;
  top: 0;
  right: 0;
  z-index: -2;
  min-width: 100%;
  min-height: 630px
}

.whats-box {
  padding: 40px 0;
  background: #fafafa
}

.whats-box p {
  font-size: .9rem
}

.whats-box h2 {
  background: url("../images/whats_box.png") no-repeat center center;
  color: #FF4C4C;
  text-align: center;
  letter-spacing: 2px;
  font-size: 1rem
}

#course-top .whats-box {
  background: #eee
}

#course-top .list-course li {
  text-align: center;
  width: 12%;
  min-height: 180px;
  margin-right: 2.6%
}

#course-top .list-course li:nth-child(5n) {
  margin-right: 2.6%
}

#course-top .list-course li:nth-child(7n) {
  margin-right: 0
}

#course-top .list-course img {
  width: 100%;
  display: block
}

#event-lineup .event-lineup-box .top-topics {
  margin-bottom: 30px
}

#event-lineup .event-lineup-box .top-topics h2 {
  color: #fff;
  background: #0085FF;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  font-size: 1rem;
  margin: 0 auto
}

#event-lineup .event-lineup-box .top-topics dt {
  font-size: .8rem
}

#event-lineup .event-lineup-box .top-topics dd {
  margin-top: -1.6rem;
  padding-left: 6rem;
  font-size: .8rem
}

#event-lineup .event-lineup-box ul {
  overflow: hidden;
  margin: 0 auto
}

#event-lineup .event-lineup-box li {
  float: left;
  position: relative;
  width: 250px;
  height: 250px;
  margin-right: 40px;
  margin-bottom: 40px
}

#event-lineup .event-lineup-box li:nth-child(3n) {
  margin-right: 0
}

#event-lineup .event-lineup-box li a,
#event-lineup .event-lineup-box li a img {
  display: block;
  position: relative
}

#event-lineup .event-lineup-box li a {
  overflow: hidden
}

#event-lineup .event-lineup-box li a div {
  position: absolute;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  padding: 20px
}

#event-lineup .event-lineup-box li a div h2 {
  color: #fff;
      line-height : 1.3rem;
  border-bottom: 1px solid #fff
}

#event-lineup .event-lineup-box li a div .description {
    font-style: italic;
    line-height : 1.3rem;
    color: #fff
}

#event-lineup .event-lineup-box li a div .date {
  color: #fff
}

#event-lineup .event-lineup-box li a .blue {
  background: rgba(0, 133, 255, 0.9)
}

#event-lineup .event-lineup-box li a .green {
  background: rgba(125, 198, 0, 0.9)
}

#event-lineup .event-lineup-box li a .orange {
  background: rgba(255, 139, 0, 0.9)
}

#event-lineup .event-lineup-box li a .purple {
  background: rgba(162, 120, 255, 0.9)
}

#event-lineup .event-lineup-box li a .red {
  background: rgba(255, 76, 76, 0.9)
}

#event-lineup .event-lineup-box li a .yellow {
  background: rgba(250, 200, 0, 0.9)
}

#event-lineup .event-lineup-box li a .yellow .date {
  color: #000
}

#event-lineup .event-lineup-box li a .yellow .description,
#event-lineup .event-lineup-box li a .yellow h2 {
  color: #000
}

#supporter h2 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 30px
}

.supporter-box {
  background: url(../images/bg-supporter.jpg) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 60px 0
}

.school-list {
  margin-bottom: 50px
}

.school-list a {
  width: 100%;
  height: 100%;
  display: block
}

.school-list a p {
  color: #666
}

.school-list a:hover h3 {
  color: #FF8B00
}

.school-list li {
  background: #fff;
  width: 180px;
  height: 120px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}

.school-list li h3 {
  padding: 10px 15px 0px 15px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  color: #0085FF
}

.school-list li p {
  padding: 5px 15px 5px 15px;
  font-size: 14px
}

.school-list li:nth-child(5n) {
  margin-right: 0
}

.school-list .univ-hosei a {
  width: auto;
  height: auto;
  color: #666
}

.school-list .school-10 {
  background: transparent !important
}

.school-list .school-empty {
  width: 180px;
  height: 120px
}

.supporter-list li {
  width: 180px;
  height: 125px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}

.supporter-list li:nth-child(5n) {
  margin-right: 0
}

#contact-us h1 {
  font-size: 24px
}

#contact-us .facebook-likebox h1 {
  color: #3B5998
}

#contact-us .twitter-widget h1 {
  color: #55ACEE
}

.contact-us-box {
  background: #fafafa;
  padding: 40px 0
}

.twitter-timeline {
  height: 520px
}

.btn-about {
  margin-bottom: 0
}

.btn-about a {
  font-family: "BrandonGrotesque-Regular";
  font-size: 14px !important;
  margin-bottom: 0 !important;
  border-radius: 5px;
  font-size: 20px;
  display: block;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px;
  color: #fff !important
}

.btn-about a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.puzzle2015 {
  position: absolute;
  top: 541px;
  left: 55px;
  width: 250px;
  height: 40px;
  display: inline-block
}

.puzzle2015:hover {
  cursor: default
}

.btn-sidebanner {
  position: fixed;
  right: 20px;
  bottom: 30px;
  text-align: right;
  z-index: 1000
}

.camp .btn-sidebanner {
  position: fixed;
  right: 50px;
  bottom: 160px;
  text-align: right;
  z-index: 1000
}

.btn-summer-camp {
  position: absolute;
  top: 166px;
  left: -36px;
  width: 80px
}

.btn-school {
  position: absolute;
  top: 170px;
  left: 317px;
  width: 80px
}

#message {
  background: #FFFBD5;
  color: #4D2D07;
  border-top: solid 3px #FF4C4C
}

#message .message-box {
  margin: 0 auto;
  line-height: 1.8;
  padding: 20px 0 10px
}

#message .message-box h1 {
  font-family: serif;
  color: #4D2D07
}

#message .message-box h1 em {
  font-style: normal;
  font-size: 1.4rem
}

#message .message-box p {
  font-size: .9rem
}

.basic-key {
  padding: 150px 0
}

.basic-key .logo {
  font-size: 0
}

.basic-key h1 {
  font-size: 80px
}

.basic-key h2 {
  font-size: 30px;
  margin-bottom: 10px
}

.basic-key h3 {
  font-size: 26px !important;
  color: #fff;
  text-align: center;
  background: rgba(255, 76, 76, 0.5)
}

.tablet .device-bg,
.iPad .device-bg {
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: 742px !important
}

.iPhone .device-bg,
.android .device-bg {
  -webkit-background-size: cover !important;
  background-size: cover !important;
  top: 150px;
  height: 742px !important
}

.camp .cover {
  background: url(/camp/images/spring2016/bg.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  min-height: 900px;
  width: 100%
}

.camp-key {
  padding: 120px 0 20px
}

.camp-key .device-bg {
  background-image: url(/camp/images/summer2015_bg.jpg)
}

.camp-key .key-arrow {
  margin-top: -100px
}

.camp-key .key-arrow img {
  color: #ed1e79;
  -webkit-animation: blink 1.5s infinite;
  -moz-animation: blink 1.5s infinite;
  -o-animation: blink 1.5s infinite;
  animation: blink 1.5s infinite
}

.camp-key .camp-summer2015 {
  padding: 50px 50px 0;
  position: relative;
  margin: 0 auto 8px;
  width: 940px;
  height: 500px
}

.camp-key .camp-summer2015 h1 {
  position: absolute;
  top: 224px;
  left: 0px;
  width: 347px;
  background: #FF0;
  font-size: 1rem !important;
  padding: 0 40px !important
}

.camp-key .camp-summer2015 h2 {
  font-size: 30px;
  position: absolute;
  top: -30px;
  left: 0
}

.camp-key .camp-summer2015 h3 {
  color: #ed1e79;
  font-size: 37px !important;
  letter-spacing: 5px;
  margin-bottom: 30px;
  position: absolute;
  top: 254px;
  left: 52px;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
  background: #fff
}

.camp-key .camp-summer2015 .copy-body {
  line-height: 2;
  font-size: 18px;
  position: absolute;
  letter-spacing: 4px;
  top: 287px;
  left: 0;
  color: #fff;
  font-weight: bold
}

.camp-key .camp-summer2015 .btn-entry {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 300px
}

.camp-key .camp-summer2015 .btn-next {
  position: absolute;
  display: inline-block;
  bottom: 24px;
  right: 54px
}

.camp-key .camp-summer2015 .btn-next:hover {
  opacity: 1
}

.camp-key .arrow-down a {
  font-family: "BrandonGrotesque-Bold" !important;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  background: rgba(255, 76, 76, 0.7);
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 40px 4px
}

.camp-key .arrow-down a:hover {
  opacity: .5
}

.school-key {
  padding: 75px 0 60px
}

.school-key h1 {
  font-size: 30px
}

.school-key h2 {
  margin-bottom: 10px !important
}

.school-key h3 {
  background: transparent
}

.online-key {
  padding: 100px 0 70px
}

.online-key h3 {
  background: transparent
}

.online-key h4 {
  text-align: center;
  color: #fff
}

.about-key {
  background: url(/images/about-key.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  padding: 70px 0 50px;
  text-align: center
}

.about-key h2 {
  font-size: 30px !important
}

.about-key iframe {
  display: inline-block;
  border: 8px solid rgba(0, 133, 255, 0.5)
}

.company-key {
  background: url(/company/images/company-key.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: bottom center;
  padding: 150px 0 200px
}

.company-key #key-visual h1 {
  padding-top: 100px;
  text-align: center
}

.oneday-key {
  background: url(/images/key-oneday.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  padding: 300px 0 200px
}

.stay-key {
  padding: 200px 0
}

.stay-key h2 {
  font-size: 30px !important
}

.iphone-key {
  padding: 150px 0
}

.mediaart-key {
  padding: 150px 0
}

.index .device-bg {
  background: url(/images/top-key.jpg) center top no-repeat
}

.camp_stay .device-bg {
  background: url(/images/stay-static.jpg) center top no-repeat
}

.camp_designer .device-bg {
  background: url(/images/designer-static.jpg) center top
}

.camp_iphone .device-bg {
  background: url(/images/iphone-static.jpg) center top
}

.camp_android .device-bg {
  background: url(/images/android-static.jpg) center top
}

.camp_2dgame .device-bg {
  background: url(/images/2dgame-static.jpg) center top
}

.camp_enchant .device-bg {
  background: url(/images/enchant-static.jpg) center top
}

.camp_videoedit .device-bg {
  background: url(/images/videoedit-static.jpg) center top
}

.camp_windows8 .device-bg {
  background: url(/images/windows8-static.jpg) center top
}

.camp_webdesign .device-bg {
  background: url(/images/webdesign-static.jpg) center top
}

.camp_webservice .device-bg {
  background: url(/images/webservice-static.jpg) center top
}

.camp_3dgame .device-bg {
  background: url(/images/3dgame-static.jpg) center top
}

.camp_dtm .device-bg {
  background: url(/images/dtm-static.jpg) center top
}

.camp_mediaart .device-bg {
  background: url(/images/mediaart-static.jpg) center top
}

.camp_animation .device-bg {
  background: url(/images/animation-static.jpg) center top
}

.camp_minecraft .basic-key {
  background: url(/images/minecraft-static.jpg) center top;
  -webkit-background-size: cover;
  background-size: cover
}

.camp_minecraft .device-bg {
  background: url(/images/minecraft-static.jpg) center top
}

.camp_course .basic-key {
  padding-bottom: 250px !important;
  background: url(/videos/coursetop.jpg) center top;
  -webkit-background-size: cover;
  background-size: cover
}

.camp_course .basic-key h1 {
  padding-top: 0 !important
}

.camp_course .device-bg {
  background: url(/images/minecraft-static.jpg) center top
}

.camp_miku .basic-key {
  background: url(/images/miku-static.jpg) center top;
  -webkit-background-size: cover;
  background-size: cover
}

.camp_miku .device-bg {
  background: url(/images/miku-static.jpg) center top
}

.camp_stamp .basic-key {
  background: url(/images/stamp-static.jpg) center top;
  -webkit-background-size: cover;
  background-size: cover
}

.camp_stamp .device-bg {
  background: url(/images/stamp-static.jpg) center top
}

.camp_course .device-bg {
  background: url(/images/course-static.jpg) center top
}

.online .device-bg {
  background: url(/images/online-static.jpg) center top
}

.school .device-bg {
  background: url(/images/school-static.jpg) center top
}

#camp-spring2016 {
  overflow: hidden
}

#camp-spring2016 img {
  display: block;
  margin: auto
}

#camp-spring2016 .wrapper {
  width: 100%;
  perspective: 400px;
  margin: auto;
  position: absolute;
  z-index: 0
}

#camp-spring2016 .parent {
  margin: auto
}

#camp-spring2016 .center {
  display: block;
  margin-top: 530px
}

#camp-spring2016 .side {
  width: 200px;
  position: absolute;
  top: 0
}

#camp-spring2016 .left {
  transform: rotateX(90deg) rotateY(95deg) rotateZ(-10deg);
  left: 20%
}

#camp-spring2016 .right {
  transform: rotateX(90deg) rotateY(85deg) rotateZ(-10deg);
  right: 20%
}

#camp-spring2016 .box {
  width: 19%;
  height: 20px;
  background: #000;
  display: inline-block;
  margin-left: 1px;
  mix-blend-mode: overlay
}

#camp-spring2016 .front {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  width: 900px;
  margin: auto;
  z-index: 999
}

#camp-spring2016 .fade-in {
  display: none
}

#camp-spring2016 .spring-title {
  margin-bottom: 20px
}

#camp-spring2016 .spring-copy {
  margin-bottom: 20px
}

#camp-spring2016 .spring-description {
  color: #000;
  font-weight: bold;
  font-size: 0.9rem;
  letter-spacing: 0.1rem
}

#camp-spring2016 .left-area {
  float: left;
  margin-left: 100px
}

#camp-spring2016 .right-area {
  float: right;
  margin-right: 130px
}

#camp-spring2016 .first {
  position: fixed;
  right: 50px;
  bottom: 50px
}

#camp-spring2016 .circle {
  border: 2px solid #000;
  border-radius: 50%;
  position: absolute
}

#camp-spring2016 .circle1 {
  border-color: #0ff;
  top: 100px;
  left: 10%;
  width: 150px;
  height: 150px
}

#camp-spring2016 .circle2 {
  border-color: #f00;
  top: 60%;
  left: 12%;
  width: 100px;
  height: 100px
}

#camp-spring2016 .circle3 {
  border-color: #0f0;
  top: 70%;
  left: 20%;
  width: 50px;
  height: 50px
}

#camp-spring2016 .circle4 {
  border-color: #fff000;
  top: 20%;
  right: 10%;
  width: 70px;
  height: 70px
}

#camp-spring2016 .circle5 {
  border-color: #0ff;
  top: 30%;
  right: 10%;
  width: 150px;
  height: 150px
}

#camp-spring2016 .ie {
  display: none;
  width: 100%
}

#camp-spring2016 .no-ie {
  display: none
}

#camp-spring2016 .left-bg {
  position: absolute;
  top: -80px;
  right: 60%;
  width: 40%
}

#camp-spring2016 .right-bg {
  position: absolute;
  top: -80px;
  left: 60%;
  width: 40%
}

.page-content {
  background: #fff
}

.page-content section>h1 {
  margin-bottom: 50px
}

.page-content h1 {
  letter-spacing: 10px;
  font-size: 40px
}

.service-inner {
  width: 800px;
  margin: 0 auto;
  position: relative
}

.service-inner2 {
  width: 970px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 30px
}

.company section h1,
.camp_iphone section h1,
.camp_android section h1,
.camp_2dgame section h1,
.camp_enchant section h1,
.camp_videoedit section h1,
.camp_mediaart section h1,
.camp_3dgame section h1,
.camp_dtm section h1,
.camp_webservice section h1,
.camp_webdesign section h1,
.camp_designer section h1,
.camp_animation section h1,
.camp_mediaart section h1,
.camp_stamp section h1,
.camp_miku section h1,
.camp_minecraft section h1,
.camp_windows section h1 {
  padding-top: 20px;
  margin-bottom: 20px !important
}

.about #content section,
.school #content section,
.online #content section,
.camp_index #content section,
.camp_stay #content section {
  padding-bottom: 50px
}

.about #content section .row,
.school #content section .row,
.online #content section .row,
.camp_index #content section .row,
.camp_stay #content section .row {
  width: 800px !important
}

.about #content section h1,
.school #content section h1,
.online #content section h1,
.camp_index #content section h1,
.camp_stay #content section h1 {
  background: #fff
}

.about #content section h1 strong,
.school #content section h1 strong,
.online #content section h1 strong,
.camp_index #content section h1 strong,
.camp_stay #content section h1 strong {
  display: block;
  width: 800px;
  margin: 0 auto
}

.about #content section h2,
.school #content section h2,
.online #content section h2,
.camp_index #content section h2,
.camp_stay #content section h2 {
  font-size: 18px
}

.oneday #content section,
.camp_course #content section {
  padding-bottom: 50px
}

.oneday #content section .row,
.camp_course #content section .row {
  width: 970px !important
}

.oneday #content section h1,
.camp_course #content section h1 {
  background: #fff
}

.oneday #content section h1 strong,
.camp_course #content section h1 strong {
  display: block;
  width: 970px;
  margin: 0 auto
}

.oneday #content section h2,
.camp_course #content section h2 {
  font-size: 18px
}

.about-how h2 {
  font-size: 28px !important;
  color: #FF4C4C;
  margin-bottom: 30px
}

.about-how .row {
  margin-bottom: 50px
}

.about-how .mr30 {
  margin-right: 30px !important
}

.about-how h3 {
  color: #0085FF
}

.about-how h3 strong {
  margin-right: 10px;
  background: #0085FF;
  color: #fff;
  padding: 5px;
  display: inline-block
}

.about-steps h2 {
  font-weight: bold;
  font-size: 1.7em !important
}

.about-steps h3 {
  font-weight: normal !important
}

.about-steps h3 span {
  font-size: 19px
}

.about-whats h2 {
  font-size: 28px !important;
  color: #FF4C4C;
  margin-bottom: 30px
}

.about-whats h2 strong {
  display: block;
  font-weight: normal
}

.about-whats .pull-right {
  margin-left: 20px;
  margin-bottom: 20px
}

.about-whats .what-3-service li {
  width: 240px;
  float: left;
  margin-right: 40px
}

.about-whats .what-3-service li:last-child {
  margin-right: 0
}

.about-whats .what-3-service li h3 {
  color: #fff;
  font-family: "BrandonGrotesque-Bold";
  text-align: center;
  font-size: 30px !important;
  padding-top: 10px;
  margin-bottom: 0
}

.about-whats .what-3-service li p {
  padding: 10px
}

.about-whats .what-3-service .camp {
  background: rgba(255, 76, 76, 0.8);
  border: 1px solid #fff
}

.about-whats .what-3-service .school {
  background: rgba(250, 200, 0, 0.8);
  border: 1px solid #fff
}

.about-whats .what-3-service .online {
  background: rgba(0, 133, 255, 0.8);
  border: 1px solid #fff
}

.about-stage a:hover {
  opacity: .8
}

.about-stage h3 {
  font-weight: bold;
  border-bottom: 1px solid #0085FF;
  margin-bottom: 20px
}

.about-stage h4 {
  font-size: 1rem;
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.about-stage p {
  font-size: 0.7rem;
  margin-bottom: 0
}

.about-step h3 {
  color: #7DC600;
  border-color: #7DC600
}

.about-step h3 strong {
  background: #7DC600
}

.about-step h4 {
  border-color: #7DC600
}

.about-step a {
  background: #7DC600;
  color: #fff;
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px
}

.about-jump h3 {
  color: #FF8B00;
  border-color: #FF8B00
}

.about-jump h3 strong {
  background: #FF8B00
}

.about-jump h4 {
  border-color: #FF8B00
}

.about-jump a {
  background: #FF8B00;
  color: #fff;
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px
}

.btn-to-top {
  width: 45%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px
}

.btn-to-top a {
  font-size: 18px !important;
  margin-bottom: 0 !important;
  border-radius: 5px;
  font-size: 20px;
  display: block;
  background: #0085FF;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #005099;
  transition: all 0.1s ease-out;
  top: 0px;
  padding: 20px;
  padding-bottom: 17px;
  color: #fff !important
}

.btn-to-top a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #005099
}

.company_index .company-profile {
  margin-bottom: 40px
}

.company_index .company-profile dt {
  margin-bottom: 0
}

.company_index .company-profile dd {
  margin-top: -1.6em;
  padding-left: 10em;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px
}

.company_index .company-message {
  margin-bottom: 40px
}

.company_index .company-press dt {
  margin-bottom: 0
}

.company_index .company-press dd {
  margin-top: -1.6em;
  padding-left: 10em;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.company_index h2 {
  font-size: 30px;
  color: #FF4C4C;
  margin-bottom: 30px
}

.company_access .access-map {
  text-align: center;
  border: 4px solid #eee;
  padding: 40px;
  margin-bottom: 50px
}

.company_access .row .row {
  padding-left: 0;
  padding-right: 0;
  margin: 0
}

.company_access .row .columns {
  padding-left: 0;
  padding-right: 0
}

.error {
  padding-top: 100px
}

.error header {
  background: rgba(255, 76, 76, 0.8)
}

.basic {
  padding-top: 100px
}

.basic header {
  background: rgba(255, 76, 76, 0.8)
}

.basic-box h2 {
  color: #0085FF;
  font-size: 24px;
  margin-bottom: 15px
}

.emergency-box {
  margin-bottom: 40px
}

.emergency-box h2 {
  color: #0085FF;
  font-size: 24px;
  margin-bottom: 15px
}

.scholarship-box {
  margin-bottom: 50px
}

.scholarship-box h2 {
  color: #0085FF;
  font-size: 24px;
  margin-bottom: 20px;
  font-family: serif !important
}

.scholarship-box h3 {
  color: #FF4C4C;
  margin-bottom: 10px
}

.scholarship-box li {
  display: block !important;
  margin-bottom: 10px
}

.scholarship-box ol p {
  color: #999;
  font-size: 14px
}

.scholarship-box strong {
  color: #FF8B00
}

.scholarship-box span {
  background: #7DC600;
  color: #fff;
  padding: 5px
}

.scholarship-box .scholarship-google {
  padding-bottom: 50px;
  display: block;
  margin: auto
}

.scholarship-box .scholarship-sap {
  padding-bottom: 50px;
  display: block;
  margin: auto
}

.actions {
  text-align: center
}

.actions .button {
  width: 20em;
  font-size: 20px
}

.new-course-setting {
  background: #fff;
  border: 4px solid #0085FF;
  padding: 20px
}

.pc-settings-box {
  margin-bottom: 50px
}

.pc-settings-box h2 {
  color: #0085FF;
  border-bottom: 1px solid #0085FF;
  margin-bottom: 10px
}

.pc-settings-box table {
  width: 100%
}

.pc-settings-box table td:nth-child(2),
.pc-settings-box table td:nth-child(3) {
  text-align: center
}

.pc-settings-box .step {
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  background: #0085FF;
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
  width: 8em
}

.pc-settings-box .fa-circle-o,
.pc-settings-box .fa-dot-circle-o {
  color: #0085FF
}

.pc-settings-box .fa-times {
  color: #FF4C4C
}

.pc-settings-box .manual li {
  margin-bottom: 20px
}

.pc-step-3 h3 {
  font-size: 1rem;
  font-weight: bold
}

.pc-setting hr {
  margin-bottom: 20px
}

.pc-setting .triangle {
  text-align: center
}

.pc-setting .triangle strong {
  font-size: 1.3rem;
  font-weight: bold;
  color: #7DC600
}

.staff h2 {
  font-size: 32px;
  float: left
}

.staff #balloon-1-left {
  float: left;
  margin: 0 24px;
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 115px;
  height: 40px;
  line-height: 34px;
  color: #19283C;
  text-align: center;
  background: #fff;
  border: 3px solid #0085FF;
  z-index: 0
}

.staff #balloon-1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 0
}

.staff #balloon-1-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #0085FF transparent transparent;
  z-index: -1
}

#filter-btn {
  clear: both;
  margin-bottom: 32px
}

#filter-btn li {
  border-radius: 26px;
  display: inline-block;
  padding: 8px;
  background: #0085FF;
  width: 52px;
  height: 52px;
  position: relative;
  transition: 0.5s
}

#filter-btn li:hover {
  background: #FF4C4C
}

#filter-btn li img {
  position: absolute;
  width: 32px;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.staff-box h2,
.lit-box h2 {
  clear: both;
  font-size: 40px;
  margin-bottom: 20px
}

.staff-box .mr37,
.lit-box .mr37 {
  margin-right: 37px !important
}

.staff-box .mr0,
.lit-box .mr0 {
  margin-right: 0 !important
}

.staff-box .box,
.lit-box .box {
  perspective: 1000;
  color: #D3342A;
  float: left;
  margin-right: 37px;
  margin-bottom: 37px;
  width: 207px;
  min-height: 380px;
  background-color: #fff;
  position: relative
}

.staff-box .box li,
.lit-box .box li {
  font-size: 12px
}

.staff-box .box p,
.lit-box .box p {
  font-size: 14px
}

.staff-box .box:nth-child(4n+1),
.lit-box .box:nth-child(4n+1) {
  margin-right: 0
}

.staff-box .box .profile,
.lit-box .box .profile {
  margin: 10px;
  font-size: 12px
}

.staff-box .box .profile p,
.lit-box .box .profile p {
  float: left;
  width: 160px;
  font-size: 12px
}

.staff-box .box .profile i,
.lit-box .box .profile i {
  float: left;
  display: block;
  line-height: 22px
}

.staff-box .box .thumbnail,
.lit-box .box .thumbnail {
  text-align: center
}

.staff-box .box .thumbnail img,
.lit-box .box .thumbnail img {
  width: 100%
}

.staff-box .box .hover,
.lit-box .box .hover {
  display: none;
  width: 207px;
  min-height: 380px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0085FF;
  opacity: 0.9;
  color: #fff;
  line-height: 1.6
}

.staff-box .box .hover .name,
.lit-box .box .hover .name {
  margin: 10px 10px 15px;
  font-size: 14px
}

.staff-box .box .hover .desc,
.lit-box .box .hover .desc {
  margin: 10px;
  font-size: 11px
}

.staff-box .box:hover .flipper .back,
.staff-box .box.hover .flipper .back,
.lit-box .box:hover .flipper .back,
.lit-box .box.hover .flipper .back {
  opacity: 1
}

.staff-box .box:hover .flipper .front,
.staff-box .box.hover .flipper .front,
.lit-box .box:hover .flipper .front,
.lit-box .box.hover .flipper .front {
  opacity: 0
}

.staff-box .box,
.staff-box .front,
.staff-box .back,
.lit-box .box,
.lit-box .front,
.lit-box .back {
  width: 207px;
  min-height: 380px;
  transition: .5s
}

.staff-box .flipper,
.lit-box .flipper {
  transition: 0.6s;
  position: relative
}

.staff-box .front,
.staff-box .back,
.lit-box .front,
.lit-box .back {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 1px 1px 0 #ccc;
  border-top: 1px solid #ececec
}

.staff-box .front,
.lit-box .front {
  z-index: 2;
  color: #555
}

.staff-box .front .name,
.lit-box .front .name {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #0085FF;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-family: "BrandonGrotesque-Regular"
}

.staff-box .front .name span,
.lit-box .front .name span {
  font-size: 11px
}

.staff-box .front.ob:after,
.lit-box .front.ob:after {
  content: 'OB';
  position: absolute;
  top: -16px;
  right: -16px;
  width: 52px;
  height: 52px;
  background: #a278ff;
  text-align: center;
  border-radius: 26px;
  line-height: 52px;
  color: #fff;
  font-size: 20px
}

.staff-box .back,
.lit-box .back {
  padding: 10px;
  opacity: 0
}

.staff-box .back .intro,
.lit-box .back .intro {
  background: url(/staff/images/trianglify-background.svg) bottom center;
  background-size: cover;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.staff-box .back .circle-thumbnail,
.lit-box .back .circle-thumbnail {
  box-shadow: 0 0 1px 1px #ccc;
  overflow: hidden;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  border: 1px solid #fff;
  transition: 0.1s;
  margin: 10px auto
}

.staff-box .back .name,
.lit-box .back .name {
  text-align: center;
  color: #555;
  font-weight: bold
}

.staff-box .back .name p,
.lit-box .back .name p {
  font-size: 11px
}

.staff-box .back .desc,
.lit-box .back .desc {
  color: #555;
  font-size: 12px;
  line-height: 1.1
}

.lit-box {
  clear: both
}

.lit-box .box {
  margin-right: 37px !important
}

.lit-box .box:nth-child(4n) {
  margin-right: 0 !important
}

.supporter-contents h2 {
  font-size: 24px;
  color: #0085FF;
  border-left: 2px solid #0085FF;
  padding-left: 12px;
  margin-bottom: 20px
}

.supporter-contents .supporter-u22 {
  padding-top: 50px
}

.oneday .btn-access {
  margin-left: 10px
}

.oneday .btn-access a {
  border-radius: 15px;
  padding: 3px 10px;
  color: #fff;
  background: #FF4C4C;
  border: 1px solid #FF4C4C
}

.oneday .icon {
  display: inline-block;
  background: #0085FF;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center
}

.oneday .icon:hover {
  background: #FF4C4C
}

.oneday .oneday-box em {
  color: #FF4C4C;
  font-size: 20px;
  font-style: normal
}

.oneday .oneday-box .oneday-parent {
  color: #fff;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
  background: #7DC600;
  font-size: 16px;
  font-style: normal
}

.oneday .oneday-box .oneday-am {
  color: #fff;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
  background: #0085FF;
  font-size: 16px;
  margin-right: 20px;
  font-style: normal
}

.oneday .oneday-box .oneday-pm {
  color: #fff;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
  background: #FF8B00;
  font-size: 16px;
  margin-right: 20px;
  font-style: normal
}

.oneday .oneday-box .plan-closed {
  background: #ccc;
  color: #000;
  text-decoration: line-through
}

.oneday .oneday-box .parent-seminar {
  font-size: .8rem;
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  padding: 5px 10px;
  color: #fff
}

.oneday .oneday-box .oneday-repeater {
  color: #fff;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
  background: #ed1e79;
  font-size: 16px;
  margin-right: 20px;
  font-style: normal
}

.oneday .oneday-box strong {
  font-size: 30px;
  color: #FF4C4C
}

.oneday .oneday-box h2 {
  background: #7DC600;
  color: #fff;
  padding: 7px 15px
}

.oneday .oneday-box h3 {
  color: #FF4C4C
}

.oneday .oneday-box .small-6 {
  margin-bottom: 30px;
  padding-bottom: 30px
}

.oneday .oneday-box .tokyo .parent-seminar {
  color: #FF4C4C !important;
  border: 1px solid #FF4C4C
}

.oneday .oneday-box .kansai strong {
  color: #7DC600
}

.oneday .oneday-box .kansai .parent-seminar {
  color: #7DC600 !important;
  border: 1px solid #7DC600
}

.oneday .oneday-box .kansai h3 {
  color: #7DC600
}

.oneday .oneday-box .hokkaido strong {
  color: #66b6ff
}

.oneday .oneday-box .hokkaido .parent-seminar {
  color: #0085FF !important;
  border: 1px solid #0085FF
}

.oneday .oneday-box .hokkaido h3 {
  color: #0085FF
}

.oneday .oneday-box .closed {
  border-top-color: #aaa
}

.oneday .oneday-box .closed strong {
  color: #aaa
}

.oneday .oneday-box .closed h3 {
  color: #aaa;
  text-decoration: line-through
}

.oneday .oneday-box .closed .full {
  background: #FF4C4C;
  padding: 5px 8px;
  color: #fff
}

.oneday .oneday-box h4 {
  font-size: 14px;
  color: #FF8B00
}

.oneday .oneday-box .box-self h3 {
  color: #7DC600
}

.oneday .oneday-box .box-self p {
  font-size: 12px
}

.oneday table {
  width: 100%
}

.oneday dt {
  color: #7DC600;
  font-size: 20px
}

.oneday dt strong {
  color: #FF4C4C
}

.oneday dd {
  margin-bottom: 20px
}

.oneday .oneday-notice {
  margin-bottom: 60px
}

.oneday .oneday-notice li {
  list-style-type: circle !important;
  margin-left: 1.5em;
  margin-bottom: 1em
}

.oneday-submit {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.oneday-submit:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.oneday-entry {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.oneday-entry:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.oneday-notice-list {
  margin-bottom: 30px
}

.oneday-notice-list li {
  list-style-type: circle;
  margin-left: 1.5em
}

.oneday-schedule h3 {
  color: #FF4C4C
}

.oneday-calendar .small-6 {
  border-top: 3px solid #FF4C4C;
  width: 49%;
  background: #fff;
  padding-top: 20px
}

.oneday-calendar li {
  margin-bottom: 20px
}

.oneday-calendar .kansai {
  border-color: #7DC600
}

.oneday-calendar .hokkaido {
  border-color: #0085FF
}

.oneday section>h1 {
  font-size: 37px
}

.oneday ol {
  list-style: decimal;
  margin-left: 2em;
  line-height: 2
}

.event-current-list {
  margin: 0 auto
}

.event-current-list li {
  width: 250px;
  height: 250px;
  float: left;
  margin-right: 40px;
  margin-bottom: 40px
}

.event-current-list li:nth-child(3n) {
  margin-right: 0
}

.event-current-list a,
.event-current-list a img {
  display: block;
  position: relative
}

.event-current-list a {
  overflow: hidden
}

.event-current-list a div {
  position: absolute;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  padding: 20px
}

.event-current-list a div h3 {
  color: #fff;
  border-bottom: 1px solid #fff
}

.event-current-list a div .description {
  color: #fff
}

.event-current-list a div .date {
  color: #fff
}

.event-current-list a .black {
  background: rgba(0, 0, 0, 0)
}

.event-current-list a .blue {
  background: rgba(0, 133, 255, 0.9)
}

.event-current-list a .green {
  background: rgba(125, 198, 0, 0.9)
}

.event-current-list a .orange {
  background: rgba(255, 139, 0, 0.9)
}

.event-current-list a .purple {
  background: rgba(162, 120, 255, 0.9)
}

.event-current-list a .red {
  background: rgba(255, 76, 76, 0.9)
}

.event-current-list a .yellow {
  background: rgba(250, 200, 0, 0.9)
}

.event .page-content,
.event #content,
.entry .page-content,
.entry #content {
  background: transparent !important
}

.event h2,
.entry h2 {
  font-size: 26px;
  margin-bottom: 40px;
  color: #0085FF;
  border-left: 6px #0085FF solid;
  padding-left: 15px
}

.entry #breadcrumb li {
  visibility: hidden
}

.event-news h1 {
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 4rem;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.event-news h2 {
  font-size: 20px;
  color: #000;
  font-weight: bold
}

.event-news h3 {
  color: #0085FF;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #0085FF;
  font-weight: bold
}

.event-news h4 {
  border-left: #7DC600 4px solid;
  padding-left: 10px
}

.event-news h5 {
  font-size: 16px
}

.event-news .date {
  padding-top: 15px;
  display: block;
  font-size: 20px
}

.event-news .place {
  display: block;
  font-size: 20px
}

.event-news .news-box {
  background: #fff;
  margin-bottom: 30px;
  padding: 15px 20px;
  border: 4px solid #0085FF
}

.event-news .news-box dl {
  margin-bottom: 0px;
  width: 45%;
  float: left;
  font-size: 13px;
  min-height: 200px;
  margin-right: 30px
}

.event-news .news-box ul {
  line-height: 2
}

.event-news .news-box ol {
  list-style: decimal;
  margin-left: 2.5em;
  line-height: 2
}

.event-news .news-box .notice-text {
  display: block;
  margin-bottom: 20px
}

.event-news .news-box .access {
  font-size: 13px
}

.event-news .news-box .news-left {
  float: left;
  width: 400px
}

.event-news .news-box .news-right {
  float: right;
  width: 350px
}

.event-news .news-box .trial-photo {
  overflow: hidden
}

.event-news .news-box .trial-photo li {
  text-align: center;
  float: left;
  margin-right: 1%;
  margin-bottom: 2%;
  width: 49.5%
}

.event-news .news-box .trial-photo li:nth-child(2n) {
  margin-right: 0
}

.event-news .news-box .trial-photo li img {
  max-width: 100%;
  height: auto
}

.event-news .news-box .full {
  text-decoration: line-through;
  color: #ccc
}

.event-news .news-box_left {
  float: left;
  margin-right: 30px;
  width: 48%
}

.event-news .news-box_right {
  float: right;
  width: 48%;
  min-height: 447px
}

.event-news .submit {
  text-align: center
}

.event-news .submit .btn-closed {
  padding: 15px 70px;
  background: #ddd;
  text-align: center;
  font-size: 1.2rem;
  display: inline-block;
  margin-bottom: 30px
}

.event-news .submit a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.event-news .submit a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.event-news .submit .notice-text {
  font-size: 12px
}

.event-news .list-subscribe {
  overflow: hidden;
  margin-bottom: 40px
}

.event-news .list-subscribe li {
  float: left;
  display: inline-block;
  margin-right: 30px
}

.event-news .privacy-box {
  margin-bottom: 50px
}

.event-news .privacy-box ul {
  padding-left: 2rem;
  list-style: disc;
  font-size: .8rem
}

.event-news .right-triangle:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: solid 20px transparent;
  border-right: solid 20px transparent;
  border-bottom: solid 20px transparent;
  border-left: solid 20px #ddd
}

.faq .faq-box {
  margin-bottom: 40px;
  border: 1px solid #0085FF
}

.faq .faq-box h3 {
  background: #0085FF;
  color: #fff;
  padding: 15px;
  display: block;
  margin: 0
}

.faq .faq-box p {
  padding: 20px
}

.gakko #content h1 {
  font-size: 26px;
  margin-bottom: 20px !important;
  letter-spacing: 5px;
  text-align: center;
  margin-top: 30px
}

.gakko #content h2 {
  background: #0085FF;
  padding: 10px;
  margin-bottom: 10px;
  color: #fff
}

.gakko #content h3 {
  background: #FF4C4C;
  padding: 10px;
  margin-bottom: 10px;
  color: #fff
}

.gakko #content .movie {
  margin-bottom: 30px;
  background: #333;
  padding: 30px;
  text-align: center;
  color: #fff
}

.gakko #content .movie p {
  padding-top: 20px;
  font-size: 30px
}

.gakko #content .movie h2 {
  margin-bottom: 10px;
  color: #fff;
  font-family: "BrandonGrotesque-Bold"
}

.gakko .page-content {
  padding-bottom: 100px
}

.press h1,
.media h1,
.materials h1 {
  font-size: 30px;
  margin-bottom: 10px !important
}

.press h2,
.media h2,
.materials h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 0px 0
}

.press h2 small,
.media h2 small,
.materials h2 small {
  padding-top: 20px;
  display: block;
  font-size: .9rem;
  line-height: 1.2
}

.press h3,
.media h3,
.materials h3 {
  font-size: 1.2rem;
  margin-bottom: 20px;
  font-weight: bold;
  padding: 8px 0;
  margin-bottom: 10px
}

.press h4,
.media h4,
.materials h4 {
  border-left: solid 3px #ccc;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: .5rem;
  margin-bottom: 10px
}

.press .back,
.media .back,
.materials .back {
  text-align: center
}

.press .btn-submit a,
.media .btn-submit a,
.materials .btn-submit a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.press .btn-submit a:hover,
.media .btn-submit a:hover,
.materials .btn-submit a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.press .list-brand-color li,
.media .list-brand-color li,
.materials .list-brand-color li {
  margin-bottom: 30px
}

.press .list-brand-color span,
.media .list-brand-color span,
.materials .list-brand-color span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px
}

.press .list-brand-color em,
.media .list-brand-color em,
.materials .list-brand-color em {
  font-weight: bold;
  font-size: 1.5rem;
  font-style: normal
}

.press .list-brand-color strong,
.media .list-brand-color strong,
.materials .list-brand-color strong {
  display: block
}

.press .list-brand-color .brand-red,
.media .list-brand-color .brand-red,
.materials .list-brand-color .brand-red {
  color: #e63c35 !important
}

.press .list-brand-color .brand-red span,
.media .list-brand-color .brand-red span,
.materials .list-brand-color .brand-red span {
  background: #e63c35 !important
}

.press .list-brand-color .brand-yellow,
.media .list-brand-color .brand-yellow,
.materials .list-brand-color .brand-yellow {
  color: #fac700 !important
}

.press .list-brand-color .brand-yellow span,
.media .list-brand-color .brand-yellow span,
.materials .list-brand-color .brand-yellow span {
  background: #fac700 !important
}

.press .list-brand-color .brand-green,
.media .list-brand-color .brand-green,
.materials .list-brand-color .brand-green {
  color: #67b62d !important
}

.press .list-brand-color .brand-green span,
.media .list-brand-color .brand-green span,
.materials .list-brand-color .brand-green span {
  background: #67b62d !important
}

.press .list-brand-color .brand-blue,
.media .list-brand-color .brand-blue,
.materials .list-brand-color .brand-blue {
  color: #009bdb !important
}

.press .list-brand-color .brand-blue span,
.media .list-brand-color .brand-blue span,
.materials .list-brand-color .brand-blue span {
  background: #009bdb !important
}

.press .list-brand-color .brand-purple,
.media .list-brand-color .brand-purple,
.materials .list-brand-color .brand-purple {
  color: #bb39ff !important
}

.press .list-brand-color .brand-purple span,
.media .list-brand-color .brand-purple span,
.materials .list-brand-color .brand-purple span {
  background: #bb39ff !important
}

.press .list-brand-color .brand-orange,
.media .list-brand-color .brand-orange,
.materials .list-brand-color .brand-orange {
  color: #ff8b22 !important
}

.press .list-brand-color .brand-orange span,
.media .list-brand-color .brand-orange span,
.materials .list-brand-color .brand-orange span {
  background: #ff8b22 !important
}

.media h2 {
  float: left;
  padding: 0 0
}

.media .category {
  font-size: 14px;
  padding: 4px;
  margin-right: 16px;
  float: left
}

.media .tv {
  color: #FF4C4C;
  border: 1px solid #FF4C4C;
  margin-right: 8px
}

.press .list,
.media_index .list {
  font-size: .9rem
}

.press .list dt,
.media_index .list dt {
  padding-bottom: 5px
}

.press .list dd,
.media_index .list dd {
  padding-bottom: 5px;
  padding-left: 7rem;
  margin-top: -2rem;
  border-bottom: 1px solid #eee
}

.press_index h3 {
  border: none
}

.press p {
  margin-bottom: 40px
}

.press .logo-lifeistech {
  margin-bottom: 20px
}

.press .press-contact {
  background: #fff;
  border: 1px solid #eee;
  padding: 30px;
  margin-bottom: 30px
}

.press .press-contact h4 {
  font-size: .9rem
}

.press .press-contact p {
  font-size: .8rem;
  margin-bottom: 0
}

.press .message-recruit {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 0 0 450px;
  background: url(/press/images/press_20141209_02.jpg) no-repeat center top;
  margin-bottom: 50px
}

.press .message-recruit .lead {
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 30px;
  padding: 30px
}

.press .topics h3 {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1rem
}

.press .topics p {
  font-size: .9em
}

.press .press-image-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px
}

.press .news {
  overflow: hidden
}

.press .list dd a,
.press .list dd span {
  width: 598px;
  overflow: hidden;
  display: block
}

.press .more {
  font-size: .8rem;
  color: #888
}

.press .more:hover {
  color: #0085FF
}

.press .banner {
  display: block
}

.press .btn-press {
  text-align: center
}

.press .btn-press a {
  font-weight: bold;
  display: inline-block;
  border: 4px solid #FF4C4C;
  background: #FF4C4C;
  border-radius: 20px;
  padding: 5px 60px;
  color: #fff
}

.press .btn-press a:hover {
  color: #FF4C4C;
  border: 4px solid #FF4C4C;
  background: #fff
}

.press .bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1
}

.press .bx-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.press .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  left: -5px;
  background: #fff;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0)
}

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

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

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

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

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

.press .bx-wrapper .bx-pager.bx-default-pager a:hover,
.press .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000
}

.press .bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px
}

.press .bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px
}

.press .bx-wrapper .bx-prev:hover {
  background-position: 0 0
}

.press .bx-wrapper .bx-next:hover {
  background-position: -43px 0
}

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

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

.press .bx-wrapper .bx-controls-auto {
  text-align: center
}

.press .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px
}

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

.press .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px
}

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

.press .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}

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

.press .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%
}

.press .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}

.recruit section {
  background: transparent url("/recruit/images/recruit-section-border.png") left top repeat-x
}

.recruit #key-visual {
  background: transparent url("/recruit/images/recruit-key-visual.jpg") left bottom no-repeat;
  background-size: cover;
  background-position: center top
}

.recruit .copy {
  text-align: center;
  font-size: 60px;
  letter-spacing: 1.4rem;
  padding: 160px 0 510px;
  font-family: YuGo-Bold, YuGothic, '游ゴシック', sans-serif
}

.recruit .copy span {
  border-bottom: 6px solid #fff;
  padding-bottom: 14px
}

.recruit .recruit-section-title {
  text-align: center;
  margin: 60px 0
}

.recruit .message-title {
  font-family: YuGo-Bold, YuGothic, '游ゴシック', sans-serif;
  margin-bottom: 20px;
  font-size: 24px
}

.recruit .message-title span {
  background: #ffff00
}

.recruit .message-description {
  margin-bottom: 60px
}

.recruit .member-name {
  font-size: 34px;
  font-family: YuGo-Bold, YuGothic, '游ゴシック', sans-serif;
  display: inline-block;
  margin-right: 16px
}

.recruit .office-name {
  display: inline-block;
  color: #999;
  font-size: 20px
}

.recruit .member {
  margin-bottom: 50px
}

.recruit .member:last {
  margin-bottom: 100px
}

.recruit .member-copy {
  font-size: 18px;
  font-family: YuGo-Bold, YuGothic, '游ゴシック', sans-serif
}

.recruit .member-orange {
  color: #ff6600
}

.recruit .member-pink {
  color: #fe09b1
}

.recruit .member-red {
  color: #e73d36
}

.recruit .member-image {
  position: relative
}

.recruit .member-image img {
  border: 5px solid #ff6600
}

.recruit .member-image:after {
  content: '.';
  position: absolute;
  top: 24px;
  left: 14px;
  width: 100%;
  height: 100%;
  border: 5px solid #ff6600;
  z-index: -1
}

.recruit .member-img-orange img {
  border: 5px solid #ff6600
}

.recruit .member-img-orange:after {
  border: 5px solid #ff6600
}

.recruit .member-img-pink img {
  border: 5px solid #fe09b1
}

.recruit .member-img-pink:after {
  border: 5px solid #fe09b1
}

.recruit .member-img-red img {
  border: 5px solid #e73d36
}

.recruit .member-img-red:after {
  border: 5px solid #e73d36
}

.recruit #team {
  padding-bottom: 40px
}

.recruit #team .small-8 {
  padding: 20px
}

.recruit #wanted,
.recruit #news,
.recruit #greeting {
  padding-bottom: 40px
}

.recruit #greeting .btn-submit {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px;
  width: 80%;
  padding-top: 20px;
  padding-bottom: 20px
}

.recruit #greeting .btn-submit:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.recruit .job-list li {
  padding: 16px
}

.recruit .job-list a {
  color: #000;
  display: block;
  border: 3px solid #000;
  position: relative;
  font-weight: bold;
  padding: 8px;
  height: 60px;
  line-height: 18px;
  transition: .3s
}

.recruit .job-list a:hover {
  background: #0085FF;
  color: #fff
}

.recruit .job-list a:hover i {
  color: #fff
}

.recruit .job-list i {
  position: absolute;
  right: 4px;
  top: 16px;
  font-size: 24px;
  color: #009cdc
}

.recruit .job-list .center {
  line-height: 40px
}

.recruit .job-title {
  margin: 0;
  color: #fff;
  padding: 14px;
  padding-left: 48px
}

.recruit .job-description {
  font-size: 16px;
  line-height: 30px;
  padding: 48px
}

.recruit .modal {
  display: none;
  width: 60%;
  background: #fff;
  border-radius: 8px
}

.recruit .modal:nth-child(n) {
  border: 4px solid #FF4C4C
}

.recruit .modal:nth-child(n) .job-title {
  background: #FF4C4C
}

.recruit .modal:nth-child(2n) {
  border: 4px solid #FAC800
}

.recruit .modal:nth-child(2n) .job-title {
  background: #FAC800;
  color: #000
}

.recruit .modal:nth-child(4n) {
  border: 4px solid #0085FF
}

.recruit .modal:nth-child(4n) .job-title {
  background: #0085FF;
  color: #fff
}

.new-course2016 {
  background: #333;
  color: #fff
}

.new-course2016 .bg-new-course2016 {
  background: url(../new-course2016/images/bg_new-course_2016.jpg);
  background-size: cover;
  min-height: 600px
}

.new-course2016 .contents {
  width: 800px;
  position: relative;
  top: -100px
}

.new-course2016 .contents figure {
  margin: 0 0 30px;
  border: 6px solid #fff
}

.new-course2016 .contents h2 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 30px
}

.new-course2016 .contents h3 {
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px
}

.new-course2016 .contents h4 {
  font-size: 1rem
}

.new-course2016 .contents p {
  font-size: .8rem
}

.new-course2016 .contents .text-link {
  color: #fff
}

.new-course2016 .contents .text-link:hover {
  color: #0085FF
}

.new-course2016 .contents .description {
  min-height: 220px
}

.new-course2016 .contents .iot h2 {
  border-bottom: 5px solid #22EE73;
  color: #22EE73
}

.new-course2016 .contents .iot h4 {
  color: #22EE73;
  border-top: 2px solid #22EE73;
  padding-top: 20px
}

.new-course2016 .contents .camera h2 {
  border-bottom: 5px solid #FCEE21;
  color: #FCEE21
}

.new-course2016 .contents .camera h4 {
  color: #FCEE21;
  border-top: 2px solid #FCEE21;
  padding-top: 20px
}

.new-course2016 .submit-area {
  background: #000;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 100px
}

.new-course2016 .submit-area .link-submit {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #ed1e79;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #990c4a;
  transition: all 0.1s ease-out;
  top: 0px;
  color: #fff;
  border-radius: 10px;
  padding: 30px 30px;
  width: 500px;
  font-weight: bold
}

.new-course2016 .submit-area .link-submit:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #990c4a
}

.entry_parent201705 .submit .btn-1day {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #0085FF;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #005099;
  transition: all 0.1s ease-out;
  top: 0px;
  width: 380px
}

.entry_parent201705 .submit .btn-1day:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #005099
}

.camp h1.colorful {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
  font-size: 2rem
}

.camp pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto
}

.header-camp {
  position: relative;
  top: -60px;
  z-index: 99;
  transition: all .5s ease-out;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  padding: 10px 0 9px;
  background: #ed1e79;
  background: white;
  opacity: 0;
  border-bottom: 2px solid #ed1e79
}

.header-camp h1 {
  font-family: "BrandonGrotesque-Bold" !important;
  font-size: 1rem;
  color: #ed1e79;
  float: left;
  margin: 0;
  padding-top: 3px
}

.header-camp .header-camp-nav {
  float: right;
  overflow: hidden
}

.header-camp .header-camp-nav li {
  font-size: .8rem;
  float: left;
  margin-right: 10px
}

.header-camp .header-camp-nav li:last-child {
  margin-right: 0
}

.header-camp .header-camp-nav a {
  color: #fff;
  display: inline-block;
  background: #ed1e79;
  padding: 3px;
  border-radius: 3px;
  color: #fff;
  border: 1px solid #ed1e79
}

.header-camp .header-camp-nav a:hover {
  background: #fff;
  color: #ed1e79
}

.header-camp-scroll {
  opacity: 1 !important;
  top: 0
}

.camp_index .btn-pamphlet {
  left: 0;
  bottom: 18px !important
}

.camp-whats h2 strong {
  font-weight: normal;
  display: block
}

.camp-whats .bd-pink {
  border-left: 3px solid #0085FF;
  padding-left: 10px
}

.camp-whats .box-white {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px
}

.camp-top strong {
  font-size: 40px;
  color: #FF4C4C
}

.camp-schedule {
  position: relative
}

.camp-schedule a {
  position: absolute;
  top: 570px;
  left: 306px;
  width: 24px;
  height: 24px;
  display: block
}

.camp-schedule a:hover {
  cursor: default
}

.camp-local-menu li {
  float: left;
  width: 32%;
  margin-right: 2%
}

.camp-local-menu li:nth-child(3n) {
  margin-right: 0
}

.camp-local-menu li h3 {
  font-family: "BrandonGrotesque-Bold";
  color: #fff;
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center
}

.camp-local-menu li h3 a {
  font-size: 24px !important;
  display: block;
  color: #fff;
  background: #0085FF
}

.camp-local-menu li h3 a:hover {
  background: #006acc;
  border-radius: 5px
}

.camp-local-menu li h3 small {
  display: block;
  color: #fff;
  margin-top: -1em;
  padding-bottom: 1.5em
}

@-webkit-keyframes blink {
  0% {
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: .3
  }
}

@-moz-keyframes blink {
  0% {
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: .3
  }
}

@-o-keyframes blink {
  0% {
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: .3
  }
}

@keyframes blink {
  0% {
    opacity: .3
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: .3
  }
}

.camp-whats h2 {
  font-size: 24px !important;
  color: #0085FF;
  margin-bottom: 30px
}

.camp-whats h3 {
  color: #0085FF;
  margin-bottom: 10px
}

.camp-whats .columns p {
  font-size: .9rem
}

.camp-whats .row {
  margin-bottom: 30px
}

#slider-camp {
  margin-bottom: 40px
}

#about-information ul {
  overflow: hidden
}

#about-information ul li {
  width: 30%;
  float: left;
  margin-right: 5%;
  text-align: center
}

#about-information ul li:last-child {
  margin-right: 0
}

#about-information ul li a {
  border: 4px solid #0085FF;
  background: #0085FF;
  display: block;
  height: 80px;
  padding: 10px;
  color: #fff;
  border-radius: 10px
}

#about-information ul li a span {
  display: block
}

#about-information ul li a:hover {
  background: #fff;
  color: #0085FF
}

#camp-schedule .columns h2 {
  margin-bottom: 5px;
  color: #FF4C4C
}

#camp-schedule .columns p {
  font-size: 14px
}

#camp-schedule .columns img {
  margin-bottom: 10px
}

#camp-schedule .columns dl {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px
}

#camp-schedule .columns dt {
  border-top: 1px solid #000;
  padding-top: 8px
}

#camp-schedule .columns dd {
  font-size: .9rem;
  margin-bottom: 20px
}

#camp-schedule .columns dd .text-small {
  color: #888
}

#camp-schedule .columns .kanto dt {
  color: #0085FF;
  border-top: 4px solid #0085FF;
  font-size: 1.3rem
}

#camp-schedule .columns .tokai dt {
  color: #ed1e79;
  border-top: 4px solid #ed1e79;
  font-size: 1.3rem
}

#camp-schedule .columns .hokkaido dt {
  color: #a278ff;
  border-top: 4px solid #a278ff;
  font-size: 1.3rem
}

#camp-schedule .columns .kansai dt {
  color: #7DC600;
  border-top: 4px solid #7DC600;
  font-size: 1.3rem
}

#camp-schedule .columns .kyusyu dt {
  color: #FF8B00;
  border-top: 4px solid #FF8B00;
  font-size: 1.3rem
}

#camp-schedule .columns strong {
  display: block
}

#camp-schedule .columns em {
  font-style: normal;
  background: #FF4C4C;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  margin-left: 8px
}

#camp-schedule .columns .new {
  color: #fff;
  background: #0085FF;
  padding: 2px;
  font-size: 10px;
  margin-left: 5px;
  border-radius: 5px
}

#camp-schedule .columns .apply-label {
  color: #fff;
  font-weight: bold;
  background: #0085FF;
  padding: 3px;
  font-size: .8rem;
  margin-right: 5px
}

#camp-schedule .columns .apply-univ {
  font-size: .9rem;
  font-weight: bold !important
}

#camp-schedule .columns .schedule-type {
  margin-left: 4px;
  color: #ed1e79
}

#camp-schedule .columns .closed-label {
  color: #fff;
  background: #FF4C4C;
  padding: 3px;
  font-size: .8rem;
  margin-right: 5px
}

#camp-schedule .columns .closed-campus {
  text-decoration: line-through;
  font-size: .9em
}

#camp-schedule .columns .closed-cancel {
  font-size: .7rem;
  color: #777;
  display: block;
  margin-bottom: 10px
}

#camp-schedule .columns .near {
  color: #000;
  background: #FAC800;
  padding: 2px;
  font-size: 10px;
  border-radius: 5px;
  margin-left: 5px
}

#camp-schedule .columns .closed-text {
  text-decoration: line-through;
  color: #aaa
}

#camp-schedule .columns .text-tel {
  display: block;
  font-size: 0.7rem;
  color: #FF4C4C
}

#camp-schedule .schedule-notice {
  text-align: center;
  color: #FF4C4C;
  font-size: 1.3rem
}

#camp-course h2 {
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.list-course {
  overflow: hidden
}

.list-course li {
  float: left;
  width: 18%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  text-align: center
}

.list-course li:nth-child(5n) {
  margin-right: 0
}

.list-course li a {
  border: none;
  font-size: 10px;
  display: block
}

.list-course img {
  border-radius: 50%
}

#camp-time h2 {
  color: #0085FF;
  font-weight: bold
}

#camp-time em {
  font-size: 2rem;
  display: inline-block;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #0085FF;
  color: #fff;
  font-style: normal;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 2px
}

#camp-time .tech-holiday-list {
  min-height: 350px
}

#camp-time .plan-list-title {
  text-align: center;
  color: #ed1e79;
  font-weight: bold;
  border-top: 1px solid #ed1e79;
  border-bottom: 1px solid #ed1e79;
  padding: 15px 0;
  font-size: 1.2rem
}

#camp-time .step-wrapper {
  overflow: hidden
}

#camp-time .step-column {
  width: 48%;
  background: #fff;
  margin-right: 4%;
  float: left;
  margin-bottom: 4%
}

#camp-time .step-column .inner {
  border: 4px solid #0085FF;
  padding: 3% 3% 1% 3%;
  min-height: 500px
}

#camp-time .step-column .inner2 {
  border: 4px solid #0085FF;
  padding: 3% 3% 1% 3%;
  min-height: 385px
}

#camp-time .step-column p {
  font-size: .8rem
}

#camp-time .step-column:nth-child(2n) {
  margin-right: 0
}

#camp-time .step-pc {
  clear: both;
  background: #fff;
  margin-bottom: 40px
}

#camp-time .step-pc .inner {
  border: 4px solid #0085FF;
  padding: 3%
}

#camp-time .step-pc p {
  font-size: .8rem
}

#camp-time h3 {
  border-left: 4px solid #FF4C4C;
  padding-left: 10px;
  margin-bottom: 20px
}

#camp-time .item1 {
  padding-left: 330px;
  background: no-repeat left top url("/camp/images/time1.jpg");
  min-height: 230px
}

#camp-time .item2 {
  padding-left: 330px;
  background: no-repeat left top url("/camp/images/time2.jpg");
  min-height: 230px
}

#camp-time .item3 {
  padding-left: 330px;
  background: no-repeat left top url("/camp/images/time3.jpg");
  min-height: 230px
}

#camp-time .item4 {
  padding-left: 330px;
  background: no-repeat left top url("/camp/images/time4.jpg");
  min-height: 230px
}

#camp-time .item5 {
  padding-left: 330px;
  background: no-repeat left top url("/camp/images/time5.jpg");
  min-height: 230px
}

.camp-option-table {
  width: 100%
}

.camp-option-table .fa-long-arrow-right {
  color: #666;
  padding-left: 5px;
  font-size: 1.2rem
}

.camp-option-table .change-price {
  color: #666 !important;
  text-decoration: line-through;
  padding-top: 5px
}

.camp-option-table .full-price {
  color: #0085FF;
  font-size: 24px;
  padding-top: 5px
}

.camp-option-table .cell-stay {
  background: #e8deff
}

.camp-option-table .option-3days {
  background: #FF8B00;
  color: #fff;
  padding: 20px
}

.camp-option-table .option-4days {
  background: #FF8B00;
  color: #fff;
  padding: 20px
}

.camp-option-table .option-5days {
  background: #7DC600;
  color: #fff;
  padding: 20px
}

.camp-option-table .option-8days {
  background: #0085FF;
  color: #fff;
  padding: 20px
}

.camp_price-apology h2 {
  color: #0085FF;
  font-size: 24px !important;
  padding-top: 30px
}

#camp-price .text-discount {
  display: inline-block;
  margin-bottom: 30px;
  padding: 10px 0;
  font-weight: bold
}

#camp-price .text-discount span {
  color: #0085FF;
  font-size: 1.4rem;
  border-bottom: #0085FF solid 6px
}

#camp-price h2 {
  border-left: 4px solid #0085FF;
  font-weight: bold;
  padding-left: 10px;
  font-size: 20px;
  padding: 10px
}

#camp-price h3 {
  border-left: 4px solid #0085FF;
  padding-left: 10px;
  margin-bottom: 10px
}

#camp-price .box-discount {
  border: 4px solid #000;
  width: 31.3333%;
  margin-right: 3%;
  margin-bottom: 40px;
  min-height: 340px;
  float: left
}

#camp-price .box-discount:last-child {
  margin-right: 0
}

#camp-price .box-discount h3 {
  color: #fff;
  margin: 0;
  padding: 10px;
  border: none
}

#camp-price .box-discount p {
  padding: 3%;
  font-size: .8rem
}

#camp-price .box-early {
  border: 4px solid #ed1e79
}

#camp-price .box-early h3 {
  background: #ed1e79
}

#camp-price .box-point {
  border: 4px solid #FF8B00
}

#camp-price .box-point h3 {
  background: #FF8B00
}

#camp-price .box-brother {
  border: 4px solid #0085FF
}

#camp-price .box-brother h3 {
  background: #0085FF
}

.price-notice {
  padding-top: 20px;
  margin-bottom: 40px
}

.price-notice li {
  display: block;
  margin-bottom: 10px
}

.price-notice strong {
  font-weight: bold;
  color: #FF4C4C
}

.camp-price-discount {
  color: #FF4C4C;
  font-size: 20px
}

.camp-price-list {
  font-size: 20px
}

.camp-price-list .days {
  font-family: "BrandonGrotesque-Bold";
  margin-right: 20px
}

.camp-price-list .dis-price {
  text-decoration: line-through;
  margin-right: 20px
}

.camp-price-list .change-price {
  font-size: 40px;
  color: #0085FF
}

.camp-price-list .change-price em {
  font-style: normal;
  font-size: 20px
}

.dis-price2 {
  text-decoration: line-through;
  margin-right: 5px
}

.camp-cancel-list {
  margin-bottom: 30px;
  line-height: 2
}

.btn-camp-entry {
  padding-top: 50px;
  margin-bottom: 50px;
  letter-spacing: 5px
}

.btn-camp-entry a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #ed1e79;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #990c4a;
  transition: all 0.1s ease-out;
  top: 0px;
  font-size: 1.4rem;
  width: 600px;
  color: #fff;
  padding: 30px 20px
}

.btn-camp-entry a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #990c4a
}

.btn-camp-entry span {
  font-size: 1.2rem;
  letter-spacing: 0;
  color: #ed1e79
}

.schedule-text dd {
  font-size: 1rem
}

#camp-entry h2 {
  font-size: 24px !important;
  color: #FF4C4C;
  margin-bottom: 30px
}

#camp-entry h3 {
  border-left: 4px solid #FF4C4C;
  padding-left: 10px;
  margin-bottom: 10px
}

#camp-entry .row {
  margin-bottom: 15px
}

#camp-entry .row .small-10 {
  padding-top: 30px
}

#camp-entry .members-box img {
  padding: 20px;
  background: #fff
}

#camp-entry .members-box img strong {
  font-weight: normal;
  color: #FF4C4C
}

#camp-entry .members-box img strong {
  font-weight: normal;
  color: #0085FF
}

#camp-entry .members-text {
  line-height: 2
}

#camp-entry strong {
  font-weight: normal;
  color: #FF4C4C
}

#camp-entry .step1-lead {
  font-size: 20px;
  color: #7DC600
}

#camp-entry .step2-lead {
  font-size: 20px;
  color: #0085FF
}

#camp-entry .step3-lead {
  font-size: 20px;
  color: #a278ff
}

#camp-entry .step4-lead {
  font-size: 20px;
  color: #FF8B00
}

#camp-entry .step5-lead {
  font-size: 20px;
  color: #FF4C4C
}

#camp-entry .camp-step1 {
  background: #7DC600;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  font-family: "BrandonGrotesque-Bold";
  text-align: center;
  line-height: 100px;
  border-radius: 50px
}

#camp-entry .camp-step2 {
  background: #0085FF;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  font-family: "BrandonGrotesque-Bold";
  text-align: center;
  line-height: 100px;
  border-radius: 50px
}

#camp-entry .camp-step3 {
  background: #a278ff;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  font-family: "BrandonGrotesque-Bold";
  text-align: center;
  line-height: 100px;
  border-radius: 50px
}

#camp-entry .camp-step4 {
  background: #FF8B00;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  font-family: "BrandonGrotesque-Bold";
  text-align: center;
  line-height: 100px;
  border-radius: 50px
}

#camp-entry .camp-step5 {
  background: #FF4C4C;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 30px;
  font-family: "BrandonGrotesque-Bold";
  text-align: center;
  line-height: 100px;
  border-radius: 50px
}

#flow h2 {
  font-size: 14px;
  margin-bottom: 0
}

#flow h3 {
  font-size: 14px;
  border: none
}

#flow .submit {
  margin: 0px auto 20px;
  padding-right: 60px;
  border: none
}

#flow .company-description {
  font-size: 12px
}

#flow .flow-copy {
  font-size: 20px;
  margin-bottom: 20px;
  letter-spacing: 5px;
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif
}

#flow table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
  background: #fff;
  color: #000
}

#flow th {
  background: #FAC800;
  color: #000;
  text-align: center !important
}

#flow th i {
  display: block;
  text-align: center
}

#flow th,
#flow td {
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
  vertical-align: top
}

#flow th p,
#flow td p {
  font-size: 15px
}

#flow th .text-notice,
#flow td .text-notice {
  color: #999 !important;
  display: block;
  font-size: 12px
}

#flow .cell-bank {
  background: #0085FF;
  color: #fff;
  vertical-align: middle
}

#flow .cell-bank i {
  display: inline-block;
  font-size: 3rem
}

#flow .cell-card {
  background: #7DC600 !important;
  color: #fff;
  vertical-align: middle
}

#flow .cell-card i {
  display: inline-block;
  font-size: 3rem
}

#flow .cell-done {
  background: #FF4C4C;
  color: #fff
}

#flow .cell-red {
  background: #ffe5e5
}

#flow .cell-blue {
  background: #e6f3ff
}

#flow .cell-green {
  background: #eaffc6
}

#flow .cell-day {
  background: #FAC800;
  color: #000
}

#flow .step-title {
  color: #FF8B00;
  font-size: 1rem;
  font-weight: bold
}

.cancel {
  padding: 30px;
  border: 10px solid #fff;
  margin-bottom: 40px
}

.cancel p,
.cancel li {
  font-size: .8rem
}

.cancel h2 {
  font-size: 1rem !important
}

.cancel h3 {
  font-size: .9rem !important;
  margin-bottom: 20px
}

#members {
  padding: 30px;
  border: 10px solid #fff;
  margin-bottom: 40px
}

.camp_index .tab,
.camp_stay .tab {
  overflow: hidden;
  padding-bottom: 20px
}

.camp_index .panel-margin,
.camp_stay .panel-margin {
  margin-bottom: 60px
}

.camp_index .notice,
.camp_stay .notice {
  clear: both
}

.camp_index .tab>li,
.camp_stay .tab>li {
  width: 23.81%;
  margin-right: 8px;
  text-align: center;
  float: left;
  height: 56px;
  cursor: pointer;
  padding-top: 5px;
  border-radius: 16px;
  position: relative
}

.camp_index .tab>li span,
.camp_stay .tab>li span {
  font-weight: normal;
  font-size: .8rem;
  display: block;
  margin-top: -4px
}

.camp_index .tab>li:hover,
.camp_stay .tab>li:hover {
  opacity: .7
}

.camp_index .tab>li:first-child,
.camp_stay .tab>li:first-child {
  margin-left: 6px
}

.camp_index .tab .list1,
.camp_stay .tab .list1 {
  background: #0085FF;
  color: #fff;
  border-bottom: 6px solid #006acc
}

.camp_index .tab .list1.active:before,
.camp_stay .tab .list1.active:before {
  content: "";
  border-top: 18px solid #0085FF;
  border-right: 10px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 32px;
  top: 50px
}

.camp_index .tab .list2,
.camp_stay .tab .list2 {
  background: #7DC600;
  color: #fff;
  border-bottom: 6px solid #5d9300
}

.camp_index .tab .list2.active:before,
.camp_stay .tab .list2.active:before {
  content: "";
  border-top: 18px solid #7DC600;
  border-right: 10px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 32px;
  top: 50px
}

.camp_index .tab .list3,
.camp_stay .tab .list3 {
  background: #FF8B00;
  color: #fff;
  border-bottom: 6px solid #cc6f00
}

.camp_index .tab .list3.active:before,
.camp_stay .tab .list3.active:before {
  content: "";
  border-top: 18px solid #FF8B00;
  border-right: 10px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 32px;
  top: 50px
}

.camp_index .tab .list4,
.camp_stay .tab .list4 {
  background: #FF4C4C;
  color: #fff
}

.camp_index .tab .list5,
.camp_stay .tab .list5 {
  background: #ed1e79;
  color: #fff
}

.camp_index .tab .list6,
.camp_stay .tab .list6 {
  background: #a278ff;
  color: #fff
}

.camp_index .tab>li.active,
.camp_stay .tab>li.active {
  top: 6px;
  border-bottom: 0;
  height: 50px
}

.camp_index .tab .commuting,
.camp_stay .tab .commuting {
  background: #888;
  border-bottom: 6px solid #6f6f6f
}

.camp_index .tab .commuting.active:before,
.camp_stay .tab .commuting.active:before {
  content: "";
  border-top: 18px solid #888;
  border-right: 10px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 32px;
  top: 50px
}

.camp_index .content,
.camp_stay .content {
  background: #fff;
  margin-bottom: 20px
}

.camp_index .content h4,
.camp_stay .content h4 {
  margin-bottom: 30px
}

.camp_index .content dl,
.camp_stay .content dl {
  font-size: 13px
}

.camp_index .content dt,
.camp_stay .content dt {
  text-align: right;
  width: 3em
}

.camp_index .content dd,
.camp_stay .content dd {
  margin-top: -1.8em;
  padding-left: 5em;
  margin-bottom: 10px
}

.camp_index .content>li,
.camp_stay .content>li {
  padding: 20px 10px
}

.camp_index .content>li>ul,
.camp_stay .content>li>ul {
  overflow: hidden
}

.camp_index .content>li>ul>li,
.camp_stay .content>li>ul>li {
  width: 233px;
  float: left;
  margin-right: 20px;
  min-height: 300px
}

.camp_index .content>li>ul>li:nth-child(3n),
.camp_stay .content>li>ul>li:nth-child(3n) {
  margin-right: 0
}

.camp_index .hide-panel,
.camp_stay .hide-panel {
  display: none
}

.camp_index .panel1,
.camp_stay .panel1 {
  border-top: 10px solid #0085FF !important
}

.camp_index .panel1 h4,
.camp_stay .panel1 h4 {
  color: #0085FF
}

.camp_index .panel2,
.camp_stay .panel2 {
  border-top: 10px solid #7DC600 !important
}

.camp_index .panel2 h4,
.camp_stay .panel2 h4 {
  color: #7DC600
}

.camp_index .panel3,
.camp_stay .panel3 {
  border-top: 10px solid #FF8B00 !important
}

.camp_index .panel3 h4,
.camp_stay .panel3 h4 {
  color: #FF8B00
}

.camp_index .panel4,
.camp_stay .panel4 {
  border-top: 10px solid #FF4C4C !important
}

.camp_index .panel4 h4,
.camp_stay .panel4 h4 {
  color: #FF4C4C
}

.camp_index .panel5,
.camp_stay .panel5 {
  border-top: 10px solid #ed1e79 !important
}

.camp_index .panel5 h4,
.camp_stay .panel5 h4 {
  color: #ed1e79
}

.camp_index .panel6,
.camp_stay .panel6 {
  border-top: 10px solid #a278ff !important
}

.camp_index .panel6 h4,
.camp_stay .panel6 h4 {
  color: #a278ff
}

#stay-plan h2 {
  font-size: 24px !important;
  color: #FF4C4C;
  margin-bottom: 20px
}

#stay-plan li {
  list-style-type: circle;
  margin-left: 1.5em
}

#stay-list .table-stay-list th {
  text-align: left;
  background: #7DC600;
  color: #fff;
  padding: 15px;
  font-size: 18px
}

#stay-list .table-stay-list td {
  line-height: 2;
  vertical-align: top !important;
  overflow: hidden
}

#stay-list .table-stay-list .table-stay-info {
  float: right;
  width: 250px;
  border: none !important;
  margin-top: 20px
}

#stay-list .table-stay-list .table-stay-info th {
  text-align: center;
  border: none !important;
  padding: 5px !important;
  font-size: 12px
}

#stay-list .table-stay-list .table-stay-info td {
  text-align: center;
  line-height: 2;
  border: none !important;
  vertical-align: top !important
}

#stay-list .table-stay-list a {
  font-size: 18px;
  margin-bottom: 10px
}

#stay-list .table-stay-list .stay-name {
  width: 200px
}

#stay-list .table-stay-list .stay-add {
  margin-top: 30px;
  font-size: 12px;
  float: left;
  width: 300px
}

.camp_stay .pull-right {
  margin-left: 20px;
  margin-bottom: 20px
}

hr {
  margin-bottom: 40px
}

.discount-box {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #7DC600
}

.discount-box h2 {
  font-size: 24px;
  color: #7DC600;
  margin-bottom: 15px
}

.discount-box strong {
  margin-right: 20px;
  font-size: 20px;
  color: #FF8B00
}

.discount-step-box {
  border: 1px solid #7DC600;
  margin-bottom: 40px
}

.discount-step-box h3 {
  margin-top: 0;
  background: #7DC600;
  color: #fff;
  padding: 10px
}

.discount-step-box p {
  padding: 0 30px
}

.microsoft {
  vertical-align: bottom
}

.mod-h1 {
  padding-top: 20px;
  margin-bottom: 20px
}

.course-list-all li {
  float: left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  min-height: 350px
}

.course-list-all li:nth-child(3n) {
  margin-right: 0
}

.course-list-all li h2 {
  color: #FF4C4C
}

.course-list-all li img {
  margin-bottom: 10px
}

.course-env dd {
  margin-top: -1.6em;
  padding-left: 7em
}

.course-env dd span {
  margin-left: 10px;
  color: #FF4C4C
}

.course-env a {
  color: #FFF
}

.course-recommend {
  border: 1px solid #7DC600;
  padding: 20px
}

.course-recommend h2 {
  color: #7DC600
}

.course-recommend p {
  margin-bottom: 0
}

.course-step {
  overflow: hidden
}

.course-step h2 {
  color: #0085FF;
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.course-step dl {
  margin-bottom: 40px
}

.course-step dt {
  background: #0085FF;
  color: #fff;
  width: 180px;
  height: 120px;
  padding-top: 30px;
  margin-right: 20px;
  text-align: center
}

.course-step dt strong {
  display: block;
  font-size: 30px
}

.course-step dd {
  margin-top: -120px;
  padding-left: 200px;
  margin-bottom: 1px;
  height: 120px
}

.course-step dd h3 {
  color: #0085FF
}

.Course-actions {
  text-align: center;
  margin: 30px 0
}

.Course-actions .course-btn-submit a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #0085FF;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #005099;
  transition: all 0.1s ease-out;
  top: 0px
}

.Course-actions .course-btn-submit a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #005099
}

.Course-actions .course-btn-back a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #7DC600;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #3d6000;
  transition: all 0.1s ease-out;
  top: 0px;
  display: inline-block;
  width: 206px;
  font-size: 1.1rem
}

.Course-actions .course-btn-back a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #3d6000
}

.Course-actions .course-btn-detail a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #a278ff;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #5c12ff;
  transition: all 0.1s ease-out;
  top: 0px;
  display: inline-block;
  width: 206px;
  font-size: 1.1rem;
  margin-right: 10px
}

.Course-actions .course-btn-detail a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #5c12ff
}

.course-schedule h2 {
  margin-bottom: 10px
}

.course-schedule strong {
  color: #FF4C4C;
  font-size: 30px;
  margin-right: 5px;
  padding: 3px 10px 0px;
  border: 1px solid #FF4C4C
}

.course-schedule table {
  width: 100%
}

.camp-side-nav {
  background: #fff;
  border-radius: 24px;
  padding: 8px 0;
  border: 5px solid #FF4C4C;
  width: 44px;
  margin-left: 44px;
  margin-bottom: 28px
}

.camp-side-nav li {
  text-align: center;
  width: 36px;
  height: 36px;
  padding: 8px
}

.camp-side-nav i {
  font-size: 18px
}

.camp-side {
  position: fixed;
  right: 3%;
  bottom: 50px
}

.accordion dt {
  background: #fff;
  padding: 10px;
  border: 1px solid #ed1e79;
  transition: all .3s;
  margin: 0
}

.accordion dt i {
  color: #ed1e79;
  font-size: 1.2rem;
  font-style: normal
}

.accordion dt:hover {
  cursor: pointer;
  background: #ed1e79;
  color: #fff
}

.accordion dt:hover i {
  color: #fff
}

.accordion dd {
  background: #fff;
  color: #333;
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #ed1e79;
  border-top: none
}

.listCover {
  margin: 0 auto;
  width: 800px;
  text-align: left
}

.listCover .listItem {
  padding: 10px 0 30px;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  margin-right: 25px;
  width: 238px
}

.listCover .listItem .list-link-detail {
  background: #ed1e79;
  color: #fff;
  border-radius: 5px
}

.listCover .listItem h4 {
  font-weight: bold;
  font-size: 1.1rem;
  padding-top: 5px
}

.listCover .listItem h4 span {
  color: #ed1e79;
  font-size: .8rem
}

.listCover .active {
  background: url(/camp/images/list-bottom.png) no-repeat bottom center
}

.listCover .listItem .selfRep {
  display: none
}

.listCover .detail-link {
  padding: 10px;
  font-size: 1rem
}

.expandField {
  padding: 10px 0;
  width: 769px;
  text-align: left;
  display: block;
  background: #fff;
  border: 8px solid #ed1e79;
  float: left;
  position: relative;
  overflow: hidden
}

.expandField h4 {
  font-weight: bold;
  font-size: 1.1rem
}

.expandField img {
  width: 300px;
  margin-bottom: 10px
}

.expandField .list-address {
  font-size: .8rem
}

.expandField .list-description {
  font-size: .8rem
}

.expandField .list-schedule dt {
  background: #ed1e79;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px
}

.expandField .list-schedule dd {
  margin-top: -48px;
  margin-left: 70px;
  font-weight: bold;
  font-size: 1rem;
  padding-bottom: 45px
}

.expandField .list-info {
  overflow: hidden;
  margin: 0;
  padding: 0;
  margin-bottom: 20px
}

.expandField .list-info li {
  float: left;
  border: solid 1px #ed1e79;
  background: #fff;
  color: #ed1e79;
  padding: 3px;
  font-size: .8rem;
  display: inline-block;
  margin-right: 10px
}

.expandField .list-info li:last-child {
  margin-right: 0
}

.expandField .btnClose {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: block;
  background: url(/camp/images/btnClose.gif) no-repeat top left;
  position: absolute;
  overflow: hidden;
  cursor: pointer
}

.expandField .btnPrev {
  top: 120px;
  left: 0;
  width: 60px;
  height: 60px;
  display: block;
  background: url(/camp/images/btnPrev.gif) no-repeat top left;
  position: absolute;
  overflow: hidden;
  cursor: pointer
}

.expandField .btnNext {
  top: 120px;
  right: 0;
  width: 60px;
  height: 60px;
  display: block;
  background: url(/camp/images/btnNext.gif) no-repeat top left;
  position: absolute;
  overflow: hidden;
  cursor: pointer
}

.expandField .selfRepInner {
  padding: 20px 70px 20px 70px;
  position: relative
}

.expandField .selfRepInner .secLeft {
  width: 40%;
  float: left
}

.expandField .selfRepInner .secRight {
  width: 58%;
  float: right
}

.expandField .selfRepInner .secRight {
  text-align: left
}

@media screen and (max-width: 600px) {
  .expandField .selfRepInner .secLeft img {
    width: 80%
  }
}

@media screen and (max-width: 480px) {
  .expandField .selfRepInner .secLeft {
    display: none
  }
  .expandField .selfRepInner .secRight {
    width: 100%;
    float: none
  }
}

.listCover:before,
.listCover:after,
.expandField .selfRepInner:before,
.expandField .selfRepInner:after {
  content: " ";
  display: table
}

.listCover:after,
.expandField .selfRepInner:after {
  clear: both
}

.listCover,
.expandField .selfRepInner {
  *zoom: 1
}

.rg-image-wrapper {
  position: relative;
  padding: 20px 30px;
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  min-height: 20px
}

.rg-image {
  position: relative;
  text-align: center;
  line-height: 0px
}

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

.rg-image-nav a {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ed1e79 url(/camp/images/nav.png) no-repeat -20% 50%;
  width: 28px;
  height: 100%;
  text-indent: -9000px;
  cursor: pointer;
  opacity: 0.3;
  outline: none;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px
}

.rg-image-nav a.rg-image-nav-next {
  right: 0px;
  left: auto;
  background-position: 115% 50%;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px
}

.rg-image-nav a:hover {
  opacity: 0.8
}

.rg-caption {
  text-align: center;
  margin-top: 15px;
  position: relative
}

.rg-caption p {
  font-size: 11px;
  letter-spacing: 2px;
  font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  line-height: 16px;
  padding: 0 15px;
  text-transform: uppercase
}

.rg-view {
  height: 30px
}

.rg-view a {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  background: #464646 url(/camp/images/views.png) no-repeat top left;
  border: 3px solid #464646;
  opacity: 0.8
}

.rg-view a:hover {
  opacity: 1.0
}

.rg-view a.rg-view-full {
  background-position: 0px 0px
}

.rg-view a.rg-view-selected {
  background-color: #6f6f6f;
  border-color: #6f6f6f
}

.rg-view a.rg-view-thumbs {
  background-position: 0px -16px
}

.rg-loading {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #000 url(/camp/images/ajax-loader.gif) no-repeat center center;
  margin: -23px 0px 0px -23px;
  z-index: 100;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.7
}

.es-carousel-wrapper {
  background: #f8accd;
  padding: 10px 27px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px
}

.es-carousel {
  overflow: hidden;
  background: #ccc
}

.es-carousel ul {
  display: none
}

.es-carousel ul li {
  height: 100%;
  float: left;
  display: block
}

.es-carousel ul li a {
  display: block;
  border-style: solid;
  border-color: #eee;
  opacity: 0.8;
  -webkit-touch-callout: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.es-carousel ul li.selected a {
  border-color: #fff;
  opacity: 1.0
}

.es-carousel ul li a img {
  display: block;
  border: none;
  max-height: 100%;
  max-width: 100%
}

.es-nav span {
  position: absolute;
  top: 50%;
  left: 8px;
  background: transparent url(/camp/images/nav_thumbs.png) no-repeat top left;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  text-indent: -9000px;
  cursor: pointer;
  opacity: 0.8
}

.es-nav span.es-nav-next {
  right: 8px;
  left: auto;
  background-position: top right
}

.es-nav span:hover {
  opacity: 1.0
}

#maximage {
  display: none
}

.mc-hide-scrolls {
  overflow: hidden
}

body .mc-cycle {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -2
}

div.mc-image {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.mc-old-browser .mc-image {
  overflow: hidden
}

.camp_cancel h2 {
  color: #ed1e79;
  font-weight: bold;
  border-left: 4px solid #ed1e79;
  padding-left: 10px
}

.camp_cancel #flow table {
  border-color: #fff
}

.camp_cancel #flow table td,
.camp_cancel #flow table th {
  border-color: #fff
}

#cancel-actions {
  margin-bottom: 40px
}

#cancel-actions a {
  padding: 20px
}

#cancel-actions .cancel-pre a {
  background: #7DC600
}

.camp_new-course_index .basic-key {
  padding: 0
}

.camp_new-course_index .iphone-key {
  padding: 0
}

.camp_new-course_index .puzzle-text {
  color: #fff
}

.camp_new-course_index .puzzle-text:hover {
  color: #fff;
  cursor: default
}

#newcourse {
  background-color: #3E3A39;
  padding-top: 100px
}

#newcourse p {
  color: #FEFEFE;
  font-size: 0.9em
}

.newcourse-title h1 {
  font-size: 1.2rem;
  color: #FFF000;
  letter-spacing: 5px
}

.newcourse-title h2 {
  font-size: 2.2rem;
  color: #FEFEFE;
  font-family: “游明朝”, YuMincho
}

.newcourse-project {
  text-align: center
}

.newcourse-project h1 {
  letter-spacing: 5px;
  font-size: 2em !important;
  margin-bottom: 15px
}

.newcourse-project a {
  color: white
}

.newcourse-project a i {
  animation: blink 1.5s infinite;
  -webkit-animation: blink 1.5s infinite
}

.newcourse-images {
  width: 100%
}

.newcourse-images img {
  width: 33.333%
}

.newcourse-contents {
  margin-top: 30px
}

.newcourse-contents .pt25 {
  padding-top: 25px
}

.newcourse-contents h3 {
  color: #FEFEFE;
  font-size: 1.5em;
  font-weight: bold !important;
  margin-top: 10px
}

.newcourse-contents h4 {
  font-size: 1em;
  margin-top: 10px
}

.newcourse-contents .stamp {
  border-top: solid 8px #1EAA39;
  border-bottom: solid 2px #1EAA39
}

.newcourse-contents .stamp h3 {
  padding-top: 2px
}

.newcourse-contents .miku {
  border-top: solid 8px #00D1CC;
  border-bottom: solid 2px #00D1CC
}

.newcourse-contents .minecraft {
  border-top: solid 8px #EF7E00;
  border-bottom: solid 2px #EF7E00
}

.small-white {
  color: white
}

.miku-blue {
  color: #00D1CC
}

.minecraft-orange {
  color: #EF7E00
}

.stamp-green {
  color: #1EAA39
}

.btn-course-content a {
  font-size: 1.2em;
  color: #FFF;
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #ed1e79;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #990c4a;
  transition: all 0.1s ease-out;
  top: 0px;
  text-align: center;
  width: 80%;
  border-radius: 10px
}

.btn-course-content a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #990c4a
}

.btn-course-content i {
  float: right;
  margin-top: -2px
}

.sankaku-cover {
  background-color: #3E3A39;
  position: relative;
  width: 100%;
  height: 50px
}

.sankaku-cover .sankaku {
  position: absolute;
  left: 48%;
  top: 100%;
  border: 30px solid transparent;
  border-top: 40px solid #3E3A39
}

.btn-camp-entry-blue {
  padding-top: 50px;
  margin-bottom: 50px;
  letter-spacing: 5px
}

.btn-camp-entry-blue a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #0085FF;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #005099;
  transition: all 0.1s ease-out;
  top: 0px;
  font-size: 1.4rem;
  width: 600px;
  color: #fff;
  padding: 30px 20px
}

.btn-camp-entry-blue a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #005099
}

.btn-camp-entry-blue span {
  font-size: 1.2rem;
  letter-spacing: 0;
  color: #0085FF
}

.img-camp-entry-blue {
  margin-top: 50px;
  margin-bottom: 0
}

.newcourse-btn-back {
  margin-bottom: 80px
}

.minecraft-java {
  letter-spacing: 7px !important
}

.banner-new-course {
  position: absolute;
  z-index: 10;
  top: 330px;
  width: 100%;
  text-align: center
}

.camp.spring2016 header {
  background: none
}

.camp.spring2016 header nav .current {
  border-bottom: 3px solid #ed1e79
}

.camp.spring2016 header a,
.camp.spring2016 header p,
.camp.spring2016 header div {
  color: #ed1e79 !important
}

.camp.spring2016 header.header-scroll nav .current {
  border-bottom: 3px solid #fff
}

.camp.spring2016 header.header-scroll a,
.camp.spring2016 header.header-scroll p {
  color: #fff !important
}

.spring2016 .camp-whats h2 {
  color: #fff;
  display: inline-block
}

.spring2016 .bigger {
  font-size: 2.3rem
}

.spring2016 .underline {
  border-bottom: 4px solid #ff0
}

.bg-sakura {
  background: url(/camp/images/spring2015_key.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover
}

.spring2016.camp_about_index .page-content {
  margin-top: 68px
}

.spring2016.camp_about_index header {
  background: rgba(237, 30, 121, 0.5) !important;
  color: #fff !important
}

.spring2016.camp_about_index header a,
.spring2016.camp_about_index header p {
  color: #fff !important
}

.btn-about a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.btn-about a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.bg-camp-spring {
  padding-top: 50px;
  padding-bottom: 100px !important;
  background: url(/camp/images/bg_camp_spring.jpg) bottom center;
  -webkit-background-size: cover;
  background-size: cover
}

.bg-camp-spring .box-white {
  background: rgba(255, 255, 255, 0.4);
  color: #333;
  padding-top: 20px;
  padding-bottom: 20px
}

.bg-camp-spring .box-white h3 {
  color: #ed1e79
}

#camp-limit {
  position: absolute;
  top: 900px;
  z-index: 100
}

.slide-wrapper {
  position: relative;
  overflow: hidden;
  width: 800px;
  height: 450px;
  border-bottom: 1px solid #000
}

.slide-box {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0
}

.seminar-ochiai {
  clear: both;
  width: 310px;
  float: left;
  background: url(/camp/images/ochiai_yoichi.jpg) no-repeat left top;
  padding-left: 120px
}

.seminar-ochiai h5 {
  font-size: .9rem;
  font-weight: bold
}

.seminar-ochiai p {
  font-size: .7rem
}

.plan-akihabara {
  width: 300px;
  float: right
}

.plan-akihabara p {
  font-size: .7rem
}

.bottom-fixed {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: rgba(0, 133, 255, 0.9);
  z-index: 8999;
  color: #fff;
  font-size: 1rem;
  padding: 10px 0
}

.bottom-fixed p {
  line-height: 1.1;
  margin-bottom: 5px
}

.bottom-fixed a {
  color: #fff
}

.bottom-fixed .text-mid {
  font-size: 0.9rem;
  display: block
}

.school_index h1 strong,
.online_index h1 strong {
  font-family: "游ゴシック", YuGothic !important;
  font-size: 30px;
  font-weight: normal !important
}

.school_index #key-visual,
.online_index #key-visual {
  min-height: 490px !important
}

.school_index #key-visual h2,
.online_index #key-visual h2 {
  font-size: 16px
}

.school_index .banner-first-web,
.online_index .banner-first-web {
  margin-left: 80px
}

.key-off-text {
  text-align: center;
  background: #000;
  color: #FAC800;
  padding: 5px;
  font-size: 1.2rem;
  margin: 0 auto 10px;
  width: 26em
}

.key-school-entry {
  text-align: center
}

.key-school-entry a {
  letter-spacing: 5px;
  font-family: "BrandonGrotesque-Bold" !important;
  font-size: 18px;
  display: inline-block;
  background: rgba(250, 200, 0, 0.7);
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 40px 4px
}

.key-school-entry a:hover {
  opacity: .5
}

.meeting-parents {
  padding: 160px 30px 30px;
  background: #fff url(/school/images/parents-meeting.jpg) top left no-repeat
}

.meeting-parents h3 {
  border-top: 4px #FAC800 solid;
  border-bottom: 1px #FAC800 solid;
  padding: 10px 0
}

.meeting-parents h4 {
  font-size: 1rem;
  background: #ffea94;
  padding: 5px 0
}

.meeting-parents .meeting-parents-submit a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px;
  color: #fff !important;
  font-size: 1rem;
  height: 40px;
  line-height: 40px;
  width: 280px
}

.meeting-parents .meeting-parents-submit a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.meeting-parents .meeting-parents-schedule span {
  text-decoration: line-through
}

.meeting-parents .meeting-parents-schedule strong {
  color: #FF4C4C;
  font-size: .9rem;
  margin-left: 10px
}

.school .school-course h2 {
  font-size: 24px;
  color: #333;
  border-left: 4px solid #000;
  padding-left: 10px;
  border-bottom: none;
  margin-bottom: 20px
}

.school .school-course li small {
  font-size: 13px;
  display: block;
  text-align: center
}

.school-price strong span {
  font-size: 30px
}

.school-place h2 {
  font-size: 24px !important;
  border-left: 4px solid #FAC800;
  padding-left: 10px
}

.school-product {
  background: url(/school/images/school-product-bg.jpg) top center no-repeat #FAC800
}

.school-product h3 {
  font-size: 18px;
  padding-top: 10px
}

.school-product p {
  text-align: center
}

.school-faq h2 {
  border-left: 4px solid #FAC800;
  padding-left: 10px
}

.school-faq dt {
  color: #FF4C4C
}

.school-entry h2 {
  font-size: 20px;
  padding-left: 10px;
  border-left: 4px solid #FF8B00;
  margin-bottom: 20px
}

.school-entry .btn-entry {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.school-entry .btn-entry:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.school-entry .btn-completed {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #ccc;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #999999;
  transition: all 0.1s ease-out;
  top: 0px;
  top: 5px;
  box-shadow: 0 0 0 0;
  color: #666
}

.school-entry .btn-completed:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #999999
}

.school-entry .btn-completed:hover {
  color: #666 !important
}

.school-entry p {
  font-size: 24px
}

.school-entry .text-caution {
  font-size: 16px;
  color: #FF4C4C
}

.school-course-icon {
  margin: 2% 2% 30px;
  font-size: .8rem
}

.school-course-icon .language {
  font-size: .6rem
}

.school-course-icon li {
  float: left;
  background: #fff;
  width: 30%;
  padding-bottom: 30px;
  margin-right: 2%;
  text-align: center
}

.school-course-icon li:last-child {
  margin-right: 0
}

.school-course-icon li:nth-child(4) {
  margin-left: 135px
}

.school-course-icon .course-description {
  text-align: left;
  font-size: .8rem;
  padding: 0 15px;
  min-height: 100px
}

.school-course-icon .lightbox {
  background: #FF4C4C;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  color: #fff !important
}

.school-course-icon .lightbox:hover {
  background: #e50000
}

.school-whats h2,
.online-whats h2 {
  line-height: 1.9;
  font-size: 24px !important;
  margin-bottom: 20px
}

.school-table {
  background: #fff
}

.school-table td {
  line-height: 2
}

.school-table strong {
  font-size: 30px;
  margin-left: 20px;
  color: #FF8B00
}

.app-release-list {
  width: 500px;
  margin-left: 190px;
  text-align: left !important
}

.online-side,
.school-side {
  position: fixed;
  right: 3%;
  bottom: 50px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0)
}

.school-side-nav {
  display: none;
  background: #fff;
  border-radius: 24px;
  padding: 8px 0;
  border: 5px solid #FBB03B;
  width: 44px;
  margin-left: 44px;
  margin-bottom: 28px
}

.school-side-nav li {
  text-align: center;
  width: 36px;
  height: 36px;
  padding: 8px
}

.school-side-nav i {
  font-size: 18px
}

.school-first {
  border: 3px solid #FF8B00
}

.school-first .first1 {
  color: #FF4C4C;
  font-size: 1.2rem
}

.school-first .first2 {
  color: #FF4C4C;
  font-size: 1.2rem;
  line-height: 2
}

.gmap img {
  max-width: none
}

.school-mentor #key-visual {
  background: url(/school-mentor/images/bg.jpg);
  background-size: cover;
  background-position: top center;
  min-height: 600px
}

.school-mentor #key-visual .copy {
  text-align: center;
  padding-top: 100px
}

.school-mentor #key-visual .copy span {
  display: inline-block;
  border-bottom: 4px solid #fff;
  padding-bottom: 10px;
  font-size: 3rem;
  letter-spacing: 5px;
  font-weight: bold
}

.school-mentor #message {
  padding-bottom: 40px
}

.school-mentor #message h2 {
  font-weight: bold
}

.school-mentor #mentors {
  background: url(/school-mentor/images/ricepaper.png);
  padding-bottom: 50px
}

.school-mentor #mentors h2 {
  font-weight: bold
}

.school-mentor #mentors .sub {
  opacity: .5
}

.school-mentor #mentors .lead {
  font-weight: bold
}

.school-mentor #mentors .lead span {
  line-height: 1.6;
  background: #ff0
}

.school-mentor #detail {
  padding-bottom: 50px
}

.school-mentor #detail table {
  width: 100%
}

.school-mentor #greeting {
  background: url(/school-mentor/images/ricepaper.png);
  padding-bottom: 100px
}

.school-mentor .section-title {
  font-size: 1.5rem;
  padding: 50px 0;
  text-align: center
}

.school-mentor .btn-submit {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.school-mentor .btn-submit:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.key-online-entry {
  text-align: center
}

.key-online-entry a {
  letter-spacing: 5px;
  font-family: "BrandonGrotesque-Bold" !important;
  font-size: 18px;
  display: inline-block;
  background: rgba(0, 133, 255, 0.7);
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 40px 4px
}

.key-online-entry a:hover {
  opacity: .5
}

.online-entry-btn {
  text-align: center
}

.online-entry-btn a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px;
  width: 600px
}

.online-entry-btn a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.btn-closed,
.online-entry-btn .closed {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #ccc;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #999999;
  transition: all 0.1s ease-out;
  top: 0px;
  top: 5px;
  color: #000;
  box-shadow: none
}

.btn-closed:hover,
.online-entry-btn .closed:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #999999
}

.btn-melmag a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.btn-melmag a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.btn-melmag a small {
  display: block
}

.online-whats h2 {
  color: #000
}

.online-whats .text-start {
  color: #fff;
  font-size: 24px
}

.online-step {
  position: relative
}

.online-step h3 {
  background: #0085FF;
  color: #fff;
  padding: 10px;
  margin-bottom: 0
}

.online-step h3 strong {
  display: block
}

.online-step em {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #FAC800;
  line-height: 30px;
  text-align: center
}

.online-check {
  font-size: 16px
}

.online-course-list {
  margin: 0 auto;
  margin-bottom: 30px
}

.online-course-list li {
  float: left;
  width: 30%;
  margin-right: 5%
}

.online-course-list li:last-child {
  margin-right: 0
}

.online-course-list {
  padding: 2% 2% 4%;
  background: #fff;
  font-size: .8rem;
  margin-bottom: 30px
}

.online-course-list .language {
  font-size: .6rem
}

.online-course-list li {
  float: left;
  background: #fff;
  width: 30%;
  margin-right: 5%;
  text-align: center
}

.online-course-list li:last-child {
  margin-right: 0
}

.online-course-list .course-description {
  text-align: left;
  font-size: .8rem;
  padding: 0 15px;
  min-height: 140px
}

.online-course-list .lightbox {
  background: #FF4C4C;
  font-weight: bold;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  color: #fff !important
}

.online-course-list .lightbox:hover {
  background: #e50000
}

.online-course-list .lightbox:before {
  font-family: FontAwesome
}

.online-step-box {
  background: #eee;
  text-align: center;
  margin-bottom: 15px
}

.online-course .lightbox span {
  display: block;
  font-size: 13px;
  padding-top: 5px
}

.online-course h3 {
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.online-course .row {
  text-align: center
}

.online-course .row h2 {
  font-size: 18px
}

.online-price strong {
  font-size: 30px
}

.online-price em {
  font-weight: bold;
  font-style: normal
}

.online-price span {
  font-weight: bold;
  color: #FF4C4C
}

.online-price td {
  line-height: 1.8
}

.online-price td p {
  margin-bottom: 5px
}

.online-schedule h2 {
  font-weight: bold;
  font-size: 30px;
  color: #0085FF;
  border-left: solid 4px;
  padding-left: 10px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

.online-time,
.online-table {
  width: 100%
}

.online-time th,
.online-table th {
  text-align: left;
  padding: 20px;
  font-size: 18px
}

.online-time td,
.online-table td {
  padding: 20px;
  font-size: 18px
}

.online-time td small,
.online-table td small {
  display: block
}

.online-table2 {
  width: 100%
}

.online-table2 th {
  text-align: left;
  padding: 20px;
  font-size: 18px
}

.online-table2 td {
  padding: 20px;
  font-size: 18px
}

.online-table2 td small {
  margin-top: 20px;
  font-size: 14px;
  display: block
}

.online-trial-box {
  padding: 30px;
  background: #333;
  text-align: center
}

.online-trial-box h2 {
  color: #fff;
  margin-bottom: 15px
}

.online-trial-box p {
  padding-top: 20px;
  color: #fff
}

.online-entry h2 {
  font-size: 20px;
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.online-entry .check {
  text-align: center;
  font-size: 20px !important;
  padding: 10px;
  padding-bottom: 5px;
  background: #0085FF;
  color: #fff;
  margin-bottom: 10px
}

.online-entry h3 {
  font-size: 16px
}

.online-entry dt {
  color: #FF4C4C
}

.online-entry dd {
  margin-bottom: 30px
}

.online-entry dd strong {
  color: #FF8B00
}

.online-limit {
  color: #FF4C4C;
  font-size: 20px
}

.online-faq h2 {
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.online-faq dt {
  color: #FF4C4C
}

.online-how h2 {
  border-left: 4px solid #0085FF;
  padding-left: 10px
}

.full-table {
  background: #fff !important;
  width: 100%;
  line-height: 2
}

.full-table th {
  text-align: left;
  padding: 20px;
  vertical-align: top
}

.full-table strong {
  color: #FF8B00
}

.online_index .tab {
  overflow: hidden
}

.online_index .tab>li {
  width: 267px;
  text-align: center;
  float: left;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

.online_index .tab>li:first-child {
  width: 266px
}

.online_index .tab>li:hover {
  opacity: .7
}

.online_index .tab .list1 {
  background: #00b1ea;
  color: #fff
}

.online_index .tab .list2 {
  background: #0090e8;
  color: #fff
}

.online_index .tab .list3 {
  background: #00699e;
  color: #fff
}

.online_index .content {
  margin-bottom: 40px
}

.online_index .hide-panel {
  display: none
}

.online_index .panel1 {
  border-top: 10px solid #00b1ea !important
}

.online_index .panel1 h4 {
  color: #00699e
}

.online_index .panel2 {
  border-top: 10px solid #0090e8 !important
}

.online_index .panel2 h4 {
  color: #FF4C4C
}

.online_index .panel3 {
  border-top: 10px solid #00699e !important
}

.online_index .panel3 h4 {
  color: #FF4C4C
}

.online-side-nav {
  background: #fff;
  border-radius: 24px;
  padding: 8px 0;
  border: 5px solid #2E7EBD;
  width: 44px;
  margin-left: 44px;
  margin-bottom: 28px
}

.online-side-nav li {
  text-align: center;
  width: 36px;
  height: 36px;
  padding: 8px
}

.online-side-nav i {
  font-size: 18px
}

body {
  -webkit-text-size-adjust: 100%
}

.iPhone,
.android {
  padding-top: 150px !important
}

.iPhone #closed p,
.android #closed p {
  font-size: 2rem;
  text-align: left;
  padding: 20px;
  font-weight: bold
}

.iPhone #closed p span,
.android #closed p span {
  font-size: 1.5rem
}

.iPhone .bottom-fixed b,
.android .bottom-fixed b {
  font-size: 2.5rem
}

.iPhone .bottom-fixed p,
.android .bottom-fixed p {
  font-size: 2rem
}

.iPhone .date,
.android .date {
  color: #000;
  background: #FAC800;
  display: inline-block
}

.iPhone .pc,
.android .pc {
  display: none !important
}

.iPhone .sp,
.android .sp {
  display: block !important
}

.iPhone .movie,
.android .movie {
  padding: 50px 0 50px
}

.iPhone .basic-key,
.android .basic-key {
  padding: 200px 0 200px
}

.iPhone.camp_new-course .basic-key,
.android.camp_new-course .basic-key {
  padding: 0px
}

.sp {
  display: none
}

.sp address {
  position: fixed;
  top: 60px;
  left: 490px;
  font-style: normal
}

.sp address a {
  font-size: 40px;
  color: #fff;
  display: block;
  float: left
}

.iPhone .sp-nav,
.android .sp-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: rgba(255, 255, 255, 0.9)
}

.iPhone .sp-nav h1,
.android .sp-nav h1 {
  margin: 0;
  width: 100% !important;
  float: none;
  height: 150px;
  line-height: 150px;
  text-align: left;
  background: rgba(255, 76, 76, 0.7);
  padding: 0 30px;
  position: relative
}

.iPhone .sp-nav h1 img,
.android .sp-nav h1 img {
  width: 40%
}

.iPhone .sp-nav h1 small,
.android .sp-nav h1 small {
  font-size: 25px !important;
  z-index: 10000;
  position: absolute;
  top: 60px;
  right: 30px;
  display: block;
  width: 100px;
  height: 80px;
  text-align: center;
  color: #fff
}

.iPhone .sp-nav h1 small span,
.android .sp-nav h1 small span {
  font-weight: bold;
  position: relative;
  top: -30px;
  right: 0px
}

.iPhone .sp-nav h1 small a,
.android .sp-nav h1 small a {
  color: #fff !important
}

.iPhone .sp-nav ul li,
.android .sp-nav ul li {
  height: 120px;
  line-height: 120px;
  border-bottom: 1px solid #FF4C4C
}

.iPhone .sp-nav ul li a,
.android .sp-nav ul li a {
  padding-left: 100px;
  display: block;
  font-size: 40px;
  font-family: "BrandonGrotesque-Bold";
  color: #FF4C4C
}

.iPhone .sp-nav ul .sp-course,
.android .sp-nav ul .sp-course {
  background: rgba(255, 76, 76, 0.1) !important
}

.spring2016.iPhone .front,
.spring2016.Android .front {
  padding-top: 300px
}

.spring2016.iPhone .spring-logo,
.spring2016.Android .spring-logo {
  margin-bottom: 50px !important
}

@media screen and (max-width: 1000px) {
  .camp-side {
    opacity: 0
  }
  .service-inner {
    margin: 0 auto
  }
}

.iPhone #key-visual .key-contents li a span,
.android #key-visual .key-contents li a span {
  font-size: 40px
}

.iPhone .key-contents,
.android .key-contents {
  position: relative
}

.iPhone .key-contents li,
.android .key-contents li {
  font-size: 50px !important;
  margin-right: 0 !important;
  height: 200px
}

.iPhone .key-camp,
.android .key-camp {
  background: rgba(255, 76, 76, 0.7) !important;
  width: 100% !important;
  top: -200px;
  position: absolute
}

.iPhone .key-school,
.android .key-school {
  background: rgba(250, 200, 0, 0.7) !important;
  width: 50% !important;
  top: 0px;
  left: 0%;
  position: absolute
}

.iPhone .key-online,
.android .key-online {
  background: rgba(0, 133, 255, 0.7) !important;
  width: 50% !important;
  top: 0px;
  left: 0;
  position: absolute
}

.iPhone .hide-sp,
.android .hide-sp {
  display: none
}

.iPhone .btn-summer-camp,
.android .btn-summer-camp {
  position: absolute;
  top: 165px;
  left: -37px;
  width: 100px
}

.company_recruit dl {
  line-height: 2
}

.company_recruit dd {
  padding-left: 30px
}

.company_recruit dd li {
  display: block;
  margin-bottom: 10px;
  font-size: 14px
}

.company_recruit .submit {
  text-align: center
}

.company_recruit .submit a {
  border-radius: 5px;
  font-size: 20px;
  display: block;
  width: 420px;
  margin: 0 auto 30px;
  background: #FF4C4C;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  box-shadow: 0px 5px 0px 0px #e50000;
  transition: all 0.1s ease-out;
  top: 0px
}

.company_recruit .submit a:hover {
  color: #fff !important;
  top: 5px;
  box-shadow: 0px 0px 0px 0px #e50000
}

.company_recruit .submit .notice-text {
  font-size: 12px
}

.company #key-visual .banner {
  position: absolute;
  right: 0;
  bottom: -150px
}

.company #key-visual .banner li {
  float: left;
  margin-right: 20px
}

.company #key-visual .banner li:last-child {
  margin-right: 0
}

.company #key-visual .banner li a {
  width: 200px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  background: #FAC800;
  color: #000;
  border: 4px solid #fff;
  font-weight: bold;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out
}

.company #key-visual .banner li a:hover {
  opacity: .8
}

.company #key-visual .banner li .wantedly {
  background: #0085FF
}