@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto
  }
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: 0.35em 0.75em 0.625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%
}

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0
}

select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0
}

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

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto
}

[data-whatinput='mouse'] button {
  outline: 0
}

pre {
  overflow: auto
}

button, input, optgroup, select, textarea {
  font-family: inherit
}

.is-visible {
  display: block !important
}

.is-hidden {
  display: none !important
}

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

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

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

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

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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  line-height: 0;
  color: #cacaca
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem
  }
  h2, .h2 {
    font-size: 2.5rem
  }
  h3, .h3 {
    font-size: 1.9375rem
  }
  h4, .h4 {
    font-size: 1.5625rem
  }
  h5, .h5 {
    font-size: 1.25rem
  }
  h6, .h6 {
    font-size: 1rem
  }
}

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer
}

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

a img {
  border: 0
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0
}

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

li {
  font-size: inherit
}

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

ol {
  margin-left: 1.25rem
}

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

dl {
  margin-bottom: 1rem
}

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

blockquote {
  margin: 0 0 1rem;
  padding: .5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none
}

figure {
  margin: 0
}

kbd {
  margin: 0;
  padding: .125rem .25rem 0;
  background-color: #F3F3F3;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a
}

.subheader {
  margin-top: .2rem;
  margin-bottom: .5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a
}

.lead {
  font-size: 125%;
  line-height: 1.6
}

.stat {
  font-size: 2.5rem;
  line-height: 1
}

p+.stat {
  margin-top: -1rem
}

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

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: .8125rem
}

.cite-block:before, cite:before {
  content: "— "
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #F3F3F3;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: .125rem .3125rem .0625rem
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #F3F3F3;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left
  }
  .medium-text-right {
    text-align: right
  }
  .medium-text-center {
    text-align: center
  }
  .medium-text-justify {
    text-align: justify
  }
}

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left
  }
  .large-text-right {
    text-align: right
  }
  .large-text-center {
    text-align: center
  }
  .large-text-justify {
    text-align: justify
  }
}

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

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

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
    color-adjust: economy;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }
  .show-for-print {
    display: block !important
  }
  .hide-for-print {
    display: none !important
  }
  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
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
    content: ''
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  pre, blockquote {
    border: 1px solid #8a8a8a;
    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
  }
  .print-break-inside {
    page-break-inside: auto
  }
}

.grid-container {
  padding-right: .625rem;
  padding-left: .625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto
}

@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.grid-container.fluid {
  padding-right: .625rem;
  padding-left: .625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.grid-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%
}

.cell.auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px
}

.cell.shrink {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.grid-x>.auto {
  width: auto
}

.grid-x>.shrink {
  width: auto
}

.grid-x>.small-shrink, .grid-x>.small-full, .grid-x>.small-1, .grid-x>.small-2, .grid-x>.small-3, .grid-x>.small-4, .grid-x>.small-5, .grid-x>.small-6, .grid-x>.small-7, .grid-x>.small-8, .grid-x>.small-9, .grid-x>.small-10, .grid-x>.small-11, .grid-x>.small-12 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media print, screen and (min-width: 40em) {
  .grid-x>.medium-shrink, .grid-x>.medium-full, .grid-x>.medium-1, .grid-x>.medium-2, .grid-x>.medium-3, .grid-x>.medium-4, .grid-x>.medium-5, .grid-x>.medium-6, .grid-x>.medium-7, .grid-x>.medium-8, .grid-x>.medium-9, .grid-x>.medium-10, .grid-x>.medium-11, .grid-x>.medium-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x>.large-shrink, .grid-x>.large-full, .grid-x>.large-1, .grid-x>.large-2, .grid-x>.large-3, .grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6, .grid-x>.large-7, .grid-x>.large-8, .grid-x>.large-9, .grid-x>.large-10, .grid-x>.large-11, .grid-x>.large-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
}

@media screen and (min-width: 75em) {
  .grid-x>.xlarge-shrink, .grid-x>.xlarge-full, .grid-x>.xlarge-1, .grid-x>.xlarge-2, .grid-x>.xlarge-3, .grid-x>.xlarge-4, .grid-x>.xlarge-5, .grid-x>.xlarge-6, .grid-x>.xlarge-7, .grid-x>.xlarge-8, .grid-x>.xlarge-9, .grid-x>.xlarge-10, .grid-x>.xlarge-11, .grid-x>.xlarge-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
}

.grid-x>.small-1, .grid-x>.small-2, .grid-x>.small-3, .grid-x>.small-4, .grid-x>.small-5, .grid-x>.small-6, .grid-x>.small-7, .grid-x>.small-8, .grid-x>.small-9, .grid-x>.small-10, .grid-x>.small-11, .grid-x>.small-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.grid-x>.small-1 {
  width: 8.33333%
}

.grid-x>.small-2 {
  width: 16.66667%
}

.grid-x>.small-3 {
  width: 25%
}

.grid-x>.small-4 {
  width: 33.33333%
}

.grid-x>.small-5 {
  width: 41.66667%
}

.grid-x>.small-6 {
  width: 50%
}

.grid-x>.small-7 {
  width: 58.33333%
}

.grid-x>.small-8 {
  width: 66.66667%
}

.grid-x>.small-9 {
  width: 75%
}

.grid-x>.small-10 {
  width: 83.33333%
}

.grid-x>.small-11 {
  width: 91.66667%
}

.grid-x>.small-12 {
  width: 100%
}

@media print, screen and (min-width: 40em) {
  .grid-x>.medium-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto
  }
  .grid-x>.medium-shrink, .grid-x>.medium-1, .grid-x>.medium-2, .grid-x>.medium-3, .grid-x>.medium-4, .grid-x>.medium-5, .grid-x>.medium-6, .grid-x>.medium-7, .grid-x>.medium-8, .grid-x>.medium-9, .grid-x>.medium-10, .grid-x>.medium-11, .grid-x>.medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .grid-x>.medium-shrink {
    width: auto
  }
  .grid-x>.medium-1 {
    width: 8.33333%
  }
  .grid-x>.medium-2 {
    width: 16.66667%
  }
  .grid-x>.medium-3 {
    width: 25%
  }
  .grid-x>.medium-4 {
    width: 33.33333%
  }
  .grid-x>.medium-5 {
    width: 41.66667%
  }
  .grid-x>.medium-6 {
    width: 50%
  }
  .grid-x>.medium-7 {
    width: 58.33333%
  }
  .grid-x>.medium-8 {
    width: 66.66667%
  }
  .grid-x>.medium-9 {
    width: 75%
  }
  .grid-x>.medium-10 {
    width: 83.33333%
  }
  .grid-x>.medium-11 {
    width: 91.66667%
  }
  .grid-x>.medium-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x>.large-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto
  }
  .grid-x>.large-shrink, .grid-x>.large-1, .grid-x>.large-2, .grid-x>.large-3, .grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6, .grid-x>.large-7, .grid-x>.large-8, .grid-x>.large-9, .grid-x>.large-10, .grid-x>.large-11, .grid-x>.large-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .grid-x>.large-shrink {
    width: auto
  }
  .grid-x>.large-1 {
    width: 8.33333%
  }
  .grid-x>.large-2 {
    width: 16.66667%
  }
  .grid-x>.large-3 {
    width: 25%
  }
  .grid-x>.large-4 {
    width: 33.33333%
  }
  .grid-x>.large-5 {
    width: 41.66667%
  }
  .grid-x>.large-6 {
    width: 50%
  }
  .grid-x>.large-7 {
    width: 58.33333%
  }
  .grid-x>.large-8 {
    width: 66.66667%
  }
  .grid-x>.large-9 {
    width: 75%
  }
  .grid-x>.large-10 {
    width: 83.33333%
  }
  .grid-x>.large-11 {
    width: 91.66667%
  }
  .grid-x>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .grid-x>.xlarge-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto
  }
  .grid-x>.xlarge-shrink, .grid-x>.xlarge-1, .grid-x>.xlarge-2, .grid-x>.xlarge-3, .grid-x>.xlarge-4, .grid-x>.xlarge-5, .grid-x>.xlarge-6, .grid-x>.xlarge-7, .grid-x>.xlarge-8, .grid-x>.xlarge-9, .grid-x>.xlarge-10, .grid-x>.xlarge-11, .grid-x>.xlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .grid-x>.xlarge-shrink {
    width: auto
  }
  .grid-x>.xlarge-1 {
    width: 8.33333%
  }
  .grid-x>.xlarge-2 {
    width: 16.66667%
  }
  .grid-x>.xlarge-3 {
    width: 25%
  }
  .grid-x>.xlarge-4 {
    width: 33.33333%
  }
  .grid-x>.xlarge-5 {
    width: 41.66667%
  }
  .grid-x>.xlarge-6 {
    width: 50%
  }
  .grid-x>.xlarge-7 {
    width: 58.33333%
  }
  .grid-x>.xlarge-8 {
    width: 66.66667%
  }
  .grid-x>.xlarge-9 {
    width: 75%
  }
  .grid-x>.xlarge-10 {
    width: 83.33333%
  }
  .grid-x>.xlarge-11 {
    width: 91.66667%
  }
  .grid-x>.xlarge-12 {
    width: 100%
  }
}

.grid-margin-x:not(.grid-x)>.cell {
  width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
  height: auto
}

.grid-margin-x {
  margin-left: -.625rem;
  margin-right: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -.9375rem;
    margin-right: -.9375rem
  }
}

.grid-margin-x>.cell {
  width: calc(100% - 1.25rem);
  margin-left: .625rem;
  margin-right: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x>.cell {
    width: calc(100% - 1.875rem);
    margin-left: .9375rem;
    margin-right: .9375rem
  }
}

.grid-margin-x>.auto {
  width: auto
}

.grid-margin-x>.shrink {
  width: auto
}

.grid-margin-x>.small-1 {
  width: calc(8.33333% - 1.25rem)
}

.grid-margin-x>.small-2 {
  width: calc(16.66667% - 1.25rem)
}

.grid-margin-x>.small-3 {
  width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
  width: calc(33.33333% - 1.25rem)
}

.grid-margin-x>.small-5 {
  width: calc(41.66667% - 1.25rem)
}

.grid-margin-x>.small-6 {
  width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
  width: calc(58.33333% - 1.25rem)
}

.grid-margin-x>.small-8 {
  width: calc(66.66667% - 1.25rem)
}

.grid-margin-x>.small-9 {
  width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
  width: calc(83.33333% - 1.25rem)
}

.grid-margin-x>.small-11 {
  width: calc(91.66667% - 1.25rem)
}

.grid-margin-x>.small-12 {
  width: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x>.auto {
    width: auto
  }
  .grid-margin-x>.shrink {
    width: auto
  }
  .grid-margin-x>.small-1 {
    width: calc(8.33333% - 1.875rem)
  }
  .grid-margin-x>.small-2 {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x>.small-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x>.small-4 {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x>.small-5 {
    width: calc(41.66667% - 1.875rem)
  }
  .grid-margin-x>.small-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x>.small-7 {
    width: calc(58.33333% - 1.875rem)
  }
  .grid-margin-x>.small-8 {
    width: calc(66.66667% - 1.875rem)
  }
  .grid-margin-x>.small-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x>.small-10 {
    width: calc(83.33333% - 1.875rem)
  }
  .grid-margin-x>.small-11 {
    width: calc(91.66667% - 1.875rem)
  }
  .grid-margin-x>.small-12 {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x>.medium-auto {
    width: auto
  }
  .grid-margin-x>.medium-shrink {
    width: auto
  }
  .grid-margin-x>.medium-1 {
    width: calc(8.33333% - 1.875rem)
  }
  .grid-margin-x>.medium-2 {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x>.medium-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x>.medium-4 {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x>.medium-5 {
    width: calc(41.66667% - 1.875rem)
  }
  .grid-margin-x>.medium-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x>.medium-7 {
    width: calc(58.33333% - 1.875rem)
  }
  .grid-margin-x>.medium-8 {
    width: calc(66.66667% - 1.875rem)
  }
  .grid-margin-x>.medium-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x>.medium-10 {
    width: calc(83.33333% - 1.875rem)
  }
  .grid-margin-x>.medium-11 {
    width: calc(91.66667% - 1.875rem)
  }
  .grid-margin-x>.medium-12 {
    width: calc(100% - 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x>.large-auto {
    width: auto
  }
  .grid-margin-x>.large-shrink {
    width: auto
  }
  .grid-margin-x>.large-1 {
    width: calc(8.33333% - 1.875rem)
  }
  .grid-margin-x>.large-2 {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x>.large-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x>.large-4 {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x>.large-5 {
    width: calc(41.66667% - 1.875rem)
  }
  .grid-margin-x>.large-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x>.large-7 {
    width: calc(58.33333% - 1.875rem)
  }
  .grid-margin-x>.large-8 {
    width: calc(66.66667% - 1.875rem)
  }
  .grid-margin-x>.large-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x>.large-10 {
    width: calc(83.33333% - 1.875rem)
  }
  .grid-margin-x>.large-11 {
    width: calc(91.66667% - 1.875rem)
  }
  .grid-margin-x>.large-12 {
    width: calc(100% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-x>.xlarge-auto {
    width: auto
  }
  .grid-margin-x>.xlarge-shrink {
    width: auto
  }
  .grid-margin-x>.xlarge-1 {
    width: calc(8.33333% - 1.875rem)
  }
  .grid-margin-x>.xlarge-2 {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x>.xlarge-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x>.xlarge-4 {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x>.xlarge-5 {
    width: calc(41.66667% - 1.875rem)
  }
  .grid-margin-x>.xlarge-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x>.xlarge-7 {
    width: calc(58.33333% - 1.875rem)
  }
  .grid-margin-x>.xlarge-8 {
    width: calc(66.66667% - 1.875rem)
  }
  .grid-margin-x>.xlarge-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x>.xlarge-10 {
    width: calc(83.33333% - 1.875rem)
  }
  .grid-margin-x>.xlarge-11 {
    width: calc(91.66667% - 1.875rem)
  }
  .grid-margin-x>.xlarge-12 {
    width: calc(100% - 1.875rem)
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -.625rem;
  margin-left: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -.9375rem;
    margin-left: -.9375rem
  }
}

.grid-container:not(.full)>.grid-padding-x {
  margin-right: -.625rem;
  margin-left: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-container:not(.full)>.grid-padding-x {
    margin-right: -.9375rem;
    margin-left: -.9375rem
  }
}

.grid-padding-x>.cell {
  padding-right: .625rem;
  padding-left: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x>.cell {
    padding-right: .9375rem;
    padding-left: .9375rem
  }
}

.small-up-1>.cell {
  width: 100%
}

.small-up-2>.cell {
  width: 50%
}

.small-up-3>.cell {
  width: 33.33333%
}

.small-up-4>.cell {
  width: 25%
}

.small-up-5>.cell {
  width: 20%
}

.small-up-6>.cell {
  width: 16.66667%
}

.small-up-7>.cell {
  width: 14.28571%
}

.small-up-8>.cell {
  width: 12.5%
}

@media print, screen and (min-width: 40em) {
  .medium-up-1>.cell {
    width: 100%
  }
  .medium-up-2>.cell {
    width: 50%
  }
  .medium-up-3>.cell {
    width: 33.33333%
  }
  .medium-up-4>.cell {
    width: 25%
  }
  .medium-up-5>.cell {
    width: 20%
  }
  .medium-up-6>.cell {
    width: 16.66667%
  }
  .medium-up-7>.cell {
    width: 14.28571%
  }
  .medium-up-8>.cell {
    width: 12.5%
  }
}

@media print, screen and (min-width: 64em) {
  .large-up-1>.cell {
    width: 100%
  }
  .large-up-2>.cell {
    width: 50%
  }
  .large-up-3>.cell {
    width: 33.33333%
  }
  .large-up-4>.cell {
    width: 25%
  }
  .large-up-5>.cell {
    width: 20%
  }
  .large-up-6>.cell {
    width: 16.66667%
  }
  .large-up-7>.cell {
    width: 14.28571%
  }
  .large-up-8>.cell {
    width: 12.5%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-up-1>.cell {
    width: 100%
  }
  .xlarge-up-2>.cell {
    width: 50%
  }
  .xlarge-up-3>.cell {
    width: 33.33333%
  }
  .xlarge-up-4>.cell {
    width: 25%
  }
  .xlarge-up-5>.cell {
    width: 20%
  }
  .xlarge-up-6>.cell {
    width: 16.66667%
  }
  .xlarge-up-7>.cell {
    width: 14.28571%
  }
  .xlarge-up-8>.cell {
    width: 12.5%
  }
}

.grid-margin-x.small-up-1>.cell {
  width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2>.cell {
  width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3>.cell {
  width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4>.cell {
  width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5>.cell {
  width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6>.cell {
  width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7>.cell {
  width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8>.cell {
  width: calc(12.5% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1>.cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.small-up-2>.cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.small-up-3>.cell {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x.small-up-4>.cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.small-up-5>.cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.small-up-6>.cell {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x.small-up-7>.cell {
    width: calc(14.28571% - 1.875rem)
  }
  .grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
  .grid-margin-x.medium-up-1>.cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.medium-up-2>.cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.medium-up-3>.cell {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x.medium-up-4>.cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.medium-up-5>.cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.medium-up-6>.cell {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x.medium-up-7>.cell {
    width: calc(14.28571% - 1.875rem)
  }
  .grid-margin-x.medium-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1>.cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.large-up-2>.cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.large-up-3>.cell {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x.large-up-4>.cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.large-up-5>.cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.large-up-6>.cell {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x.large-up-7>.cell {
    width: calc(14.28571% - 1.875rem)
  }
  .grid-margin-x.large-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1>.cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-2>.cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-3>.cell {
    width: calc(33.33333% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-4>.cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-5>.cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-6>.cell {
    width: calc(16.66667% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-7>.cell {
    width: calc(14.28571% - 1.875rem)
  }
  .grid-margin-x.xlarge-up-8>.cell {
    width: calc(12.5% - 1.875rem)
  }
}

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

.small-margin-collapse>.cell {
  margin-right: 0;
  margin-left: 0
}

.small-margin-collapse>.small-1 {
  width: 8.33333%
}

.small-margin-collapse>.small-2 {
  width: 16.66667%
}

.small-margin-collapse>.small-3 {
  width: 25%
}

.small-margin-collapse>.small-4 {
  width: 33.33333%
}

.small-margin-collapse>.small-5 {
  width: 41.66667%
}

.small-margin-collapse>.small-6 {
  width: 50%
}

.small-margin-collapse>.small-7 {
  width: 58.33333%
}

.small-margin-collapse>.small-8 {
  width: 66.66667%
}

.small-margin-collapse>.small-9 {
  width: 75%
}

.small-margin-collapse>.small-10 {
  width: 83.33333%
}

.small-margin-collapse>.small-11 {
  width: 91.66667%
}

.small-margin-collapse>.small-12 {
  width: 100%
}

@media print, screen and (min-width: 40em) {
  .small-margin-collapse>.medium-1 {
    width: 8.33333%
  }
  .small-margin-collapse>.medium-2 {
    width: 16.66667%
  }
  .small-margin-collapse>.medium-3 {
    width: 25%
  }
  .small-margin-collapse>.medium-4 {
    width: 33.33333%
  }
  .small-margin-collapse>.medium-5 {
    width: 41.66667%
  }
  .small-margin-collapse>.medium-6 {
    width: 50%
  }
  .small-margin-collapse>.medium-7 {
    width: 58.33333%
  }
  .small-margin-collapse>.medium-8 {
    width: 66.66667%
  }
  .small-margin-collapse>.medium-9 {
    width: 75%
  }
  .small-margin-collapse>.medium-10 {
    width: 83.33333%
  }
  .small-margin-collapse>.medium-11 {
    width: 91.66667%
  }
  .small-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .small-margin-collapse>.large-1 {
    width: 8.33333%
  }
  .small-margin-collapse>.large-2 {
    width: 16.66667%
  }
  .small-margin-collapse>.large-3 {
    width: 25%
  }
  .small-margin-collapse>.large-4 {
    width: 33.33333%
  }
  .small-margin-collapse>.large-5 {
    width: 41.66667%
  }
  .small-margin-collapse>.large-6 {
    width: 50%
  }
  .small-margin-collapse>.large-7 {
    width: 58.33333%
  }
  .small-margin-collapse>.large-8 {
    width: 66.66667%
  }
  .small-margin-collapse>.large-9 {
    width: 75%
  }
  .small-margin-collapse>.large-10 {
    width: 83.33333%
  }
  .small-margin-collapse>.large-11 {
    width: 91.66667%
  }
  .small-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .small-margin-collapse>.xlarge-1 {
    width: 8.33333%
  }
  .small-margin-collapse>.xlarge-2 {
    width: 16.66667%
  }
  .small-margin-collapse>.xlarge-3 {
    width: 25%
  }
  .small-margin-collapse>.xlarge-4 {
    width: 33.33333%
  }
  .small-margin-collapse>.xlarge-5 {
    width: 41.66667%
  }
  .small-margin-collapse>.xlarge-6 {
    width: 50%
  }
  .small-margin-collapse>.xlarge-7 {
    width: 58.33333%
  }
  .small-margin-collapse>.xlarge-8 {
    width: 66.66667%
  }
  .small-margin-collapse>.xlarge-9 {
    width: 75%
  }
  .small-margin-collapse>.xlarge-10 {
    width: 83.33333%
  }
  .small-margin-collapse>.xlarge-11 {
    width: 91.66667%
  }
  .small-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0
}

.small-padding-collapse>.cell {
  padding-right: 0;
  padding-left: 0
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .medium-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse>.small-1 {
    width: 8.33333%
  }
  .medium-margin-collapse>.small-2 {
    width: 16.66667%
  }
  .medium-margin-collapse>.small-3 {
    width: 25%
  }
  .medium-margin-collapse>.small-4 {
    width: 33.33333%
  }
  .medium-margin-collapse>.small-5 {
    width: 41.66667%
  }
  .medium-margin-collapse>.small-6 {
    width: 50%
  }
  .medium-margin-collapse>.small-7 {
    width: 58.33333%
  }
  .medium-margin-collapse>.small-8 {
    width: 66.66667%
  }
  .medium-margin-collapse>.small-9 {
    width: 75%
  }
  .medium-margin-collapse>.small-10 {
    width: 83.33333%
  }
  .medium-margin-collapse>.small-11 {
    width: 91.66667%
  }
  .medium-margin-collapse>.small-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse>.medium-1 {
    width: 8.33333%
  }
  .medium-margin-collapse>.medium-2 {
    width: 16.66667%
  }
  .medium-margin-collapse>.medium-3 {
    width: 25%
  }
  .medium-margin-collapse>.medium-4 {
    width: 33.33333%
  }
  .medium-margin-collapse>.medium-5 {
    width: 41.66667%
  }
  .medium-margin-collapse>.medium-6 {
    width: 50%
  }
  .medium-margin-collapse>.medium-7 {
    width: 58.33333%
  }
  .medium-margin-collapse>.medium-8 {
    width: 66.66667%
  }
  .medium-margin-collapse>.medium-9 {
    width: 75%
  }
  .medium-margin-collapse>.medium-10 {
    width: 83.33333%
  }
  .medium-margin-collapse>.medium-11 {
    width: 91.66667%
  }
  .medium-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse>.large-1 {
    width: 8.33333%
  }
  .medium-margin-collapse>.large-2 {
    width: 16.66667%
  }
  .medium-margin-collapse>.large-3 {
    width: 25%
  }
  .medium-margin-collapse>.large-4 {
    width: 33.33333%
  }
  .medium-margin-collapse>.large-5 {
    width: 41.66667%
  }
  .medium-margin-collapse>.large-6 {
    width: 50%
  }
  .medium-margin-collapse>.large-7 {
    width: 58.33333%
  }
  .medium-margin-collapse>.large-8 {
    width: 66.66667%
  }
  .medium-margin-collapse>.large-9 {
    width: 75%
  }
  .medium-margin-collapse>.large-10 {
    width: 83.33333%
  }
  .medium-margin-collapse>.large-11 {
    width: 91.66667%
  }
  .medium-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .medium-margin-collapse>.xlarge-1 {
    width: 8.33333%
  }
  .medium-margin-collapse>.xlarge-2 {
    width: 16.66667%
  }
  .medium-margin-collapse>.xlarge-3 {
    width: 25%
  }
  .medium-margin-collapse>.xlarge-4 {
    width: 33.33333%
  }
  .medium-margin-collapse>.xlarge-5 {
    width: 41.66667%
  }
  .medium-margin-collapse>.xlarge-6 {
    width: 50%
  }
  .medium-margin-collapse>.xlarge-7 {
    width: 58.33333%
  }
  .medium-margin-collapse>.xlarge-8 {
    width: 66.66667%
  }
  .medium-margin-collapse>.xlarge-9 {
    width: 75%
  }
  .medium-margin-collapse>.xlarge-10 {
    width: 83.33333%
  }
  .medium-margin-collapse>.xlarge-11 {
    width: 91.66667%
  }
  .medium-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .medium-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .large-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse>.small-1 {
    width: 8.33333%
  }
  .large-margin-collapse>.small-2 {
    width: 16.66667%
  }
  .large-margin-collapse>.small-3 {
    width: 25%
  }
  .large-margin-collapse>.small-4 {
    width: 33.33333%
  }
  .large-margin-collapse>.small-5 {
    width: 41.66667%
  }
  .large-margin-collapse>.small-6 {
    width: 50%
  }
  .large-margin-collapse>.small-7 {
    width: 58.33333%
  }
  .large-margin-collapse>.small-8 {
    width: 66.66667%
  }
  .large-margin-collapse>.small-9 {
    width: 75%
  }
  .large-margin-collapse>.small-10 {
    width: 83.33333%
  }
  .large-margin-collapse>.small-11 {
    width: 91.66667%
  }
  .large-margin-collapse>.small-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse>.medium-1 {
    width: 8.33333%
  }
  .large-margin-collapse>.medium-2 {
    width: 16.66667%
  }
  .large-margin-collapse>.medium-3 {
    width: 25%
  }
  .large-margin-collapse>.medium-4 {
    width: 33.33333%
  }
  .large-margin-collapse>.medium-5 {
    width: 41.66667%
  }
  .large-margin-collapse>.medium-6 {
    width: 50%
  }
  .large-margin-collapse>.medium-7 {
    width: 58.33333%
  }
  .large-margin-collapse>.medium-8 {
    width: 66.66667%
  }
  .large-margin-collapse>.medium-9 {
    width: 75%
  }
  .large-margin-collapse>.medium-10 {
    width: 83.33333%
  }
  .large-margin-collapse>.medium-11 {
    width: 91.66667%
  }
  .large-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse>.large-1 {
    width: 8.33333%
  }
  .large-margin-collapse>.large-2 {
    width: 16.66667%
  }
  .large-margin-collapse>.large-3 {
    width: 25%
  }
  .large-margin-collapse>.large-4 {
    width: 33.33333%
  }
  .large-margin-collapse>.large-5 {
    width: 41.66667%
  }
  .large-margin-collapse>.large-6 {
    width: 50%
  }
  .large-margin-collapse>.large-7 {
    width: 58.33333%
  }
  .large-margin-collapse>.large-8 {
    width: 66.66667%
  }
  .large-margin-collapse>.large-9 {
    width: 75%
  }
  .large-margin-collapse>.large-10 {
    width: 83.33333%
  }
  .large-margin-collapse>.large-11 {
    width: 91.66667%
  }
  .large-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .large-margin-collapse>.xlarge-1 {
    width: 8.33333%
  }
  .large-margin-collapse>.xlarge-2 {
    width: 16.66667%
  }
  .large-margin-collapse>.xlarge-3 {
    width: 25%
  }
  .large-margin-collapse>.xlarge-4 {
    width: 33.33333%
  }
  .large-margin-collapse>.xlarge-5 {
    width: 41.66667%
  }
  .large-margin-collapse>.xlarge-6 {
    width: 50%
  }
  .large-margin-collapse>.xlarge-7 {
    width: 58.33333%
  }
  .large-margin-collapse>.xlarge-8 {
    width: 66.66667%
  }
  .large-margin-collapse>.xlarge-9 {
    width: 75%
  }
  .large-margin-collapse>.xlarge-10 {
    width: 83.33333%
  }
  .large-margin-collapse>.xlarge-11 {
    width: 91.66667%
  }
  .large-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .large-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .xlarge-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.small-1 {
    width: 8.33333%
  }
  .xlarge-margin-collapse>.small-2 {
    width: 16.66667%
  }
  .xlarge-margin-collapse>.small-3 {
    width: 25%
  }
  .xlarge-margin-collapse>.small-4 {
    width: 33.33333%
  }
  .xlarge-margin-collapse>.small-5 {
    width: 41.66667%
  }
  .xlarge-margin-collapse>.small-6 {
    width: 50%
  }
  .xlarge-margin-collapse>.small-7 {
    width: 58.33333%
  }
  .xlarge-margin-collapse>.small-8 {
    width: 66.66667%
  }
  .xlarge-margin-collapse>.small-9 {
    width: 75%
  }
  .xlarge-margin-collapse>.small-10 {
    width: 83.33333%
  }
  .xlarge-margin-collapse>.small-11 {
    width: 91.66667%
  }
  .xlarge-margin-collapse>.small-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.medium-1 {
    width: 8.33333%
  }
  .xlarge-margin-collapse>.medium-2 {
    width: 16.66667%
  }
  .xlarge-margin-collapse>.medium-3 {
    width: 25%
  }
  .xlarge-margin-collapse>.medium-4 {
    width: 33.33333%
  }
  .xlarge-margin-collapse>.medium-5 {
    width: 41.66667%
  }
  .xlarge-margin-collapse>.medium-6 {
    width: 50%
  }
  .xlarge-margin-collapse>.medium-7 {
    width: 58.33333%
  }
  .xlarge-margin-collapse>.medium-8 {
    width: 66.66667%
  }
  .xlarge-margin-collapse>.medium-9 {
    width: 75%
  }
  .xlarge-margin-collapse>.medium-10 {
    width: 83.33333%
  }
  .xlarge-margin-collapse>.medium-11 {
    width: 91.66667%
  }
  .xlarge-margin-collapse>.medium-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.large-1 {
    width: 8.33333%
  }
  .xlarge-margin-collapse>.large-2 {
    width: 16.66667%
  }
  .xlarge-margin-collapse>.large-3 {
    width: 25%
  }
  .xlarge-margin-collapse>.large-4 {
    width: 33.33333%
  }
  .xlarge-margin-collapse>.large-5 {
    width: 41.66667%
  }
  .xlarge-margin-collapse>.large-6 {
    width: 50%
  }
  .xlarge-margin-collapse>.large-7 {
    width: 58.33333%
  }
  .xlarge-margin-collapse>.large-8 {
    width: 66.66667%
  }
  .xlarge-margin-collapse>.large-9 {
    width: 75%
  }
  .xlarge-margin-collapse>.large-10 {
    width: 83.33333%
  }
  .xlarge-margin-collapse>.large-11 {
    width: 91.66667%
  }
  .xlarge-margin-collapse>.large-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse>.xlarge-1 {
    width: 8.33333%
  }
  .xlarge-margin-collapse>.xlarge-2 {
    width: 16.66667%
  }
  .xlarge-margin-collapse>.xlarge-3 {
    width: 25%
  }
  .xlarge-margin-collapse>.xlarge-4 {
    width: 33.33333%
  }
  .xlarge-margin-collapse>.xlarge-5 {
    width: 41.66667%
  }
  .xlarge-margin-collapse>.xlarge-6 {
    width: 50%
  }
  .xlarge-margin-collapse>.xlarge-7 {
    width: 58.33333%
  }
  .xlarge-margin-collapse>.xlarge-8 {
    width: 66.66667%
  }
  .xlarge-margin-collapse>.xlarge-9 {
    width: 75%
  }
  .xlarge-margin-collapse>.xlarge-10 {
    width: 83.33333%
  }
  .xlarge-margin-collapse>.xlarge-11 {
    width: 91.66667%
  }
  .xlarge-margin-collapse>.xlarge-12 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .xlarge-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
  }
}

.small-offset-0 {
  margin-left: 0%
}

.grid-margin-x>.small-offset-0 {
  margin-left: calc(0% + .625rem)
}

.small-offset-1 {
  margin-left: 8.33333%
}

.grid-margin-x>.small-offset-1 {
  margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
  margin-left: 16.66667%
}

.grid-margin-x>.small-offset-2 {
  margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
  margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
  margin-left: calc(25% + .625rem)
}

.small-offset-4 {
  margin-left: 33.33333%
}

.grid-margin-x>.small-offset-4 {
  margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
  margin-left: 41.66667%
}

.grid-margin-x>.small-offset-5 {
  margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
  margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
  margin-left: calc(50% + .625rem)
}

.small-offset-7 {
  margin-left: 58.33333%
}

.grid-margin-x>.small-offset-7 {
  margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
  margin-left: 66.66667%
}

.grid-margin-x>.small-offset-8 {
  margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
  margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
  margin-left: calc(75% + .625rem)
}

.small-offset-10 {
  margin-left: 83.33333%
}

.grid-margin-x>.small-offset-10 {
  margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
  margin-left: 91.66667%
}

.grid-margin-x>.small-offset-11 {
  margin-left: calc(91.66667% + .625rem)
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%
  }
  .grid-margin-x>.medium-offset-0 {
    margin-left: calc(0% + .9375rem)
  }
  .medium-offset-1 {
    margin-left: 8.33333%
  }
  .grid-margin-x>.medium-offset-1 {
    margin-left: calc(8.33333% + .9375rem)
  }
  .medium-offset-2 {
    margin-left: 16.66667%
  }
  .grid-margin-x>.medium-offset-2 {
    margin-left: calc(16.66667% + .9375rem)
  }
  .medium-offset-3 {
    margin-left: 25%
  }
  .grid-margin-x>.medium-offset-3 {
    margin-left: calc(25% + .9375rem)
  }
  .medium-offset-4 {
    margin-left: 33.33333%
  }
  .grid-margin-x>.medium-offset-4 {
    margin-left: calc(33.33333% + .9375rem)
  }
  .medium-offset-5 {
    margin-left: 41.66667%
  }
  .grid-margin-x>.medium-offset-5 {
    margin-left: calc(41.66667% + .9375rem)
  }
  .medium-offset-6 {
    margin-left: 50%
  }
  .grid-margin-x>.medium-offset-6 {
    margin-left: calc(50% + .9375rem)
  }
  .medium-offset-7 {
    margin-left: 58.33333%
  }
  .grid-margin-x>.medium-offset-7 {
    margin-left: calc(58.33333% + .9375rem)
  }
  .medium-offset-8 {
    margin-left: 66.66667%
  }
  .grid-margin-x>.medium-offset-8 {
    margin-left: calc(66.66667% + .9375rem)
  }
  .medium-offset-9 {
    margin-left: 75%
  }
  .grid-margin-x>.medium-offset-9 {
    margin-left: calc(75% + .9375rem)
  }
  .medium-offset-10 {
    margin-left: 83.33333%
  }
  .grid-margin-x>.medium-offset-10 {
    margin-left: calc(83.33333% + .9375rem)
  }
  .medium-offset-11 {
    margin-left: 91.66667%
  }
  .grid-margin-x>.medium-offset-11 {
    margin-left: calc(91.66667% + .9375rem)
  }
}

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%
  }
  .grid-margin-x>.large-offset-0 {
    margin-left: calc(0% + .9375rem)
  }
  .large-offset-1 {
    margin-left: 8.33333%
  }
  .grid-margin-x>.large-offset-1 {
    margin-left: calc(8.33333% + .9375rem)
  }
  .large-offset-2 {
    margin-left: 16.66667%
  }
  .grid-margin-x>.large-offset-2 {
    margin-left: calc(16.66667% + .9375rem)
  }
  .large-offset-3 {
    margin-left: 25%
  }
  .grid-margin-x>.large-offset-3 {
    margin-left: calc(25% + .9375rem)
  }
  .large-offset-4 {
    margin-left: 33.33333%
  }
  .grid-margin-x>.large-offset-4 {
    margin-left: calc(33.33333% + .9375rem)
  }
  .large-offset-5 {
    margin-left: 41.66667%
  }
  .grid-margin-x>.large-offset-5 {
    margin-left: calc(41.66667% + .9375rem)
  }
  .large-offset-6 {
    margin-left: 50%
  }
  .grid-margin-x>.large-offset-6 {
    margin-left: calc(50% + .9375rem)
  }
  .large-offset-7 {
    margin-left: 58.33333%
  }
  .grid-margin-x>.large-offset-7 {
    margin-left: calc(58.33333% + .9375rem)
  }
  .large-offset-8 {
    margin-left: 66.66667%
  }
  .grid-margin-x>.large-offset-8 {
    margin-left: calc(66.66667% + .9375rem)
  }
  .large-offset-9 {
    margin-left: 75%
  }
  .grid-margin-x>.large-offset-9 {
    margin-left: calc(75% + .9375rem)
  }
  .large-offset-10 {
    margin-left: 83.33333%
  }
  .grid-margin-x>.large-offset-10 {
    margin-left: calc(83.33333% + .9375rem)
  }
  .large-offset-11 {
    margin-left: 91.66667%
  }
  .grid-margin-x>.large-offset-11 {
    margin-left: calc(91.66667% + .9375rem)
  }
}

@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%
  }
  .grid-margin-x>.xlarge-offset-0 {
    margin-left: calc(0% + .9375rem)
  }
  .xlarge-offset-1 {
    margin-left: 8.33333%
  }
  .grid-margin-x>.xlarge-offset-1 {
    margin-left: calc(8.33333% + .9375rem)
  }
  .xlarge-offset-2 {
    margin-left: 16.66667%
  }
  .grid-margin-x>.xlarge-offset-2 {
    margin-left: calc(16.66667% + .9375rem)
  }
  .xlarge-offset-3 {
    margin-left: 25%
  }
  .grid-margin-x>.xlarge-offset-3 {
    margin-left: calc(25% + .9375rem)
  }
  .xlarge-offset-4 {
    margin-left: 33.33333%
  }
  .grid-margin-x>.xlarge-offset-4 {
    margin-left: calc(33.33333% + .9375rem)
  }
  .xlarge-offset-5 {
    margin-left: 41.66667%
  }
  .grid-margin-x>.xlarge-offset-5 {
    margin-left: calc(41.66667% + .9375rem)
  }
  .xlarge-offset-6 {
    margin-left: 50%
  }
  .grid-margin-x>.xlarge-offset-6 {
    margin-left: calc(50% + .9375rem)
  }
  .xlarge-offset-7 {
    margin-left: 58.33333%
  }
  .grid-margin-x>.xlarge-offset-7 {
    margin-left: calc(58.33333% + .9375rem)
  }
  .xlarge-offset-8 {
    margin-left: 66.66667%
  }
  .grid-margin-x>.xlarge-offset-8 {
    margin-left: calc(66.66667% + .9375rem)
  }
  .xlarge-offset-9 {
    margin-left: 75%
  }
  .grid-margin-x>.xlarge-offset-9 {
    margin-left: calc(75% + .9375rem)
  }
  .xlarge-offset-10 {
    margin-left: 83.33333%
  }
  .grid-margin-x>.xlarge-offset-10 {
    margin-left: calc(83.33333% + .9375rem)
  }
  .xlarge-offset-11 {
    margin-left: 91.66667%
  }
  .grid-margin-x>.xlarge-offset-11 {
    margin-left: calc(91.66667% + .9375rem)
  }
}

.grid-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap
}

.grid-y>.cell {
  height: auto;
  max-height: none
}

.grid-y>.auto {
  height: auto
}

.grid-y>.shrink {
  height: auto
}

.grid-y>.small-shrink, .grid-y>.small-full, .grid-y>.small-1, .grid-y>.small-2, .grid-y>.small-3, .grid-y>.small-4, .grid-y>.small-5, .grid-y>.small-6, .grid-y>.small-7, .grid-y>.small-8, .grid-y>.small-9, .grid-y>.small-10, .grid-y>.small-11, .grid-y>.small-12 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media print, screen and (min-width: 40em) {
  .grid-y>.medium-shrink, .grid-y>.medium-full, .grid-y>.medium-1, .grid-y>.medium-2, .grid-y>.medium-3, .grid-y>.medium-4, .grid-y>.medium-5, .grid-y>.medium-6, .grid-y>.medium-7, .grid-y>.medium-8, .grid-y>.medium-9, .grid-y>.medium-10, .grid-y>.medium-11, .grid-y>.medium-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y>.large-shrink, .grid-y>.large-full, .grid-y>.large-1, .grid-y>.large-2, .grid-y>.large-3, .grid-y>.large-4, .grid-y>.large-5, .grid-y>.large-6, .grid-y>.large-7, .grid-y>.large-8, .grid-y>.large-9, .grid-y>.large-10, .grid-y>.large-11, .grid-y>.large-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
}

@media screen and (min-width: 75em) {
  .grid-y>.xlarge-shrink, .grid-y>.xlarge-full, .grid-y>.xlarge-1, .grid-y>.xlarge-2, .grid-y>.xlarge-3, .grid-y>.xlarge-4, .grid-y>.xlarge-5, .grid-y>.xlarge-6, .grid-y>.xlarge-7, .grid-y>.xlarge-8, .grid-y>.xlarge-9, .grid-y>.xlarge-10, .grid-y>.xlarge-11, .grid-y>.xlarge-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }
}

.grid-y>.small-1, .grid-y>.small-2, .grid-y>.small-3, .grid-y>.small-4, .grid-y>.small-5, .grid-y>.small-6, .grid-y>.small-7, .grid-y>.small-8, .grid-y>.small-9, .grid-y>.small-10, .grid-y>.small-11, .grid-y>.small-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.grid-y>.small-1 {
  height: 8.33333%
}

.grid-y>.small-2 {
  height: 16.66667%
}

.grid-y>.small-3 {
  height: 25%
}

.grid-y>.small-4 {
  height: 33.33333%
}

.grid-y>.small-5 {
  height: 41.66667%
}

.grid-y>.small-6 {
  height: 50%
}

.grid-y>.small-7 {
  height: 58.33333%
}

.grid-y>.small-8 {
  height: 66.66667%
}

.grid-y>.small-9 {
  height: 75%
}

.grid-y>.small-10 {
  height: 83.33333%
}

.grid-y>.small-11 {
  height: 91.66667%
}

.grid-y>.small-12 {
  height: 100%
}

@media print, screen and (min-width: 40em) {
  .grid-y>.medium-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto
  }
  .grid-y>.medium-shrink, .grid-y>.medium-1, .grid-y>.medium-2, .grid-y>.medium-3, .grid-y>.medium-4, .grid-y>.medium-5, .grid-y>.medium-6, .grid-y>.medium-7, .grid-y>.medium-8, .grid-y>.medium-9, .grid-y>.medium-10, .grid-y>.medium-11, .grid-y>.medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .grid-y>.medium-shrink {
    height: auto
  }
  .grid-y>.medium-1 {
    height: 8.33333%
  }
  .grid-y>.medium-2 {
    height: 16.66667%
  }
  .grid-y>.medium-3 {
    height: 25%
  }
  .grid-y>.medium-4 {
    height: 33.33333%
  }
  .grid-y>.medium-5 {
    height: 41.66667%
  }
  .grid-y>.medium-6 {
    height: 50%
  }
  .grid-y>.medium-7 {
    height: 58.33333%
  }
  .grid-y>.medium-8 {
    height: 66.66667%
  }
  .grid-y>.medium-9 {
    height: 75%
  }
  .grid-y>.medium-10 {
    height: 83.33333%
  }
  .grid-y>.medium-11 {
    height: 91.66667%
  }
  .grid-y>.medium-12 {
    height: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y>.large-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto
  }
  .grid-y>.large-shrink, .grid-y>.large-1, .grid-y>.large-2, .grid-y>.large-3, .grid-y>.large-4, .grid-y>.large-5, .grid-y>.large-6, .grid-y>.large-7, .grid-y>.large-8, .grid-y>.large-9, .grid-y>.large-10, .grid-y>.large-11, .grid-y>.large-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .grid-y>.large-shrink {
    height: auto
  }
  .grid-y>.large-1 {
    height: 8.33333%
  }
  .grid-y>.large-2 {
    height: 16.66667%
  }
  .grid-y>.large-3 {
    height: 25%
  }
  .grid-y>.large-4 {
    height: 33.33333%
  }
  .grid-y>.large-5 {
    height: 41.66667%
  }
  .grid-y>.large-6 {
    height: 50%
  }
  .grid-y>.large-7 {
    height: 58.33333%
  }
  .grid-y>.large-8 {
    height: 66.66667%
  }
  .grid-y>.large-9 {
    height: 75%
  }
  .grid-y>.large-10 {
    height: 83.33333%
  }
  .grid-y>.large-11 {
    height: 91.66667%
  }
  .grid-y>.large-12 {
    height: 100%
  }
}

@media screen and (min-width: 75em) {
  .grid-y>.xlarge-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto
  }
  .grid-y>.xlarge-shrink, .grid-y>.xlarge-1, .grid-y>.xlarge-2, .grid-y>.xlarge-3, .grid-y>.xlarge-4, .grid-y>.xlarge-5, .grid-y>.xlarge-6, .grid-y>.xlarge-7, .grid-y>.xlarge-8, .grid-y>.xlarge-9, .grid-y>.xlarge-10, .grid-y>.xlarge-11, .grid-y>.xlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .grid-y>.xlarge-shrink {
    height: auto
  }
  .grid-y>.xlarge-1 {
    height: 8.33333%
  }
  .grid-y>.xlarge-2 {
    height: 16.66667%
  }
  .grid-y>.xlarge-3 {
    height: 25%
  }
  .grid-y>.xlarge-4 {
    height: 33.33333%
  }
  .grid-y>.xlarge-5 {
    height: 41.66667%
  }
  .grid-y>.xlarge-6 {
    height: 50%
  }
  .grid-y>.xlarge-7 {
    height: 58.33333%
  }
  .grid-y>.xlarge-8 {
    height: 66.66667%
  }
  .grid-y>.xlarge-9 {
    height: 75%
  }
  .grid-y>.xlarge-10 {
    height: 83.33333%
  }
  .grid-y>.xlarge-11 {
    height: 91.66667%
  }
  .grid-y>.xlarge-12 {
    height: 100%
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -.625rem;
  margin-bottom: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -.9375rem;
    margin-bottom: -.9375rem
  }
}

.grid-padding-y>.cell {
  padding-top: .625rem;
  padding-bottom: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-y>.cell {
    padding-top: .9375rem;
    padding-bottom: .9375rem
  }
}

.grid-margin-y {
  margin-top: -.625rem;
  margin-bottom: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -.9375rem;
    margin-bottom: -.9375rem
  }
}

.grid-margin-y>.cell {
  height: calc(100% - 1.25rem);
  margin-top: .625rem;
  margin-bottom: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y>.cell {
    height: calc(100% - 1.875rem);
    margin-top: .9375rem;
    margin-bottom: .9375rem
  }
}

.grid-margin-y>.auto {
  height: auto
}

.grid-margin-y>.shrink {
  height: auto
}

.grid-margin-y>.small-1 {
  height: calc(8.33333% - 1.25rem)
}

.grid-margin-y>.small-2 {
  height: calc(16.66667% - 1.25rem)
}

.grid-margin-y>.small-3 {
  height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
  height: calc(33.33333% - 1.25rem)
}

.grid-margin-y>.small-5 {
  height: calc(41.66667% - 1.25rem)
}

.grid-margin-y>.small-6 {
  height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
  height: calc(58.33333% - 1.25rem)
}

.grid-margin-y>.small-8 {
  height: calc(66.66667% - 1.25rem)
}

.grid-margin-y>.small-9 {
  height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
  height: calc(83.33333% - 1.25rem)
}

.grid-margin-y>.small-11 {
  height: calc(91.66667% - 1.25rem)
}

.grid-margin-y>.small-12 {
  height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y>.auto {
    height: auto
  }
  .grid-margin-y>.shrink {
    height: auto
  }
  .grid-margin-y>.small-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.small-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.small-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.small-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.small-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.small-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.small-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.small-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.small-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.small-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.small-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.small-12 {
    height: calc(100% - 1.875rem)
  }
  .grid-margin-y>.medium-auto {
    height: auto
  }
  .grid-margin-y>.medium-shrink {
    height: auto
  }
  .grid-margin-y>.medium-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.medium-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.medium-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.medium-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-12 {
    height: calc(100% - 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y>.large-auto {
    height: auto
  }
  .grid-margin-y>.large-shrink {
    height: auto
  }
  .grid-margin-y>.large-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.large-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.large-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.large-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.large-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.large-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.large-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.large-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.large-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.large-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.large-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.large-12 {
    height: calc(100% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y>.xlarge-auto {
    height: auto
  }
  .grid-margin-y>.xlarge-shrink {
    height: auto
  }
  .grid-margin-y>.xlarge-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.xlarge-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.xlarge-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-8 {
    height: calc(66.66667% - 1.875rem)
  }

  .grid-margin-y>.xlarge-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.xlarge-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-12 {
    height: calc(100% - 1.875rem)
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100vw
}

.cell .grid-frame {
  width: 100%
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%
}

.cell-block-container>.grid-x {
  max-height: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
  }
  .cell .medium-grid-frame {
    width: 100%
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
  .medium-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
  }
  .medium-cell-block-container>.grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
  }
  .cell .large-grid-frame {
    width: 100%
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
  .large-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
  }
  .large-cell-block-container>.grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media screen and (min-width: 75em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
  }
  .cell .xlarge-grid-frame {
    width: 100%
  }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
  .xlarge-cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
  }
  .xlarge-cell-block-container>.grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100vh
}

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
  }
}

@media screen and (min-width: 75em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
  }
}

.cell .grid-y.grid-frame {
  height: 100%
}

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%
  }
}

@media screen and (min-width: 75em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%
  }
}

.grid-margin-y {
  margin-top: -.625rem;
  margin-bottom: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -.9375rem;
    margin-bottom: -.9375rem
  }
}

.grid-margin-y>.cell {
  height: calc(100% - 1.25rem);
  margin-top: .625rem;
  margin-bottom: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y>.cell {
    height: calc(100% - 1.875rem);
    margin-top: .9375rem;
    margin-bottom: .9375rem
  }
}

.grid-margin-y>.auto {
  height: auto
}

.grid-margin-y>.shrink {
  height: auto
}

.grid-margin-y>.small-1 {
  height: calc(8.33333% - 1.25rem)
}

.grid-margin-y>.small-2 {
  height: calc(16.66667% - 1.25rem)
}

.grid-margin-y>.small-3 {
  height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
  height: calc(33.33333% - 1.25rem)
}

.grid-margin-y>.small-5 {
  height: calc(41.66667% - 1.25rem)
}

.grid-margin-y>.small-6 {
  height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
  height: calc(58.33333% - 1.25rem)
}

.grid-margin-y>.small-8 {
  height: calc(66.66667% - 1.25rem)
}

.grid-margin-y>.small-9 {
  height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
  height: calc(83.33333% - 1.25rem)
}

.grid-margin-y>.small-11 {
  height: calc(91.66667% - 1.25rem)
}

.grid-margin-y>.small-12 {
  height: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y>.auto {
    height: auto
  }
  .grid-margin-y>.shrink {
    height: auto
  }
  .grid-margin-y>.small-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.small-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.small-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.small-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.small-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.small-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.small-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.small-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.small-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.small-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.small-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.small-12 {
    height: calc(100% - 1.875rem)
  }
  .grid-margin-y>.medium-auto {
    height: auto
  }
  .grid-margin-y>.medium-shrink {
    height: auto
  }
  .grid-margin-y>.medium-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.medium-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.medium-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.medium-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.medium-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.medium-12 {
    height: calc(100% - 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y>.large-auto {
    height: auto
  }
  .grid-margin-y>.large-shrink {
    height: auto
  }
  .grid-margin-y>.large-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.large-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.large-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.large-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.large-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.large-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.large-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.large-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.large-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.large-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.large-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.large-12 {
    height: calc(100% - 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y>.xlarge-auto {
    height: auto
  }
  .grid-margin-y>.xlarge-shrink {
    height: auto
  }
  .grid-margin-y>.xlarge-1 {
    height: calc(8.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-2 {
    height: calc(16.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y>.xlarge-4 {
    height: calc(33.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-5 {
    height: calc(41.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y>.xlarge-7 {
    height: calc(58.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-8 {
    height: calc(66.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y>.xlarge-10 {
    height: calc(83.33333% - 1.875rem)
  }
  .grid-margin-y>.xlarge-11 {
    height: calc(91.66667% - 1.875rem)
  }
  .grid-margin-y>.xlarge-12 {
    height: calc(100% - 1.875rem)
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem)
}

@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.clearfix::after {
  clear: both
}

.align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.align-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.align-left.vertical.menu>li>a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.align-right.vertical.menu>li>a {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.align-center.vertical.menu>li>a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.align-self-middle {
  -ms-flex-item-align: center;
  align-self: center
}

.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.align-center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }
  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex-child-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.flex-child-grow {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.flex-child-shrink {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.flex-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.flex-dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .medium-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  .medium-flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  .medium-flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
  }
  .medium-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .medium-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .medium-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .medium-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .large-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  .large-flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  .large-flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
  }
  .large-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .large-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .large-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .large-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .xlarge-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  .xlarge-flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  .xlarge-flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
  }
  .xlarge-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .xlarge-flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .xlarge-flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .xlarge-flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.hide {
  display: none !important
}

.invisible {
  visibility: hidden
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important
  }
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important
  }
}

.show-for-sr, .show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important
}

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

@media screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: block !important
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape, .hide-for-portrait {
    display: none !important
  }
}

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

@media screen and (orientation: landscape) {
  .hide-for-landscape, .show-for-portrait {
    display: none !important
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: block !important
  }
}

.slide-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.slide-in-left.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.slide-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.slide-in-right.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.slide-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.slide-out-right.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

.slide-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

.slide-out-left.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.fade-in.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1
}

.fade-out.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0
}

.hinge-in-from-top.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-right.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-bottom.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-left.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-out-from-top.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}

.hinge-out-from-right.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}

.hinge-out-from-bottom.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0
}

.hinge-out-from-left.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}

.scale-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;

  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.scale-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.scale-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0
}

.scale-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5);
  opacity: 0
}

.spin-in.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(-.75turn);
  -ms-transform: rotate(-.75turn);
  transform: rotate(-.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1
}

.spin-out.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(.75turn);
  -ms-transform: rotate(.75turn);
  transform: rotate(.75turn);
  opacity: 0
}

.spin-in-ccw.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(.75turn);
  -ms-transform: rotate(.75turn);
  transform: rotate(.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1
}

.spin-out-ccw.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-.75turn);
  -ms-transform: rotate(-.75turn);
  transform: rotate(-.75turn);
  opacity: 0
}

.slow {
  -webkit-transition-duration: 750ms !important;
  transition-duration: 750ms !important
}

.fast {
  -webkit-transition-duration: 250ms !important;
  transition-duration: 250ms !important
}

.linear {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important
}

.ease {
  -webkit-transition-timing-function: ease !important;
  transition-timing-function: ease !important
}

.ease-in {
  -webkit-transition-timing-function: ease-in !important;
  transition-timing-function: ease-in !important
}

.ease-out {
  -webkit-transition-timing-function: ease-out !important;
  transition-timing-function: ease-out !important
}

.ease-in-out {
  -webkit-transition-timing-function: ease-in-out !important;
  transition-timing-function: ease-in-out !important
}

.bounce-in {
  -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
  -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
  -webkit-transition-delay: 300ms !important;
  transition-delay: 300ms !important
}

.long-delay {
  -webkit-transition-delay: 700ms !important;
  transition-delay: 700ms !important
}

.shake {
  -webkit-animation-name: shake-7;
  animation-name: shake-7
}

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
    transform: translateX(7%)
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%)
  }
}

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
    transform: translateX(7%)
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%)
  }
}

.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.spin-ccw {
  -webkit-animation-name: spin-ccw-1turn;
  animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
}

@keyframes spin-ccw-1turn {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
}

.wiggle {
  -webkit-animation-name: wiggle-7deg;
  animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg)
  }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg)
  }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg)
  }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg)
  }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.shake, .spin-cw, .spin-ccw, .wiggle {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms
}

.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.slow {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important
}

.fast {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important
}

.linear {
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important
}

.ease {
  -webkit-animation-timing-function: ease !important;
  animation-timing-function: ease !important
}

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
  animation-timing-function: ease-in !important
}

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
  animation-timing-function: ease-out !important
}

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
  animation-timing-function: ease-in-out !important
}

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important
}

.long-delay {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll
}

html.is-reveal-open body {
  overflow-y: hidden
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
  outline: 0
}

@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0
  }
}

.reveal .column {
  min-width: 0
}

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

@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem
  }
}

.reveal.collapse {
  padding: 0
}

@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem
  }
}


@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0
}

@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
  }
}

.reveal.without-overlay {
  position: fixed
}

html {
  margin-top: 0 !important
}

* {
  color: #505050;
  font-family: "Noto Sans JP", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -ms-font-feature-settings: "normal";
  outline: none
}

*::-moz-selection {
  background: #39A474;
  color: #fefefe
}

*::selection {
  background: #39A474;
  color: #fefefe
}

* p {
  margin-bottom: 0;
  font-size: 14px
}

.f-s {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal"
}

.f-s span.txt_b {
  font-weight: bold;
}

.f-s span.under {
  border-bottom: 1px solid #505050;
}

.primary-btn {
  padding: 20px 80px;
  color: #fefefe;
  background: #39A474;
  border: 1px solid #39A474;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center
}

.primary-btn span {
  margin-bottom: 6px;
  color: #fefefe;
  display: block;
  font-size: 24px
}

.primary-btn:hover {
  border: 1px solid #39A474;
  color: #39A474;
  background: transparent
}

#top, #topics {
  margin: 0 auto;
  max-width: 1440px;
  min-height: 800px
}

#top section, #top .sub-head, #topics section, #topics .sub-head {
  padding: 80px 0
}

#top section#concept, #top .sub-head#concept, #topics .sub-head#concept {
  padding-top: 160px
}

#topics section#concept{
  padding-top: 60px
}

section#line {
  text-align: center;
  padding-bottom: 0;
}
section.sns_link {
  text-align: center;
  padding-top: 40px!important;
}
section.sns_link a {
	display: inline-block;
	margin: 0 .5rem;
}
section#flow {
  padding-bottom: 40px
}

@media print, screen and (max-width: 39.99875em) {
  #top section#concept, #top .sub-head#concept, #topics section#concept, #topics .sub-head#concept {
    padding-top: 80px
  }
}

#top section#flow, #top .sub-head#flow, #topics section#flow, #topics .sub-head#flow {
  padding-top: 0
}

#top section#access, #top .sub-head#access, #topics section#access, #topics .sub-head#access {
  padding-bottom: 0;
  line-height: 0
}

@media print, screen and (max-width: 63.99875em) {
  #top section, #top .sub-head, #topics section, #topics .sub-head {
    padding: 60px 0
  }
  #top section#contact, #top .sub-head#contact, #topics section#contact, #topics .sub-head#contact {
    padding: 60px 10px
  }

  section#line {
    display: block;
    text-align: center;
    padding: 30px 4% 0 !important;
  }
  section#line a img {
    max-width: 515px;
    width: 100%;
  }

  section#topics-sec {
    padding-top: 25px;
  }
}

#top section header, #top .sub-head header, #topics section header, #topics .sub-head header {
  margin-bottom: 30px;
  text-align: center
}

#top section header h2, #top .sub-head header h2, #topics section header h2, #topics .sub-head header h2 {
  font-size: 36px;
  font-family: 'Oswald';
  -ms-font-feature-settings: "normal";
  letter-spacing: .4rem
}

#top section header h2 span, #top .sub-head header h2 span, #topics section header h2 span, #topics .sub-head header h2 span {
  font-size: 18px;
  display: block;
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal";
  letter-spacing: .2rem
}

section#concept02 header h2,
section#concept03 header h2,
section#concept04 header h2,
section#question01 header h2,
section#question02 header h2,
section#question03 header h2,
section#question04 header h2,
section#question05 header h2{
  font-size: 36px;
  display: block;
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal";
  letter-spacing: .4rem;
  padding: 0 10px 5px;
  border-bottom: 1px solid #8a8a8a;  
}
section#concept02 header h2 br,
section#concept03 header h2 br,
section#concept04 header h2 br{
  display: none;
}

@media print, screen and (max-width: 39.99875em) {
  section#concept02 header h2,
  section#concept03 header h2,
  section#concept04 header h2,
  section#question01 header h2,
  section#question02 header h2,
  section#question03 header h2,
  section#question04 header h2,
  section#question05 header h2{
    font-size: 24px;
  }
  section#concept02 header h2 br,
  section#concept03 header h2 br,
  section#concept04 header h2 br{
    display: block;
  }
}

#flow #concept03{
  background-color: #fefefe;
}

.sub-head {
  margin-top: 54px;
  position: relative;
  height: 320px
}
.lp-head{
	height: inherit;
	padding: 0!important;
	margin-bottom: -70px;
}
.lp-fv{
	width: 100%;
}
@media print, screen and (min-width: 74.99875em){
	.lp-head{margin: 0 40px -70px;}
}
.sub-head header {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 1
}

.sub-head .bd-nav {
  margin-bottom: 0;
  background: #FCF8F4;
  padding: 0 10px 4px;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 1
}

@media print, screen and (max-width: 39.99875em) {
  .sub-head .bd-nav {
    bottom: auto;
    top: 10px
  }
}

.sub-head .bd-nav li {
  display: inline-block
}

.sub-head .bd-nav li a {
  padding: 0 4px;
  display: block;
  color: #505050;
  font-size: 12px;
  line-height: 1
}

.sub-head .bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sub-head-bg.jpg);
  background-size: cover;
  background-position: center;
  z-index: 0;
  opacity: 0.4
}

.concept .bg-img {
  background-image: url(../img/concept-head-bg.jpg);
  background-position: 18% top;
}

.flow .bg-img {
  background-image: url(../img/flow-head-bg.jpg);
}

.question .bg-img {
  background-image: url(../img/question-head-bg.jpg);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sub-head .bg-img {
    background-image: url(../img/sub-head-bg@2x.jpg)
  }
  .concept .bg-img {
    background-image: url(../img/concept-head-bg@2x.jpg)
  }
  .flow .bg-img {
    background-image: url(../img/flow-head-bg@2x.jpg);
  }
  .question .bg-img {
    background-image: url(../img/question-head-bg@2x.jpg);
  }  
}

.sub-head .nxt-nav {
  z-index: 1;
  bottom: -35px
}

.sub-head .nxt-nav a span {
  height: 70px
}

.sub-head .nxt-nav a span:after {
  -webkit-animation: sub-scroll 1.3s ease 0s infinite normal;
  animation: sub-scroll 1.3s ease 0s infinite normal
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 99999;
  background: #fefefe
}

#header .header-inner {
  margin: 0 auto;
  max-width: 1440px;
  background: #fefefe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (max-width: 63.99875em) {
  #header .header-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#header .header-inner h1 {
  margin: 0 0 0 3%;
  width: 150px;
  line-height: 1
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #header .header-inner h1 {
    margin: 10px 0 0 0
  }
}

@media print, screen and (max-width: 39.99875em) {
  #header .header-inner h1 {
    margin: 0;
    padding: 6px 0
  }
}

#header .header-inner h1 a {
  line-height: 0;
  display: block
}

#header .header-inner .nav {
  margin-right: 33px
}

@media print, screen and (max-width: 74.99875em){
  #header .header-inner .nav {
    margin-right: 0
  }
}
@media print, screen and (max-width: 39.99875em) {
  #header .header-inner .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

#header .header-inner .nav .pc-nav {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

@media print, screen and (max-width: 39.99875em) {
  #header .header-inner .nav .pc-nav {
    padding: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none
  }
}

#header .header-inner .nav .pc-nav li {
  margin-right: 10px;
  text-align: center
}

@media print, screen and (max-width: 39.99875em) {
  #header .header-inner .nav .pc-nav li {
    margin-right: 0
  }
}

#header .header-inner .nav .pc-nav li a {
  padding: 16px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #505050;
  border-bottom: 2px solid transparent
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #header .header-inner .nav .pc-nav li a {
    padding: 8px 10px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #header .header-inner .nav .pc-nav li a {
    padding: 0;
    font-size: 12px
  }
}

#header .header-inner .nav .pc-nav li a:hover, #header .header-inner .nav .pc-nav li a.active {
  border-bottom: 2px solid #39A474
}

.spStyle{
  display: none;
}

#header .header-inner .btn-box {
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 460px;
  width: 100%;
  padding: 10px 6px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 8px 0 0 0;
  text-align: center;
  z-index: 99999999999;
}

#header .header-inner .btn-box .contact_btn {
  display: flex;
  justify-content: space-between;
}

@media print, screen and (max-width: 39.99875em) {
  .pcStyle{
    display: none;
  }

  .spStyle{
    display: block;
  }

  #header .header-inner .btn-box {
    padding: 8px 8px 10px;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    top: auto;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    z-index: 99999999999;
  }
}

#header .header-inner .btn-box a {
  display: block;
  color: #fefefe;
  text-align: center;
  width: 33%;
}

@media print, screen and (max-width: 39.99875em) {

  #header .header-inner .btn-box .primary-btn{
    display: none;
  }

  #header .header-inner .btn-box p,
  #header .header-inner .btn-box .contact_btn{
    display: block;
  }
  
  #header .header-inner .btn-box p{
    color: #fff;
    font-size: 3.5vw;
    margin-bottom: 4px;
  }

  #header .header-inner .btn-box .contact_btn{
    display: flex;
    justify-content: space-between;
  }
  
  #header .header-inner .btn-box a {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32.5%;
  }

  #header .header-inner .btn-box a img {
    width: 100%;
    height: auto;
  }
  #header .header-inner .btn-box a span {
    margin-right: 6px
  }
}

#header .header-inner .btn-box a:hover {
  color: #39A474
}

#header .header-inner .btn-box a:hover span {
  color: #39A474
}

#nav-container {
  position: fixed;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  display: none
}

@media print, screen and (max-width: 39.99875em) {
  #nav-container {
    display: block
  }
}

#nav-container * {
  visibility: visible
}

#nav-container .bg {
  position: absolute;
  top: 57px;
  left: 0;
  width: 100%;
  height: calc(100% - 57px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background: #0a0a0a
}

#nav-container:focus-within .bg {
  visibility: visible;
  opacity: .6
}

#nav-container:focus-within .btn {
  pointer-events: none
}

#nav-container:focus-within .icon-bar:nth-of-type(1) {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg)
}

#nav-container:focus-within .icon-bar:nth-of-type(2) {
  opacity: 0
}

#nav-container:focus-within .icon-bar:nth-of-type(3) {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg)
}

#nav-container:focus-within #nav-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.btn {
  padding: 13px 0 0 0;
  position: absolute;
  background: #39A474;
  z-index: 1;
  -webkit-appearance: none;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  width: 56px;
  height: 57px;
  cursor: pointer;
  pointer-events: auto;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align: center
}

.btn .icon-bar {
  margin: 0 auto;
  display: block;
  width: 46%;
  height: 2px;
  background: #fefefe;
  -webkit-transition: .3s;
  transition: .3s
}

.btn .icon-bar+.icon-bar {
  margin-top: 5px
}

.btn .btn-name {
  font-size: 12px;
  color: #fefefe;
  line-height: 1
}

#nav-content {
  margin-top: 58px;
  padding: 20px;
  width: calc(100% - 56px);
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 57px);
  background: #fefefe;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  will-change: transform;
  contain: paint
}

#nav-content ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#nav-content ul li a {
  padding: 12px 5px;
  display: block;
  -webkit-transition: color .1s;
  transition: color .1s;
  color: #39A474;
  font-weight: 600
}

#nav-content ul li a:hover {
  text-decoration: underline
}

#nav-content ul li a.rsv-btn {
  margin-top: 20px;
  text-align: center;
  background: #39A474;
  color: #fefefe
}

#nav-content ul li a.rsv-btn span {
  margin-right: 6px;
  color: #fefefe
}

#nav-content ul li:not(.sns-btn)+.sns-btn {
  margin-top: auto
}

#nav-content ul li.sns-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center
}

#nav-content ul li.sns-btn a {
  font-size: 20px;
  color: #39A474
}

#nav-content ul li.sns-btn a+a {
  margin-left: 15px
}

#nav-content ul li.sns-btn a i {
  color: #39A474
}

.sns-nav {
  position: fixed;
  width: 3%;
  height: 100vh;
  z-index: 99998
}

@media print, screen and (max-width: 63.99875em) {
  .sns-nav {
    display: none
  }
}

.sns-nav .sns-nav-inner {
  position: relative;
  height: 100%
}

.sns-nav .sns-nav-inner ul {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%)
}

.sns-nav .sns-nav-inner ul li {
  width: 100%;
  margin-bottom: 20px;
  text-align: center
}

.sns-nav .sns-nav-inner ul li a {
  display: block
}

.sns-nav .sns-nav-inner ul li a i {
  color: #39A474
}

#fv {
  padding-top: 54px;
  width: 100%;
  height: 100vh
}

@media screen and (min-width: 90em) {
  #fv {
    height: auto
  }
}

@media print, screen and (min-width: 64em) {
  #fv {
    background: url(../img/fv-l.jpg) no-repeat;
    background-position: center;
    background-size: cover
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #fv {
    background: url(../img/fv-m.jpg) no-repeat;
    background-position: left;
    background-size: cover
  }
}

@media print, screen and (max-width: 39.99875em) {
  #fv {
    height: calc(100vh - 70px);
    background: url(../img/fv-s.jpg) no-repeat;
    background-position: right;
    background-size: cover
  }
}

#fv .fv-wrap {
  padding: 0 3%;
  height: 100%
}

#fv .fv-wrap .fv-wrap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-l, #fv .fv-wrap .fv-wrap-inner .fv-cont-r {
  height: 100%;
  overflow: hidden;
  width: 34%
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-l figure, #fv .fv-wrap .fv-wrap-inner .fv-cont-r figure {
  max-width: auto;
  height: 100%
}

@media print, screen and (max-width: 74.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-l, #fv .fv-wrap .fv-wrap-inner .fv-cont-r {
    display: none
  }
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c {
  width: 32%;
  position: relative
}

@media print, screen and (min-width: 40em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c {
    min-height: 600px
  }
}

@media print, screen and (max-width: 74.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c {
    width: 100%
  }
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%)
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h1 {
  margin: auto;
  width: 150px
}

@media print, screen and (max-width: 39.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h1 {
    width: 110px
  }
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 {
  margin-top: 20px;
  font-size: 36px;
  text-align: center;
  letter-spacing: .4rem;
  text-shadow: 0 0 2px #fff;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 {
    font-size: 30px
  }
}

@media print, screen and (max-width: 63.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 {
    font-size: 26px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 {
    margin-top: 10px
  }
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 span {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal"
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 .adjust {
  letter-spacing: -1.1rem
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy h2 .display {
  display: block
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy p {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  line-height: 1.6
}

#fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy p span {
  margin-top: 4px;
  font-size: 22px;
  font-weight: bold;
  background: #FCE630;
  line-height: 1;
  display: inline-block
}

@media print, screen and (max-width: 39.99875em) {
  #fv .fv-wrap .fv-wrap-inner .fv-cont-c .fv-copy p {
    margin-top: 10px
  }
}

.nxt-nav {
  border-radius: 50px 50px 0 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

.nxt-nav a {
  display: block;
  font-size: 16px;
  color: #505050;
  text-align: center
}

.nxt-nav a span {
  margin-top: 10px;
  height: 26px;
  overflow: hidden;
  display: block
}

.nxt-nav a span:after {
  content: "";
  display: block;
  width: 1px;
  border-left: 1px #505050 solid;
  -webkit-animation: scroll 1.3s ease 0s infinite normal;
  animation: scroll 1.3s ease 0s infinite normal;
  margin: 0 auto 0
}

.topics-wrap {
  padding: 0 4%;
  max-width: 1120px;
  margin: 0 auto;
}

.topics-wrap .topics-inner {
  display: block;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .topics-wrap .topics-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media print, screen and (max-width: 39.99875em) {
  .topics-wrap .topics-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.topics-wrap .topics-inner .topics-li {
  padding: 0 1% 2%;
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.topics-wrap .topics-inner .topics-li:last-child {
  padding: 0 1%;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .topics-wrap .topics-inner .topics-li {
  }
}

@media print, screen and (max-width: 39.99875em) {
  .topics-wrap .topics-inner .topics-li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    text-decoration: none;
    border-bottom: none;
    background: url(../img/topics_border.gif) repeat-x 100% 100%;
    position: relative;
  }
  .topics-wrap .topics-inner .topics-li:last-child {
    background: none;
    margin-bottom: 0;
  }
}

.topics-wrap .topics-inner .topics-li figure {
  display: none;
}

@media print, screen and (max-width: 63.99875em) {
  .topics-wrap .topics-inner .topics-li figure {
    height: 200px
  }
}

.topics-wrap .topics-inner .topics-li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.topics-wrap .topics-inner .topics-li .post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  flex-flow: row-reverse;
  margin-right: 20px;
  min-width: 240px;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .topics-wrap .topics-inner .topics-li .post-meta {
  }
}

@media print, screen and (max-width: 39.99875em) {
  .topics-wrap .topics-inner .topics-li .post-meta {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
}

.topics-wrap .topics-inner .topics-li .post-meta li {
}

.topics-wrap .topics-inner .topics-li .post-meta li span {
  margin-right: 6px
}

.topics-wrap .topics-inner .topics-li .post-meta li.time {
  text-align: right;
  margin-right: 10px;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .topics-wrap .topics-inner .topics-li .post-meta li.time {
    text-align: left
  }
}

@media print, screen and (max-width: 39.99875em) {
  .topics-wrap .topics-inner .topics-li .post-meta li.time {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.topics-wrap .topics-inner .topics-li .post-meta li.time span {
  color: #8a8a8a
}

@media print, screen and (max-width: 39.99875em) {
  .topics-wrap .topics-inner .topics-li .post-meta li.category {
    margin-top: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.topics-wrap .topics-inner .topics-li .post-meta li.category a {
  padding: 0 4px;
  border: 1px solid #39A474;
  color: #39A474;
  font-size: 14px
}

.topics-wrap .topics-inner .topics-li .post-meta li.category span {
  color: #39A474
}

.topics-wrap .topics-inner .topics-li h3 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.1rem
}

.topics-wrap .topics-inner .topics-li h3 a {
  color: #505050
}

.btn-area .primary-btn {
  margin: 60px auto 0;
  display: block;
  width: 260px
}

.concept-cont {
  position: relative
}

.concept-cont .concept-pic {
  /*
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
  */
  position: relative;
}

.concept-cont .concept-pic img {
  width: 100%
}

.concept-cont .concept-cont-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media print, screen and (max-width: 39.99875em) {
  .concept-cont .concept-cont-inner {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.concept_details .concept-cont .concept-cont-inner {
  justify-content: space-between
}

#concept02 .concept-cont .concept-cont-inner {
  margin-bottom: 20px;
}

@media print, screen and (max-width: 39.99875em) {
  .concept-cont .concept-cont-inner {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .concept_details .concept-cont .concept-cont-inner {
    padding: 0;
  }
}

.concept-cont .concept-cont-l {
  margin-top: 500px;
  padding: 120px 60px;
  width: auto;
}

.concept_details .concept-cont .concept-cont-l {
  margin-top: 0;
  padding: 0;
}

#concept01 .concept-cont .concept-cont-l {
  padding: 90px 50px;
  background: #F3F9F9;
}

#concept01 .concept-cont .concept-cont-l .f-s,
#concept01 .concept-cont .concept-cont-r .f-s,
#concept02 .concept-cont .salon-desc .f-s,
#concept02 .concept-cont .concept-cont-l .f-s,
#concept02 .concept-cont .concept-cont-r .f-s,
#concept03 .concept-cont .concept-cont-l .f-s,
#concept03 .concept-cont .concept-cont-r .f-s,
#concept04 .concept-cont .concept-cont-l .f-s,
#concept04 .concept-cont .concept-cont-r .f-s {
  font-family: "Noto Sans JP", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -ms-font-feature-settings: "normal";
}

/* for IE 11 */
@media all and (-ms-high-contrast:none) {
  #concept01 .concept-cont .concept-cont-l {
    width: 1100px;
  }
}

/* for IE 10 */
@media all and (-ms-high-contrast:none){
  #concept01 .concept-cont .concept-cont-l {
    width: 1100px;
  }
}
/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
  #concept01 .concept-cont .concept-cont-l {
    width: 1100px;
  }
}

.concept_details .concept-cont .details_r {
  width: 65%;
}

#concept02 .concept-cont .details_r {
  width: 930px;
}

.concept_details .concept-cont .details_r p {
  margin-bottom: 25px;
}

.concept_details .concept-cont .details_r p:last-child {
  margin-bottom: 0;
}


.concept_details .concept-cont .details_s {
  width: 30%;
}

#concept02 .concept-cont .details_s {
  max-width: 230px;
  width: 100%;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .concept-cont .concept-cont-l {
    margin-top: 340px;
    padding: 80px 40px
  }

  #concept01 .concept-cont .concept-cont-l{
    padding: 80px 40px;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .concept-cont .concept-cont-l {
    margin-top: 280px;
    padding: 80px 20px
  }
  #concept01 .concept-cont .concept-cont-l {
    padding: 80px 20px;
  }
  .concept_details .concept-cont .details_s {
    width: 40%;
  }
  .concept_details .concept-cont .details_r {
    width: 55%;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .concept-cont .concept-cont-l {
    margin-top: 160px;
    padding: 20px;
    width: 100%
  }
  #concept01 .concept-cont .concept-cont-l {
    width: 100%;
    margin-top: 0;
    padding: 20px;
    width: 100%;
  }
  .concept_details .concept-cont .details_s {
    width: 60%;
    margin: 0 auto 20px;
  }
  #concept02 .concept-cont .details_r {
    width: 100%;
  }
  .concept_details .concept-cont .details_r {
    width: 100%;
  }
  
}


.concept-cont .concept-cont-r p {
  letter-spacing: .13rem;
  line-height: 2.2;
  font-size: 16px;
}

#concept01 .concept-cont .concept-cont-r p {
  padding: 70px 50px;
}


@media print, screen and (max-width: 63.99875em) {
  .concept-cont .concept-cont-r p {
  }
}


.concept-cont .concept-cont-l h3 {
  margin-left: .6rem;
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal";
  font-size: 42px;
  letter-spacing: .3rem;
  line-height: 160%
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .concept-cont .concept-cont-l h3 {
    font-size: 30px
  }
}

@media print, screen and (max-width: 63.99875em) {
  .concept-cont .concept-cont-l h3 {
    font-size: 26px;
    letter-spacing: .1rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .concept-cont .concept-cont-l h3 {
    text-align: center
  }
}

.concept-cont .concept-cont-l h3 span {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal"
}

.concept-cont .concept-cont-l h3 span.adjust {
  margin-left: -.6rem
}

.concept-cont .concept-cont-l h3 span.fz-adjust {
  font-size: 36px
}

@media print, screen and (max-width: 63.99875em) {
  .concept-cont .concept-cont-l h3 span.fz-adjust {
    font-size: 20px
  }
}

#concept02 .concept-cont .salon-desc p {
  font-size: 18px;
  letter-spacing: .2rem
}


.concept-cont .concept-cont-l p {
  letter-spacing: .13rem;
  line-height: 2.2;
  font-size: 16px;
}

@media print, screen and (max-width: 63.99875em) {

  #concept02 .concept-cont .salon-desc p {
    font-size: 16px;
  }
  
  .concept-cont .concept-cont-l p,
  .concept-cont .concept-cont-r p {
    font-size: 14px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #concept01 .concept-cont-l p br {
    display: none;
  }
}

@media print, screen and (min-width: 64em) {
  .concept-cont .concept-cont-l p br {
    display: none
  }
  .concept_details .concept-cont .concept-cont-l p br {
    display: block
  }
}

.concept-cont .top_adjust {
  position: absolute;
  top: 30%;
  right: 10%;
  top: 50%;
  transform: translate(-10%, -50%);
  -webkit-transform: translate(-10%, -50%);
  -ms-transform: translate(-10%, -50%);
}

.concept-cont .top_adjust p {
  font-size: 42px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.concept-cont .top_adjust p.caption {
  font-size: 18px;
  line-height: 1.8;
  margin-left: 46px;
}

.concept-cont .top_adjust .btn-area a {
  margin-top: 20px;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .concept-cont .top_adjust {
	  right: 5%;
  }
  .concept-cont .top_adjust p {
    font-size: 30px;
  }
  .concept-cont .top_adjust p.caption {
    margin-left: 14px;
  }
  .concept-cont .concept-cont-r .btn-area a {
    margin: 30px auto 0;
  }
  
}

@media print, screen and (max-width: 63.99875em) {
  .concept-cont .top_adjust {
    right: 3%;
  }
  .concept-cont .top_adjust p {
    font-size: 26px;
    letter-spacing: .1rem;
    line-height: 1.7;
  }
  .concept-cont .top_adjust p.caption {
    font-size: 16px;
    margin-left: 11px;
  }
  .concept-cont .concept-cont-r .btn-area a {
    margin: 20px auto 0;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .concept-cont .top_adjust p {
    display: none;
  }
  .concept-cont .concept-cont-r {
    position: static;
    top: auto;
    right: auto;
    top: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    text-align: center;
  }
  #concept03 .concept-cont .concept-cont-r {
    text-align: left;
  }
  .concept-cont .concept-cont-r .btn-area a {
    margin: 10px auto 0;
  }
}

.concept_details{
  max-width: 1280px;
  margin: 0 auto;
}

.concept_details .concept-cont{
  padding: 0 4%;
}

#concept02 .concept-cont,
#concept03 .concept-cont,
#concept04 .concept-cont,
#question01 .concept-cont,
#question02 .concept-cont,
#question03 .concept-cont,
#question04 .concept-cont,
#question05 .concept-cont{
  padding: 0 8%;
}

@media print, screen and (max-width: 39.99875em) {
  .concept_details .concept-cont{
    padding: 0 10px;
  }
  #concept02 .concept-cont,
  #concept03 .concept-cont,
  #concept04 .concept-cont,
  #question01 .concept-cont,
  #question02 .concept-cont,
  #question03 .concept-cont,
  #question04 .concept-cont,
  #question05 .concept-cont{
    padding: 0 6%;
  }
  
}

.concept_details .concept-cont .concept-cont-r {
  margin-top: 0;
  position: static;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .concept_details .concept-cont .concept-cont-r {
    margin-top: 0;
    padding: 0;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .concept_details .concept-cont .concept-cont-r {
    margin-top: 0;
    padding: 0;
  }
}

.feature-cont {
  margin: 0 auto;
  max-width: 80%
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .feature-cont {
    max-width: 100%
  }

  #concept01 .concept-cont .concept-cont-r p {
    padding: 80px 40px;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .feature-cont {
    max-width: 100%
  }
  #concept01 .concept-cont .concept-cont-r p {
    margin-top: 0;
    padding: 40px 20px;
  }
}

@media print, screen and (max-width: 39.99875em) {
  #concept01 .concept-cont .concept-cont-r p {
    padding: 0;
    margin-top: 20px;
  }
}

.feature-cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media print, screen and (max-width: 39.99875em) {
  .feature-cont ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.feature-cont ul li {
  padding: 40px;
  width: 50%
}

@media print, screen and (max-width: 39.99875em) {
  .feature-cont ul li {
    padding: 0;
    width: 100%
  }
}

.feature-cont ul li h3 {
  color: #39A474;
  font-size: 46px;
  font-family: 'Oswald';
  -ms-font-feature-settings: "normal"
}

.feature-cont ul li .feature-li {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (max-width: 63.99875em) {
  .feature-cont ul li .feature-li {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.feature-cont ul li .feature-li figure {
  padding-right: 40px;
  width: 26%
}

@media print, screen and (max-width: 63.99875em) {
  .feature-cont ul li .feature-li figure {
    margin: 0 auto 20px;
    padding-right: 0;
    width: 30%
  }
}

.feature-cont ul li .feature-li .feature-desc {
  width: 74%
}

@media print, screen and (max-width: 63.99875em) {
  .feature-cont ul li .feature-li .feature-desc {
    width: 100%
  }
}

.feature-cont ul li .feature-li .feature-desc h4 {
  font-size: 20px
}

@media print, screen and (max-width: 63.99875em) {
  .feature-cont ul li .feature-li .feature-desc h4 {
    text-align: center
  }
}

.feature-cont ul li .feature-li .feature-desc p {
  font-size: 14px
}

#flow {
  background: #FCF8F4
}

#color_flow,#care_flow{
  padding-top: 66px;
}

.flow_details {
  margin-top: 40px;
}

#flow .desc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.back_white{
  width: 100%;
  background-color: #fefefe !important;
  height: 100px;
}

@media print, screen and (max-width: 63.99875em) {
  #flow .desc-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#flow .desc-wrap .desc-img {
  width: 25%
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #flow .desc-wrap .desc-img {
    margin-bottom: 0;
    width: 19%
  }
  #flow .desc-wrap .desc-img li {
    width: auto;
    height: 50%
  }
  #flow .desc-wrap .desc-img li img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .desc-wrap .desc-img {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 200px
  }
  #flow .desc-wrap .desc-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .desc-wrap .desc-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
  #flow .desc-wrap .desc-img li {
    width: 50%
  }
}

#flow .desc-wrap .desc-img img {
  width: 100%
}

#flow .desc {
  padding: 0 10px;
  width: 50%;
  -ms-flex-item-align: center;
  align-self: center
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #flow .desc {
    padding: 80px 0 40px;
    width: 62%
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .desc {
    padding: 60px 0;
    width: 100%
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .desc {
    padding: 40px 10px;
    width: 100%
  }
}

#flow .desc .lead h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center
}

#flow .desc .lead h3 .bg-clr {
  margin-top: 10px;
  padding: 2px;
  background: #FCE630;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1rem;
  display: inline-block;
  line-height: 1
}

#flow .desc .lead p {
  margin-top: 20px;
  font-size: 14px
}

#flow .desc .lead p span {
  font-weight: bold
}

#flow .desc .desc-sp {
  display: none
}

@media print, screen and (max-width: 39.99875em) {
  #flow .desc .desc-sp {
    display: block
  }
  #flow .desc .desc-sp .bg-clr {
    padding: 0;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0
  }
}

#flow .desc .reason {
  margin: 60px auto 0;
  padding: 40px 20px 20px;
  width: 90%;
  border: 2px solid #39A474;
  background: #fefefe
}

@media print, screen and (max-width: 39.99875em) {
  #flow .desc .reason {
    width: 100%
  }
}

#flow .desc .reason h3 {
  margin-bottom: 20px;
  color: #39A474;
  font-size: 20px;
  text-align: center
}

#flow .desc .reason p {
  margin-bottom: 20px
}

#flow .flow-wrap {
  margin: 40px 0
}
#flow .wrap-start {
  margin-bottom: 80px;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .flow-wrap {
    width: 100%
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap {
    width: 100%
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont {
    padding: 0 10px
  }
}

#flow .flow-wrap .flow-cont h4 {
  margin: 0 auto;
  padding: 10px 0;
  font-size: 22px;
  text-align: center;
  letter-spacing: .05rem;
  width: 80%;
  border-top: 1px solid #0a0a0a;
  border-bottom: 1px solid #0a0a0a
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont h4 {
    font-size: 16px;
    width: 100%
  }
}

#flow .flow-wrap .flow-cont ul {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul {
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item {
  padding: 80px 10px 40px;
  background-color: #39A474;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fefefe;
  width: 20%;
  position: relative;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-right: 2px solid #fefefe
}

#flow .flow-wrap .flow-cont ul li.flow-item::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%
}

#flow .flow-wrap .flow-cont ul li.flow-item::after {
  content: '';
  background-color: rgba(57, 164, 116, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item {
    padding: 60px 0;
    -ms-flex-item-align: stretch;
    align-self: stretch
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item {
    padding: 40px 0;
    width: 100%;
    border-right: 0;
    border-bottom: 2px solid #fefefe
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item .num {
  background: #39A474;
  color: #fefefe;
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -20px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
#flow .flow-wrap .scalpCare ul li.flow-item .num,
#flow .flow-wrap .qualityCare ul li.flow-item .num {
  background: #3967a4;
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item .num {
    top: 10px;
    left: 10px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item .f-i-txtbox {
  position: relative;
  z-index: 1;
  /* 20200617 */
  margin-bottom: 52px;
  /**/
}
/* 20200618 */
#flow .flow-wrap .flow-cont ul li.flow-num01 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num02 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num03 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num0407 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num06 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num08 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num09 .f-i-txtbox {
  position: absolute;
  right: 3%;
  bottom: 3%;
  margin-bottom: 0;
}
/**/

#flow .flow-wrap .flow-cont ul li.flow-item h5 {
  margin: 10px 0 0;
  font-size: 16px;
  color: #fefefe;
  text-align: center;
  font-weight: bold
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  /* 20200617 */
  #flow .flow-wrap .flow-cont ul li.flow-item .f-i-txtbox {
    margin-top: 20px;
    margin-bottom: 32px;
  }
  /**/
  /* 20200618 */
  #flow .flow-wrap .flow-cont ul li.flow-num01 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num02 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num03 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num0407 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num06 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num08 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num09 .f-i-txtbox {
    margin-bottom: 0;
  }
  /**/
  
  #flow .flow-wrap .flow-cont ul li.flow-item h5 {
    padding: 4px;
    font-size: 12px
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item h5 {
    font-size: 14px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item h5 {
    margin-top: 10px;
    font-size: 16px
  }

  /* 20200617 */
  #flow .flow-wrap .flow-cont ul li.flow-item .f-i-txtbox {
    margin-top: 20px;
    margin-bottom: 32px;
  }
  /**/
  /* 20200618 */
  #flow .flow-wrap .flow-cont ul li.flow-num01,
  #flow .flow-wrap .flow-cont ul li.flow-num02,
  #flow .flow-wrap .flow-cont ul li.flow-num03,
  #flow .flow-wrap .flow-cont ul li.flow-num0407,
  #flow .flow-wrap .flow-cont ul li.flow-num06,
  #flow .flow-wrap .flow-cont ul li.flow-num08,
  #flow .flow-wrap .flow-cont ul li.flow-num09 {
    height: 246px;
  }
  #flow .flow-wrap .flow-cont ul li.flow-num01 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num02 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num03 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num0407 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num06 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num08 .f-i-txtbox,
  #flow .flow-wrap .flow-cont ul li.flow-num09 .f-i-txtbox {
    margin-bottom: 0;
  }
  /**/
}

#flow .flow-wrap .flow-cont ul li.flow-item .more-btn {
  margin: 16px auto 0;
  padding: 10px 0;
  display: block;
  width: 80%;
  color: #fefefe;
  background: #39A474;
  border-radius: 50px;
  border: 1px solid #39A474;
  font-size: 14px;
  cursor: pointer
}

#flow .flow-wrap .flow-cont ul li.flow-item .more-btn:hover {
  background: #fefefe;
  color: #39A474;
  border-color: #fefefe
}

#flow .flow-wrap .flow-cont ul li.flow-item .more-btn.w {
  color: #39A474;
  border-color: #fefefe;
  background: #fefefe
}

#flow .flow-wrap .flow-cont ul li.flow-item .more-btn.w:hover {
  color: #fefefe;
  border-color: #fefefe;
  background: #39A474
}

#flow .flow-wrap .flow-cont ul li.flow-item figure {
  margin: 0 auto;
  height: 70px;
  text-align: center
}

#flow .flow-wrap .scalpCare ul li.flow-item.flow-num03 figure {
  height: 80px;
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num03 h5 {
  margin-top: 5px;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item figure {
    width: 90px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item figure {
    height: 80px
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item figure img {
  height: 100%
}

#flow .flow-wrap .flow-cont ul li.flow-item .arrow {
  background: #fefefe;
  border-radius: 50%;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  position: absolute;
  right: -11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.flow-item .arrow {
    top: auto;
    bottom: -11px;
    right: 48%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item .arrow .fas {
  margin-left: 2px;
  color: #39A474;
  font-size: 18px
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num01 {
  background-image: url(../img/flow01.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num01 {
    background-image: url(../img/flow01@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num02 {
  background-image: url(../img/flow02.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num02 {
    background-image: url(../img/flow02@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num03 {
  background-image: url(../img/flow03.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num03 {
    background-image: url(../img/flow03@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num0407 {
  background-image: url(../img/careflow06.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num0407 {
    background-image: url(../img/careflow06@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num06 {
  background-image: url(../img/flow06.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num06 {
    background-image: url(../img/flow06@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num07 {
  background-image: url(../img/careflow07.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num07 {
    background-image: url(../img/careflow07@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num08 {
  background-image: url(../img/flow08.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num08 {
    background-image: url(../img/flow08@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item.flow-num09 {
  background-image: url(../img/flow09.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .flow-cont ul li.flow-item.flow-num09 {
    background-image: url(../img/flow09@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li:last-child {
  border-right: 0
}

#flow .flow-wrap .flow-cont ul li.arrow {
  margin: 0 4px;
  text-align: center
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .flow-wrap .flow-cont ul li.arrow {
    margin: 0
  }
}

#flow .flow-wrap .flow-cont ul li.arrow span {
  width: 26px;
  height: 26px;
  color: #fefefe;
  background: #39A474;
  border: 1px solid #39A474;
  border-radius: 50%;
  font-size: 14px;
  line-height: 26px
}

#flow .flow-wrap .flow-cont ul li.arrow span.fa-caret-right {
  display: block
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #flow .flow-wrap .flow-cont ul li.arrow span.fa-caret-right {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .flow-wrap .flow-cont ul li.arrow span.fa-caret-right {
    width: auto;
    height: auto;
    line-height: 18px;
    font-size: 20px;
    color: #39A474;
    background: none;
    border: none
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.arrow span.fa-caret-right {
    display: none
  }
}

#flow .flow-wrap .flow-cont ul li.arrow span.fa-caret-down {
  display: none
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.arrow span.fa-caret-down {
    display: block
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont ul li.arrow span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px
  }
}

#flow .flow-wrap .flow-cont .attention {
  padding: 0 20px;
  text-align: center
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .flow-cont .attention {
    display: none
  }
}

#flow .flow-wrap .flow-cont .attention p span {
  padding: 0 2px;
  background: #FCE630;
  font-weight: 600
}

#flow .flow-wrap .arrow-d {
  margin: 40px 0;
  letter-spacing: .1rem
}

@media print, screen and (max-width: 39.99875em) {
  #flow .flow-wrap .arrow-d {
    display: none
  }
}

#flow .flow-wrap .arrow-d p {
  font-size: 26px;
  font-weight: 600
}

#flow .flow-wrap .arrow-d p .bg-clr {
  padding: 0 4px;
  background: #FCE630
}

#flow .flow-wrap .arrow-d p .bigger {
  font-size: 30px
}

#flow .flow-wrap .arrow-d figure {
  text-align: center
}

#flow .flow-wrap .arrow-d figure span {
  margin-top: 20px;
  color: #39A474;
  font-size: 60px;
  line-height: 1rem
}

#flow .gifts {
  margin: 60px auto 0;
  padding: 40px 20px;
  width: calc(100% - 20px);
  border: 2px solid #39A474;
  background: #fefefe
}

@media screen and (min-width: 75em) {
  #flow .gifts {
    width: 70%
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .gifts {
    margin: 40px auto 0;
    padding: 20px;
    width: calc(100% - 20px)
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts {
    margin: 20px auto 0;
    padding: 10px;
    width: 100%;
    width: calc(100% - 20px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#flow .gifts h6 {
  color: #39A474;
  font-weight: bold;
  text-align: left
}

#flow .gifts .gifts-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#flow .gifts .gifts-cont {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#flow .gifts .gifts-cont figure {
  width: 40%
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-cont figure {
    width: 100%
  }
  #flow .gifts .gifts-cont figure img {
    width: 100%
  }
}

@media print, screen and (max-width: 63.99875em) {
  #flow .gifts .gifts-cont {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-cont {
    margin: 0 auto 20px;
    width: 80%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#flow .gifts .gifts-txt {
  padding: 20px;
  width: 60%
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #flow .gifts .gifts-txt {
    padding: 0 10px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-txt {
    padding: 0;
    width: 100%;
    text-align: center
  }
}

#flow .gifts .gifts-txt h5 {
  color: #39A474;
  font-size: 18px;
  font-weight: 500
}

@media print, screen and (max-width: 63.99875em) {
  #flow .gifts .gifts-txt h5 {
    font-size: 16px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-txt h5 {
    margin: 10px 0 4px
  }
}

#flow .gifts .gifts-txt p {
  text-align: left
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-txt p {
    text-align: center
  }
}

#flow .gifts .gifts-txt p span {
  padding: 0 0 0 4px;
  background: #FCE630;
  font-weight: 600;
  display: block;
  text-align: left;
  font-size: 16px
}


#flow .concept-cont .concept-cont-inner:first-child{
  margin-bottom: 20px;
}

#flow .concept-cont .concept-cont-inner:last-child{
  justify-content: flex-start;
}
#flow .concept-cont .concept-cont-inner:last-child .video_col:first-child{
  margin-right: 5%;
}
@media print, screen and (max-width: 63.99875em) {
  #flow .gifts .gifts-txt p span {
    font-size: 14px
  }
}

@media print, screen and (max-width: 63.99875em) and (min-width: 40em){
  #flow .concept_details .concept-cont .concept-cont-inner {
    display: block;
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .gifts .gifts-txt p span {
    text-align: center
  }
}

#flow p {
  text-align: center
}

#flow .video_col {
  width:30%;              
}

#flow .video_col p {
  margin-bottom: 10px;
  font-weight: bold;
}


#flow .concept-cont .concept-cont-inner .video_col:first-child p,
#flow .concept-cont .concept-cont-inner .video_col:last-child p {
  margin: 16px auto;
}

#flow .video_col .youtube {
  width:100%;              
  padding-bottom: 56.25%;  
  height:0px;              
  position: relative;
}
.youtube {
  width:70%;              
  padding-bottom: 39.2%;  
  height:0px;              
  position: relative;
  margin: 0 auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media print, screen and (max-width: 63.99875em) and (min-width: 40em){
  #flow .video_col {
    width:70%;              
    margin: 0 auto 30px;
    text-align: center;
  }
  #flow .concept-cont .concept-cont-inner:last-child .video_col:first-child{
    margin: 0 auto 30px;
  }
  #flow .youtube,
  .youtube {
    width:100%;              
    padding-bottom: 56.25%;  
    margin: 0 auto 30px;
  }
}

@media print, screen and (max-width: 39.99875em) {
  #flow .video_col {
    width:100%;              
  }
  #flow .youtube,
  .youtube {
    width:100%;              
    padding-bottom: 56.25%;  
    margin: 0 auto 20px;
  }
  #flow .concept-cont .concept-cont-inner .video_col:first-child p {
    margin: 10px auto;
  }
}

#flow .flow-wrap .scalpCare ul li.flow-item {
  width: 26.6%;
  height: 274px;
}
#flow .flow-wrap .qualityCare {
  margin-top: 80px;
}
#flow .flow-wrap .qualityCare ul li.flow-item {
  width: 26.6%;
  height: 274px;
}

#flow .flow-wrap .scalpCare ul li.flow-num05 .f-i-txtbox,
#flow .flow-wrap .flow-cont ul li.flow-num07 .f-i-txtbox {
  position: absolute;
  right: 3%;
  bottom: 3%;
  margin-bottom: 0;
}
#flow .flow-wrap .qualityCare ul li.flow-num05 .f-i-txtbox {
  position: absolute;
  right: 3%;
  bottom: 3%;
  margin-bottom: 0;
}

#flow .flow-wrap .scalpCare ul li.flow-item.flow-num01 {
  background-image: url(../img/careflow01.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num01 {
    background-image: url(../img/careflow01@2x.jpg)
  }
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num02 {
  background-image: url(../img/careflow02.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num02 {
    background-image: url(../img/careflow02@2x.jpg);
  }
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num03 {
  background-image: url(../img/careflow03.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num03 {
    background-image: url(../img/careflow03@2x.jpg)
  }
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num0407 {
  background-image: url(../img/careflow04.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num0407 {
    background-image: url(../img/careflow04@2x.jpg)
  }
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num05 {
  background-image: url(../img/careflow05.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num05 {
    background-image: url(../img/careflow05@2x.jpg)
  }
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num06 {
  background-image: url(../img/careflow06.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num06 {
    background-image: url(../img/careflow06@2x.jpg)
  }
}
#flow .flow-wrap .scalpCare ul li.flow-item.flow-num07 {
  background-image: url(../img/careflow07.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .scalpCare ul li.flow-item.flow-num07 {
    background-image: url(../img/careflow07@2x.jpg)
  }
}

#flow .flow-wrap .qualityCare ul li.flow-item.flow-num01 {
  background-image: url(../img/careflow01.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num01 {
    background-image: url(../img/careflow01@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num02 {
  background-image: url(../img/careflow01.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num02 {
    background-image: url(../img/careflow01@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num03 {
  background-image: url(../img/careflow06.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num03 {
    background-image: url(../img/careflow06@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num0407 {
  background-image: url(../img/careflow10.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num0407 {
    background-image: url(../img/careflow10@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num05 {
  background-image: url(../img/careflow09.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num05 {
    background-image: url(../img/careflow09@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num06 {
  background-image: url(../img/careflow05.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num06 {
    background-image: url(../img/careflow05@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num07 {
  background-image: url(../img/careflow06.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num07 {
    background-image: url(../img/careflow06@2x.jpg)
  }
}
#flow .flow-wrap .qualityCare ul li.flow-item.flow-num08 {
  background-image: url(../img/careflow07.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #flow .flow-wrap .qualityCare ul li.flow-item.flow-num08 {
    background-image: url(../img/careflow07@2x.jpg)
  }
}

#flow .flow-wrap .flow-cont ul li.flow-item .sp_arrow{
  display: none;
}

@media print, screen and (max-width: 39.99875em){
  #flow .flow-wrap .scalpCare ul li.flow-item,
  #flow .flow-wrap .qualityCare ul li.flow-item {
    width: 100%;
    height: 246px;
  }
  #flow .flow-wrap .scalpCare h4,
  #flow .flow-wrap .qualityCare h4{
    margin-bottom: 10px;
  }
  #flow .flow-wrap .scalpCare ul,
  #flow .flow-wrap .qualityCare ul{
    margin-top: 0;
    margin-bottom: 0;
  }
  #flow .flow-wrap .flow-cont ul li.flow-item .sp_arrow{
    display: block;
  }
}





#salon .salon-wrap {
  position: relative
}

#salon .salon-wrap .salon-inner {
  padding: 0 4%;
  position: relative;
  z-index: 1
}

.salon-desc{
margin: 0 auto 30px;
}

#salon .salon-wrap .salon-inner .salon-desc{
  max-width: 550px;
  width: 100%;
}

#salon .salon-wrap .salon-inner .salon-desc h4{
  text-align: center;
}

#salon .salon-wrap .salon-inner .salon-desc p span {
  font-size: 15px;
  margin-bottom: 0;
  display: block;
  font-weight: bold;
}

@media print, screen and (max-width: 63.99875em) {
  #salon .salon-wrap .salon-inner {
    padding: 0;
  }
}

#salon .salon-wrap .salon-inner .slide-wrap {
  position: relative;
  width: 100%;
  min-height: 550px;
  overflow: hidden
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #salon .salon-wrap .salon-inner .slide-wrap {
    min-height: 400px
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #salon .salon-wrap .salon-inner .slide-wrap {
    min-height: 320px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #salon .salon-wrap .salon-inner .slide-wrap {
    min-height: 200px
  }
  #salon .salon-wrap .salon-inner .salon-desc{
    padding: 0 10px;
  }
}

#salon .salon-wrap .salon-inner .slide-wrap .slide-li {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-animation: fadeinout 24s ease-in infinite;
  animation: fadeinout 24s infinite
}

#salon .salon-wrap .salon-inner .slide-wrap .slide-li#slide1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

#salon .salon-wrap .salon-inner .slide-wrap .slide-li#slide2 {
  -webkit-animation-delay: 8s;
  animation-delay: 8s
}

#salon .salon-wrap .salon-inner .slide-wrap .slide-li#slide3 {
  -webkit-animation-delay: 16s;
  animation-delay: 16s
}

#salon .salon-wrap .salon-inner .salon-top {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-around;
}

#salon .salon-wrap .salon-inner .salon-top .salon-info-box {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#salon .salon-wrap .salon-inner .salon-top .salon-desc {
  width: 50%;
  max-width: none;
  margin: 0 20px 0 0;
}
#salon .salon-wrap .salon-inner .salon-top .salon-desc_r {
  display: flex;
}

#salon .salon-wrap .salon-inner .salon-top .salon-desc_r .btn-area a {
  padding: 20px 0;
  margin: 0 auto;
}
#salon .salon-wrap .salon-inner .salon-top .salon-desc_r .btn-area:first-child {
  margin-right: 20px;
}
#salon .salon-wrap .salon-inner .salon-top .salon-desc h4 {
  font-size: 20px;
  text-align: left;
}
#salon .salon-wrap .salon-inner .salon-top .salon-desc p {
  font-size: 14px;
  line-height: 200%;
}

@media print, screen and (max-width: 63.99875em){
  #salon .salon-wrap .salon-inner .salon-top .salon-desc_r {
    display: block;
  }
  #salon .salon-wrap .salon-inner .salon-top .salon-desc_r .btn-area:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  #salon .salon-wrap .salon-inner .salon-top .salon-desc {
    width: 60%;
  }
}
@media print, screen and (max-width: 39.99875em){
  #salon .salon-wrap .salon-inner .salon-top {
    display: block;
  }
  #salon .salon-wrap .salon-inner .salon-top .salon-desc {
    width: 100%;
    margin-bottom: 30px;
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box:first-child {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box {
    margin-top: 40px;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

@media print, screen and (max-width: 39.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box {
    margin-top: 30px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-pic {
  width: 40%
}

@media print, screen and (max-width: 39.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-pic {
    width: 100%
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-pic img {
  width: 100%
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info {
  padding: 0;
  width: 55%;
  vertical-align: bottom
}

@media print, screen and (max-width: 39.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info {
    padding: 10px;
    width: 100%
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info h5 {
  font-size: 18px;
  border-bottom: 1px solid #8a8a8a;
}

@media print, screen and (max-width: 63.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info h5 {
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul {
  margin-top: 14px
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .btn-area a {
  margin: 10px 0 20px;
  padding: 20px 0;
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .calendar-area {
  margin: 10px 0 20px;
  display: flex;
  align-items: center;
}
#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .calendar-area a {
  margin: 0;
}
#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .calendar-area a:first-child {
  margin-right: 15px;
}

@media print, screen and (max-width: 63.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .calendar-area {
    margin: 0;
    display: block;
  }
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .calendar-area a {
    margin: 10px 0 20px !important;
  }
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .calendar-area a:first-child {
  }
}
@media print, screen and (max-width: 39.99875em){
  #salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul .btn-area a {
    margin: 10px auto 20px !important;
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul li {
  margin-bottom: 4px;
  font-size: 14px
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul li.no-m {
  margin-bottom: 0;
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul li span {
  font-weight: bold;
}

#salon .salon-wrap .salon-inner .salon-cont .salon-info-box .salon-info ul li p {
  margin-bottom: 0
}

#salon .salon-wrap .salon-inner .salon-cont .salon-desc {
  width: 50%
}

@media print, screen and (max-width: 63.99875em) {
  #salon .salon-wrap .salon-inner .salon-cont .salon-desc {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

#salon .salon-wrap .salon-inner .salon-cont .salon-desc h4 {
  font-size: 20px
}

#salon .salon-wrap .salon-inner .salon-cont .salon-desc p {
  font-size: 14px;
  line-height: 200%
}

#salon .salon-wrap .salon-inner .salon-cont .salon-desc p span {
  font-size: 15px;
  display: block;
  font-weight: bold
}

#salon .salon-wrap .salon-cont-bg {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  background-color: #F3F9F9;
  top: 60px;
  left: 0;
}
#salon .salon-wrap .salon-cont-bg_details {
    height: 110%;
    top: -45px;
}

#menu .menu-wrap {
  margin: auto;
  width: 100%;
  padding: 0 4%;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #menu .menu-wrap {
    width: 100%
  }
}

@media print, screen and (max-width: 39.99875em) {
	#salon .salon-wrap .salon-cont-bg_details {
		height: 105%;
	}
	
  #menu .menu-wrap {
    margin: 0;
    width: 100%
  }
}

#menu .menu-title{
  margin-top: 100px;
}

#menu .menu-wrap .inner-last{
  margin-bottom: 30px;
}
#menu .menu-wrap .special_menu ul{
	list-style: none;
	text-align: left;
	max-width: calc(530px + 1.5rem);
	margin: 20px auto;
}
#menu .menu-wrap .special_menu li{
	position: relative;
	margin: 10px auto;
	padding-left: 5rem;
}
#menu .menu-wrap .special_menu li span{
	font-weight: 700;
	font-size: 1.1rem;
}
#menu .menu-wrap .special_menu li:before{
	position: absolute;
	left: 0;
	top: .1rem;
	font-size:1rem;
	font-style: italic;
	font-weight: 800;
	color: #39A474;
	margin-right: .3rem;
}
#menu .menu-wrap .special_menu li:nth-child(1):before{
	content: "░ 01 ░";
}
#menu .menu-wrap .special_menu li:nth-child(2):before{
	content: "░ 02 ░";
}
#menu .menu-wrap .special_menu li:nth-child(3):before{
	content: "░ 03 ░";
}
#menu .menu-wrap .menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between
}
#menu .menu_box{
	border: 1px solid #0a0a0a;
	padding: 1rem 1rem .5rem;
}
#menu .menu_contents{
	display: flex;
	justify-content: space-between;
}
#menu .premium_box .menu_contents{
	margin-bottom: 2rem;
}
#menu .menu_contents .menu_detail{
	padding: 0;
}
#menu .menu_contents .menu_detail ul{
	list-style: none;
	width: 220px;
	margin-top: .5rem;
}
#menu .menu_contents .menu_detail li{
	position:relative;
	font-size: 1rem;
	text-align: right;
	color: #39A474;
	padding-bottom: .4rem;
    margin: 0 auto 1rem;
    border-bottom: 1px solid #0a0a0a;
}
#menu .menu_contents .menu_detail li > span{
	position: absolute;
    font-size: .8rem;
    font-weight: 400;
    left: 0;
    top: 6px;
    color: #39A474;
}
#menu #megumi_plan .menu_contents .menu_detail li:first-child > span{
	top: 38px;
}
#menu .menu_contents .menu_detail li > p{
	font-size: 1.5rem;
	color: rgb(80,80,80);
	line-height: 1;
}
.big_price{
	font-size: 2rem!important;
}
.menu_box{
	margin-bottom: 20px;
}

#menu .menu_explain p{
	text-align:left;
	padding-top: .5rem;
}
#menu #megumi_plan .menu_explain p{
	font-size: 1.1rem;
	line-height: 2;
}
@media screen and (max-width: 760px){
	#menu .menu_explain p{
		padding-top: 0;
	}
	#menu #megumi_plan .menu_explain p{
		font-size: 14px;
		line-height: 1.6;
	}
}
#menu .menu_box > h3{
	position: relative;
	font-size: 2rem;
	color: #39A474;
	line-height: 1;
	padding-bottom: 12px;
	border-bottom: 1px solid #39A474;
}
#menu .menu_box > h3 span{
	font-size: 1.5rem;
}
#menu #care_menu .menu_box > h3 span{
	font-weight: 600;
	font-size: 1rem;
}
#menu #care_menu .menu_contents{
	margin-bottom: 0;
}
#menu #megumi_plan > h3{
	position: relative;
	font-size: 5rem;
	color: #39A474;
	line-height: 1;
	border-bottom: 1px solid #39A474;
}
#menu #megumi_plan > h3 span{
	font-size: 2rem;
}
#menu #megumi_plan > h3:after{
	position: absolute;
	content: "めぐみ";
	font-size: 1rem;
	top: .2rem;
	left: 5.2rem;
}
#menu h3.premium_course:after{
	content: url(../img/tansan_badge.png);
	position: absolute;
	right: 0;
	top: 0;
}
#menu .menu_recommand{
	padding: 1.5rem;
	background: #F3F9F9;
	border-radius: 8px;
}
#menu .menu_recommand h3{
	font-size: 1rem;
}
#menu .menu_recommand h3 > span{
	display: inline-block;
	background: #39A474;
	color: #fff;
	padding: .2rem .5rem .4rem;
	border-radius: 8px;
}
#menu .menu_recommand h3 span.sub_h3{
	background: #F3F9F9;
	color: rgb(80,80,80);
	border-bottom: 1px solid #39A474;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 0;
}
.big_span{
	font-size: 1.2rem;
	color: #39A474;
}
.caution {
	font-size: 14px;
	text-align: right;
}
#menu .menu_recommand ul{
	display: flex;
	flex-wrap:wrap;
	list-style: none;
	margin: 0;
}
#menu .menu_recommand li{
	position: relative;
	width: 100%;
	font-size: 1.2rem;
	margin: .1rem auto;
	padding: 0 1rem;
}
#menu .menu_recommand li:last-child{
	margin: .1rem auto 0;
}
#menu #megumi_plan .menu_recommand li{
	width: 50%;
}

#menu .menu_recommand li:before{
	position: absolute;
	content: "●";
	color: #39A474;
	font-size: .5rem;
	left: 0;
	top: 8px;
}
#megumi_plan{
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 1111px){
	#menu .pcbr{
		display: none;
	}
}
@media screen and (max-width: 540px){
	#menu .menu_contents{
		flex-wrap: wrap;
	}
	#menu .menu_contents .menu_explain{
		width: 100%;
	}
	#menu .menu_contents .menu_detail{
		margin-top: 1rem;
		margin-left: auto;
		margin-right: 0;
	}
	
	#menu .menu_recommand li:before {
		top: 8px;
	}
	#menu #megumi_plan .menu_recommand li{
		width: 100%;
	}
	#menu .menu_box > h3 {
		letter-spacing: -2px;
	}
	#menu #megumi_plan .menu_contents .menu_detail ul {
    	width: 240px;
	}
}
@media screen and (max-width: 460px){
	.premium_course{
		padding-top: 30px;
	}
	#menu h3.premium_course:after{
		top: -8px;
	}
	.caution {
		font-size: 12px;
		text-align: left;
	}
}
#menu .menu-wrap .menu-inner .menu-img {
    width: 49.5%;
}
#menu .menu-wrap header p span {
  font-weight: bold;
  font-size: 1.1rem;
  background: #FCE630;
  line-height: 1.2;
  display: inline-block;
}
#menu .menu-wrap .menu-inner .menu-img div {
	display:flex;
	margin-bottom: 5px;
}
#menu .menu-wrap .menu-inner .menu-img div.old{
	display: flex;
}
#menu .menu-wrap .menu-inner .menu-img figure{
	margin: 0 auto .5rem;
}
@media screen and (max-width: 1023px){
	#menu .menu-wrap .menu-inner .menu-img figure{
		margin: auto;
	}
}
#menu .menu-wrap .menu-inner .menu-img div figure {
  width: 100%;
}
#menu .menu-wrap .menu-inner .menu-img div figure:first-child {
  margin-right: 5px;
}
#menu .menu-wrap .menu-inner .menu-img div figure img {
  width: 100%;
}

#menu .menu-wrap .menu-inner .menu-txt {
  width: 49.5%;
}
@media screen and (max-width: 1023px){
	
	#menu .menu-wrap .menu-inner .menu-img div {
		display: flex;
	}
}
#menu .menu-wrap .menu-anchor {
  display: block !important;
  text-align: center;
}
#menu .menu-wrap .menu-inner .menu-anchor  {
  margin-top: 30px;
}
#menu .menu-wrap .menu-anchor p span.txt_y {
  font-weight: bold;
  background: #FCE630;
  line-height: 1;
  display: inline-block;
}
#menu .menu-wrap .menu-anchor .btn-area {
  display: flex;
  justify-content: center;
}
#menu .menu-wrap .menu-anchor .btn-area .primary-btn {
  margin: 30px 10px 0;
  padding: 20px 0;
}

#menu .menu-wrap .menu-inner .menu-cont {
    padding: 15px;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #0a0a0a;
    margin-bottom: 20px;
}
#menu .menu-wrap .menu-inner .menu-cont p {
    text-align: left;
}
#menu .menu-wrap .menu-inner .menu-cont .menu-detail {
  width: 53%;
}
#menu .menu-wrap .menu-inner .menu-cont h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 0
}
#menu .menu-wrap .menu-inner .care-cont h3 {
    padding: 20px;
    border: 2px solid #0a0a0a;
    font-size: 26px;
    font-family: 'Oswald';
    -ms-font-feature-settings: "normal";
    letter-spacing: .3rem;
    line-height: 94%;
    width: 42%;
	margin-bottom: 0;
}
#menu .menu-wrap .menu-inner .menu-cont ul {
  margin: 0 auto
}
#menu .menu-wrap .inner-last .menu-cont ul li {
  justify-content: center;
  max-width: 140px;
  width: 100%;
  text-align: right;
  margin: 12px 0 0 auto;
}
#menu .menu-wrap .menu-inner .care-cont ul li {
    margin-top: 12px;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #0a0a0a;
}
#menu .menu-wrap .menu-inner .menu-cont ul li span {
  margin-right: auto;
  font-size: 14px
}
#menu .menu-wrap .menu-inner .menu-cont ul li p span {
  font-size: 16px
}
#menu .menu-wrap .inner-last .menu-cont ul.no-bullet li {
    justify-content: center;
    max-width: 140px;
    width: 100%;
    text-align: right;
    margin: 12px 0 0 auto;
}
#menu .menu-wrap .menu-inner .menu-cont ul.no-bullet li p {
    margin-bottom: 0;
    font-size: 28px;
}
#menu span.yen {
  margin-right: 4px!important;
  font-size: 16px!important;
}
#menu span.fee {
  margin-left: 4px!important;
  font-size: 12px!important;
}
#menu .menu-wrap .attention {
  margin-top: 100px;
  text-align: center
}

#menu .menu-wrap .attention .credit {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#menu .menu-wrap .attention .credit figure{
  margin: 0 10px;
}

#menu .menu-wrap .attention .btn-area{
  display: flex;
  justify-content: center;
}

#menu .menu-wrap .attention .btn-area a{
  margin: 40px 10px 0;
  padding: 20px 0;
}


#menu .menu-wrap .attention p {
  margin-top: 30px;
  padding: 4px 40px;
  display: inline-block
}

#menu .menu-wrap .attention .primary-btn {
  margin: 40px auto 0;
  display: block;
  width: 260px
}

#menu .menu-wrap .menu-inner {
  position: relative;
}

#menu .menu-wrap .menu-position {
  position: absolute;
  bottom: 20%;
  left: 0px;
  width: 49.5%;
}



@media screen and (max-width: 1144px) {
  #menu .menu-wrap .menu-inner .menu-txt .btn-area .primary-btn:first-child {
    margin-right: 10px;
  }
}
@media screen and (max-width: 480px) {
  #menu .menu-wrap .menu-inner .menu-img {
    text-align: left;
  }
  #menu .menu-wrap .menu-inner .menu-img p br {
    display: none;
  }
  #menu .menu-wrap header p span {
    text-align: left;
  }
  #menu .menu-wrap header p span br {
    display: none;
  }
}

  @media print, screen and (max-width: 63.99875em) {
  #menu .menu-wrap .menu-inner {
    display: block;
  }
  #menu .menu-wrap .menu-inner .menu-img {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  #menu .menu-wrap .menu-inner .menu-txt {
    width: 100%;
  }
  #menu .menu-wrap .menu-inner .menu-cont {
    margin-bottom: 30px;
    width: 100%
  }
  #menu .menu-wrap .menu-inner .menu-cont h3 {
    padding: 10px 20px
  }
  #menu .menu-wrap .inner-last{
    margin-bottom: 0;
  }
  #menu .menu-wrap .attention {
    padding: 0 10px
  }
  #menu .menu-wrap .attention p {
    padding: 4px
  }
  #menu .menu-wrap .attention .btn-area{
    display: block;
    margin-top: 40px;
  }
  #menu .menu-wrap .attention .btn-area a{
    margin: 20px auto;
  }
  #menu .menu-wrap .menu-anchor .btn-area {
    display: block;
  }
  #menu .menu-wrap .menu-anchor .btn-area a {
    margin: 20px auto !important;
  }
  #menu .menu-wrap .menu-position {
    position: static;
    width: 100%;
  }
}

@media print, screen and (max-width: 39.99875em){
  #nav-container {
      display: block;
  }
  #menu .menu-wrap .menu-inner .menu-cont {
    display: block;
  }
  #menu .menu-wrap .menu-inner .menu-cont h3 {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  #menu .menu-wrap .menu-inner .menu-cont .menu-detail {
    width: 100%;
  }
}


#voice .voice-wrap {
  margin: auto;
  width: 100%;
  padding: 0 4%;
}

#voice .voice-wrap .voice-inner h3{
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 30px;
}
#voice .voice-wrap .voice-inner h3 span{
  font-size: 1.9375rem;
}

#voice .voice-wrap .voice-inner ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 0;
}
#voice .voice-wrap .voice-inner ul li{
  width: 49%;
  list-style: none;
  display: flex;
  margin-bottom: 20px;
}
#voice .voice-wrap .voice-inner ul li figure{
  width: 45%;
}
#voice .voice-wrap .voice-inner ul li figure:hover{
  opacity: 0.7;
}
#voice .voice-wrap .voice-inner ul li figure img{
  width: 100%;
}
#voice .voice-wrap .voice-inner ul li div{
  width: 50%;
  margin-left: 20px;
}
#voice .voice-wrap .voice-inner ul li div p{
  font-size: 16px;
}
#voice .voice-wrap .voice-inner ul li div p:first-child{
  color: #8b6c2e;
  margin-bottom: 15px;
}

@media print, screen and (max-width: 63.99875em){
  #voice .voice-wrap .voice-inner ul li div p:first-child{
    margin-bottom: 0px;
  }
  #voice .voice-wrap .voice-inner ul li {
    margin-bottom: 30px;
  }
  #voice .voice-wrap .voice-inner ul li:nth-child(5),
  #voice .voice-wrap .voice-inner ul li:nth-child(6) {
    margin-bottom: 0;
  }
}

@media print, screen and (max-width: 39.99875em){
  #voice .voice-wrap .voice-inner ul li{
    width: 100%;
  }
  #voice .voice-wrap .voice-inner ul li div{
    margin-left: 10px;
    width: 100%;
  }
  #voice .voice-wrap .voice-inner ul li div p{
    font-size: 14px;
  }
  #voice .voice-wrap .voice-inner ul li:nth-child(5) {
    margin-bottom: 30px;
  }
}

#voice .voice-wrap .voice-inner ul li figure{
  min-width: 120px;
}



#access {
  padding: 0
}

#contact {
  background: #39A474
}

#contact header h2, #contact header span {
  color: #fefefe
}

#contact .contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media print, screen and (max-width: 39.99875em) {
  #contact .contact-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#contact .contact-wrap .contact-cont {
  padding: 40px 40px 60px;
  background: #fefefe;
  width: 30%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: center
}

#contact .contact-wrap .contact-cont .contact-title {
  font-size: 18px;
  padding-bottom: 20px;
}

#contact .contact-wrap .contact-cont.reserve:last-child .contact-title {
  padding-bottom: 50px;
}

#contact .contact-wrap .contact-cont.reserve:last-child a {
  display: inline-block;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #contact .contact-wrap .contact-cont {
    /*
    width: 40%
    */
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #contact .contact-wrap .contact-cont {
    padding: 40px;
    width: 50%
  }
}

@media print, screen and (max-width: 980px) {
  #contact .contact-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  }
  #contact .contact-wrap .contact-cont {
    padding: 20px;
    width: 100%
  }
  #contact .contact-wrap .contact-cont.reserve {
    margin-left: 0 !important;
    margin-top: 20px;
  }
  #contact .contact-wrap .contact-cont.reserve:last-child .contact-title{
    padding-bottom: 15px;
  }

  #contact .contact-wrap .contact-cont:last-child img {
    max-width: 70px;
    width: 100%;
  }
}

@media print, screen and (max-width: 39.99875em) {
  #contact .contact-wrap .contact-cont {
    padding: 20px;
    width: 100%
  }
}

#contact .contact-wrap .contact-cont ul {
  margin: auto;
  width: 90%
}

@media print, screen and (max-width: 39.99875em) {
  #contact .contact-wrap .contact-cont ul {
    width: 95%
  }
}

#contact .contact-wrap .contact-cont ul li.phone-num {
  margin: 20px 0;
  font-size: 24px
}

#contact .contact-wrap .contact-cont ul li ul li {
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: top;
  align-items: top;
  text-align: left
}

#contact .contact-wrap .contact-cont ul li ul li span {
  font-size: 16px;
  width: 50%;
  text-align: left
}

#contact .contact-wrap .contact-cont ul li ul li p {
  width: auto;
  line-height: 120%;
  font-size: 16px
}

#contact .contact-wrap .contact-cont ul li ul li p span {
  display: block;
  width: 100%;
  font-size: 14px
}

#contact .contact-wrap .contact-cont .fas {
  color: #39A474;
  font-size: 30px
}

#contact .contact-wrap .contact-cont:nth-child(2n) {
  margin-right: 0
}

#contact .contact-wrap .contact-cont.reserve {
  margin-left: 20px
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #contact .contact-wrap .contact-cont.reserve {
    margin-left: 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #contact .contact-wrap .contact-cont.reserve {
    margin-left: 0;
    margin-top: 20px
  }
}

#contact .contact-wrap .contact-cont.reserve span {
  display: block
}

#contact .contact-wrap .contact-cont.reserve a {
  margin-top: 40px;
  display: block
}

#contact .contact-wrap .contact-cont.reserve:last-child a {
  margin-top: 0;
}

@media print, screen and (max-width: 39.99875em) {
  #footer {
    padding-bottom: 80px
  }
}

#footer .footer-inner {
  padding: 30px 3% 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: center;
  align-items: center
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 3%;
  }
}

#footer .footer-inner .foot-cont-l {
  margin-right: auto;
  width: 200px
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-l {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

#footer .footer-inner .foot-cont-l h3 {
  width: 200px
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-l h3 {
    margin: 0 auto
  }
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-l p {
    text-align: center
  }
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-r {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

#footer .footer-inner .foot-cont-r ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-r ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  #footer .footer-inner .foot-cont-r ul.foot-link {
    flex-wrap: wrap;
  }

  #footer .footer-inner .foot-cont-r ul.foot-link li {
    width: 50%;
    text-align: center;
  }
}

#footer .footer-inner .foot-cont-r ul li {
  margin-left: 20px;
  font-size: 12px
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-r ul li {
    margin-left: 0
  }
}

#footer .footer-inner .foot-cont-r ul li a {
  color: #505050;
  border-bottom: 2px solid #fefefe
}

#footer .footer-inner .foot-cont-r ul li a:hover {
  border-bottom: 2px solid #39A474
}

#footer .footer-inner .foot-cont-r .foot-sub-nav {
  margin: 10px 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-r .foot-sub-nav {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }
}

#footer .footer-inner .foot-cont-r .foot-sub-nav li {
  margin-left: 20px
}

@media print, screen and (max-width: 39.99875em) {
  #footer .footer-inner .foot-cont-r .foot-sub-nav li {
    margin-left: 0;
    width: 50%;
    text-align: center;
  }
}

#footer .footer-inner .foot-cont-r .foot-sub-nav li a .fab {
  color: #39A474;
  font-size: 16px
}

#footer .footer-inner .foot-cont-r .foot-sub-nav li a.primary-btn {
  padding: 14px 40px;
  color: #fefefe
}

#topics{
}

#topics #main {
  margin: 40px;
  padding: 40px 0;
  background: #F3F9F9
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main {
    margin: 40px 0;
    padding: 40px 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main {
    padding: 40px 10px
  }
}

#topics #main .main-inner {
  margin: 0 auto;
  width: 70%
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main .main-inner {
    width: 100%
  }
}

#topics #main article {
  margin-bottom: 40px
}

#topics #main article .single-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main article .single-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main article .single-inner figure {
  width: 30%;
  max-height: 360px;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main article .single-inner figure {
    width: 100%
  }
}

#topics #main article .single-inner figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main article .single-inner figure img {
    height: 160px
  }
}

#topics #main article .single-inner .box {
  padding: 40px;
  width: 70%;
  background: #fefefe;
  position: relative;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main article .single-inner .box {
    padding: 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main article .single-inner .box {
    padding: 20px 10px;
    width: 100%
  }
}

#topics #main article .single-inner .box h1 {
  margin: 20px 0 40px;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: .2rem
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main article .single-inner .box h1 {
    margin: 10px 0 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main article .single-inner .box h1 {
    margin-bottom: 10px;
    font-size: 16px
  }
}

#topics #main article .single-inner .box h1 a {
  color: #505050
}

#topics #main article .single-inner .box h1 a:hover {
  opacity: 0.6
}

#topics #main article .single-inner .box .tags {
  margin-bottom: 0;
  padding: 4px 8px;
  background: #F3F9F9
}

@media screen and (min-width: 75em) {
  #topics #main article .single-inner .box .tags {
    max-width: 70%;
    display: inline-block
  }
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main article .single-inner .box .tags {
    margin-bottom: 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main article .single-inner .box .tags {
    display: block

  }
}

#topics #main article .single-inner .box .tags li {
  margin-right: 4px;
  display: inline-block
}

#topics #main article .single-inner .box .tags li:first-child {
  margin-right: 6px
}

#topics #main article .single-inner .box .tags li i {
  color: #39A474
}

#topics #main article .single-inner .box .tags li a {
  color: #39A474;
  text-decoration: underline
}

#topics #main article .single-inner .box .primary-btn {
  padding: 10px 40px
}

@media screen and (min-width: 75em) {
  #topics #main article .single-inner .box .primary-btn {
    position: absolute;
    bottom: 30px;
    right: -10px;
    display: inline-block
  }
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main article .single-inner .box .primary-btn {
    text-align: center;
    display: inline-block
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main article .single-inner .box .primary-btn {
    right: 0;
    bottom: 0
  }
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main .post-meta {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

#topics #main .post-meta li span {
  margin-right: 6px
}

#topics #main .post-meta li.time {
  text-align: right
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main .post-meta li.time {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

#topics #main .post-meta li.time span {
  color: #8a8a8a
}

#topics #main .post-meta li.category {
  margin-top: 10px;
  padding: 0 4px;
  border: 1px solid #39A474;
  display: inline-block
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main .post-meta li.category {
    margin-top: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

#topics #main .post-meta li.category a {
  color: #39A474;
  font-size: 14px
}

#topics #main .post-meta li.category span {
  color: #39A474
}

#topics #main.single {
  padding: 40px 40px 0
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #topics #main.single {
    margin: 40px 0;
    padding: 40px 20px
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main.single {
    padding: 40px 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single {
    padding: 40px 10px
  }
}

#topics #main.single .main-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main.single .main-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main.single .main-inner article {
  width: 70%
}
#topics #main.single .lp-inner article {
  width: 100%!important
}
@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  #topics #main.single .main-inner article {
    width: 73%
  }
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main.single .main-inner article {
    width: 100%
  }
}

#topics #main.single .main-inner article header {
  text-align: left
}

#topics #main.single .main-inner article header .box h1 {
  margin-bottom: 20px
}

#topics #main.single .main-inner article header .box .tags {
  max-width: 100%
}

#topics #main.single .main-inner article .article-cont {
  padding: 40px;
  background: #fefefe
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont {
    padding: 10px
  }
}

#topics #main.single .main-inner article .article-cont .article-inner h2, #topics #main.single .main-inner article .article-cont .article-inner h3, #topics #main.single .main-inner article .article-cont .article-inner h4, #topics #main.single .main-inner article .article-cont .article-inner h5, #topics #main.single .main-inner article .article-cont .article-inner h6 {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings: "normal"
}

#topics #main.single .main-inner article .article-cont .article-inner img {
  margin-bottom: 40px;
  max-width: 100%
}

#topics #main.single .main-inner article .article-cont .article-inner figure {
  margin-bottom: 40px
}

#topics #main.single .main-inner article .article-cont .article-inner figure figcaption {
  margin-top: 6px;
  font-size: 14px
}

#topics #main.single .main-inner article .article-cont .article-inner figure img {
  margin-bottom: 0
}

#topics #main.single .main-inner article .article-cont .article-inner h2 {
  margin-bottom: 40px;
  font-size: 24px
}

#topics #main.single .main-inner article .article-cont .article-inner h3 {
  margin-bottom: 30px;
  font-size: 22px
}

#topics #main.single .main-inner article .article-cont .article-inner h4 {
  margin-bottom: 20px;
  font-size: 20px
}

#topics #main.single .main-inner article .article-cont .article-inner h5 {
  margin-bottom: 16px;
  font-size: 18px
}

#topics #main.single .main-inner article .article-cont .article-inner h6 {
  margin-bottom: 16px;
  font-size: 16px
}

#topics #main.single .main-inner article .article-cont .article-inner p {
  margin-bottom: 16px;
  font-size: 16px
}

#topics #main.single .main-inner article .article-cont .article-inner a {
  color: #39A474
}

#topics #main.single .main-inner article .article-cont .article-inner ul {
  margin-bottom: 20px;
  list-style: none
}

#topics #main.single .main-inner article .article-cont .article-inner ul li {
  margin-bottom: 6px;
  text-align: left
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box {
  margin-bottom: 40px;
  padding: 20px;
  border: 1px solid #39A474;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box.pado {
  margin-top: 60px
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .article-box {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box .box-l {
  width: 30%
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .article-box .box-l {
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box .box-l figure {
  text-align: center
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box .box-l figure img {
  margin: 0
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box .box-r {
  padding: 0 20px;
  width: 70%
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .article-box .box-r {
    padding: 0;
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box .box-r ul {
  text-align: left
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box h4 {
  text-align: left
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box h4 span {
  display: block
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box ul {
  margin-top: 20px
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box ul li {
  text-align: left
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box.exp .box-l {
  width: 40%
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .article-box.exp .box-l {
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .article-box.exp h4 {
  margin-bottom: 10px
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .article-box.exp h4 {
    margin-top: 6px
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .faq {
  margin-bottom: 40px
}

#topics #main.single .main-inner article .article-cont .article-inner .faq .faq-f, #topics #main.single .main-inner article .article-cont .article-inner .faq .faq-a {
  margin-right: 6px;
  font-size: 26px
}

#topics #main.single .main-inner article .article-cont .article-inner .faq dt {
  color: #D05E86;
  font-size: 18px
}

#topics #main.single .main-inner article .article-cont .article-inner .faq dt .faq-f {
  color: #D05E86
}

#topics #main.single .main-inner article .article-cont .article-inner .faq dd .faq-a {
  color: #39A474
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow {
  margin-bottom: 40px
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow img {
    margin-bottom: 0
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow h4 {
  padding: 6px 0;
  color: #fefefe;
  background: #ED81B0
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow h4 {
    font-size: 16px
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd p {
  width: 60%
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd p {
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd p.tweet {
  padding: 6px;
  width: 40%;
  background: #F3F9F9;
  font-weight: bold
}

@media print, screen and (max-width: 74.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd p.tweet {
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd p br {
  display: none
}

@media screen and (min-width: 75em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow dd p br {
    display: block
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dt {
  width: 50%
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dt {
    margin-bottom: 0;
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dd {
  width: 50%;
  display: inline
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dd {
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dd p {
  padding-left: 8px;
  width: 100%
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dd p {
    padding-left: 0
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow.f-single dd p.tweet {
  margin-top: 20px
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow ul {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .article-inner .pado-flow ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow ul li {
  margin-bottom: 0
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow ul li figure {
  margin-bottom: 0
}

#topics #main.single .main-inner article .article-cont .article-inner .pado-flow ul li figure img {
  margin-bottom: 0
}

#topics #main.single .main-inner article .article-cont .article-inner .marker {
  margin-top: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FCE630));
  background: linear-gradient(transparent 60%, #FCE630 60%);
  font-size: 16px;
  font-weight: bold;
  display: inline
}

#topics #main.single .main-inner article .article-cont .small-txt {
  font-size: 14px
}

#topics #main.single .main-inner article .article-cont .snsShareArea {
  margin-top: 80px;
  padding: 40px;
  text-align: center;
  background: #FCF8F4
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .snsShareArea {
    padding: 20px 10px
  }
}

#topics #main.single .main-inner article .article-cont .snsShareArea header {
  text-align: center
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .snsShareArea header {
    margin-bottom: 20px
  }
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .snsShareArea ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul li {
  width: 33%
}

@media print, screen and (max-width: 39.99875em) {
  #topics #main.single .main-inner article .article-cont .snsShareArea ul li {
    width: 100%
  }
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 1%;
  padding: .7em 0;
  border-radius: 3px;
  color: #fefefe;
  text-align: center;
  font-weight: bold
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul li a.btn--twitter {
  background: #55acee
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul li a.btn--facebook {
  background: #3b5998
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul li a.btn--line {
  background: #54bc4d
}

#topics #main.single .main-inner article .article-cont .snsShareArea ul li a span {
  margin-right: 6px;
  color: #fefefe;
  font-size: 20px
}


/* useful */

.useful .f-s {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  -ms-font-feature-settings: "normal";
}

.sub-head .useful{
  width: 100%;
}

.sub-head .useful h2.f-s{
  font-size: 30px !important;
}

.sub-head .bg-useful {
  background-image: url(../img/useful-head-bg.jpg)
}

#topics .writer {
  max-width: 950px;
  margin: 0 auto;
  padding: 90px 0 20px;
}
@media print, screen and (max-width: 63.99875em){
#topics .writer {
  max-width: 950px;
  margin: 0 auto;
  padding: 80px 20px 40px;
}
}
#topics .writer .writer_title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 60px;
  letter-spacing: 2.5px;
  
}
#topics .writer .writer_introduction {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em){
  #topics .writer .writer_introduction {
    display: block;
  }
  #topics .writer .writer_introduction div:first-child {
    text-align: center;
    margin-bottom: 30px;
  }
}
#topics .writer .writer_introduction img {
  min-width: 201px;
  margin-right: 20px;
}
#topics .writer .writer_introduction .weiter_txt h3 {
  font-size: 20px;
  border-bottom: 1px solid #39A573;
  margin-bottom: .6rem;
  padding-right: 16px;
  display: inline-block;
  position: relative;
}
#topics .writer .writer_introduction .weiter_txt h3:after {
  content: url(../img/useful-img-name.png);
  position: absolute;
  bottom: -8px;
  padding-left: 16px;
}
#topics .writer .writer_introduction .weiter_txt p {
  line-height: 2;
}
#topics #main.useful ul {
  margin-left: 0;
}
#topics #main.useful ul li {
  list-style: none;
}
#topics #main.useful .tab {
  display:flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
#topics #main.useful .spStyle {
  display:none;
}
#topics #main.useful .tab li {
  text-align: center;
  width: calc((100% / 4) - 6px);
  background-color: #fff;
  border: 1px solid #3AA474;
}
#topics #main.useful .tab li a {
  color: #3AA474;
  font-weight: bold;
  padding: 12px;
  display: block;
  line-height: 1;
}

#topics #main.useful .tab li a:hover {
  color: #fff;
  background-color: #3AA474;
  transition: 0.3s;
}
/*#topics #main.useful .tab li:first-child {
  background-color: #F2FAED;
  color: #3AA474;
  font-weight: bold;
  border: none;
  padding: 10px;
  display: block;
}*/
#topics #main.useful .tab li.current {
  background-color: #3AA474 !important;
  position: relative;
}
#topics #main.useful .tab li.current:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #3AA474 transparent transparent transparent;
  border-width: 20px 10px 0 10px;
}
@media print, screen and (max-width: 39.99875em){
  #topics #main.useful .tab li ul li {
    padding: 0;
  }
  #topics #main.useful .tab li:first-child {
    padding: 0;
  }
  #topics #main.useful .tab li a {
    padding: 10px 12px;
	margin: 0 auto;
  }
}
#topics #main.useful .tab li.current a {
  color: #fff !important;
}
#topics #main.useful .tab li.current a:hover {
  color: #fff !important;
}
@media print, screen and (max-width: 39.99875em){
  #topics #main article .single-inner figure img {
      height: 160px;
  }
}
#topics #main.useful .details {
  background-color: #F2FAED;
  color: #3AA474;
  font-weight: bold;
  border: none;
  padding: 10px;
  display: block;
}
#topics #main.useful article .single-inner .box {
  padding: 20px 26px;
  min-height: 285px;
}
@media print, screen and (max-width: 74.99875em){
  #topics #main.useful article .single-inner .box {
    padding: 20px;
    min-height: auto;
  }
  #topics #main.useful article .single-inner .box .box_txt {
    margin-bottom: 20px;
  }
}
#topics #main.useful article .single-inner .box p a {
  color: #505050;
}
#topics #main.useful article .single-inner .box p a:hover {
  opacity: 0.6;
}
#topics #main.useful .post-meta .box_cat_ul {
  margin-bottom: 0;
}
#topics #main.useful .post-meta li.box_cat {
  padding: 0 10px;
  font-size: 14px;
  color: #39a474;
  border: 1px solid #39A474;
  display: inline-block;
}

#topics #main.useful article .single-inner .box h1 {
  margin: 10px 0;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: .2rem;
}
#topics #main.useful .tab_title {
  text-align: center;
  color: #3AA474;
  font-weight: bold;
  font-size: 1.25rem;
  margin: 0 auto 1rem;
  width: 100%;
  display: block;
}
@media print, screen and (max-width: 39.99875em){
  #topics #main.useful .pcStyle {
    display:none;
  }
  #topics #main.useful .spStyle {
    display:block;
  }
  #topics #main.useful .tab li {
    width: 100%;
    border: none;
  }
  /*#topics #main.useful .tab li ul li:first-child {
    text-align: center;
    border: 1px solid #3AA474;
    background-color: #fff;
  }*/
  #topics #main.useful .tab li ul {
    display:flex;
    justify-content: space-between;
  }
  #topics #main.useful .tab li ul li {
    width: calc((100% / 3) - 4px);
    text-align: center;
    background-color: #fff;
    border: 1px solid #3AA474;
    font-size: 14px;
	display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center;
  }
  #topics #main.useful .tab li ul li a:hover {
    color: #3aa474;
    background-color: #fff;
  }
  #topics #main.useful .tab li ul li.current a:hover {
    color: #fff;
    background-color: #3AA474;
  }
}


#topics #main.useful {
  background-color: #f2faed;
}
#topics #main.useful .main-inner article .article-cont .article-inner h1 {
  font-size: 28px;
  padding: 0 0 10px 35px;
  margin-bottom: 32px;
  text-decoration: none;
  border-bottom: none;
  background: url(../img/useful_border.jpg) repeat-x 99% 99%;
  position: relative;
}
  #topics #main.useful .main-inner article .article-cont .article-inner h1:before {
    content: url(../img/useful_title.jpg);
    display: table-cell;
    vertical-align: baseline;
    padding: 6px 10px 0 0;
    position: absolute;
    text-indent: -1.2em;
  }

@media print, screen and (max-width: 39.99875em){
  #topics #main.useful .main-inner article .article-cont {
      padding: 20px 10px 10px;
  }
  #topics #main.useful .main-inner article .article-cont .article-inner h1 {
    font-size: 22px;
    padding: 0 0 10px 22px;
  }
  #topics #main.useful .main-inner article .article-cont .article-inner h1:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/useful_title.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    margin-top: 5px;
  }
}

#topics #main.useful_det{
  margin-top: 70px;
}
#topics #main.useful .main-inner article .article-cont .article-inner .page_contents {
  border: 1px solid #9ad1bc;
  padding: 28px;
  margin-top: 30px;
  margin-bottom: 80px;
}
  #topics #main.useful .main-inner article .article-cont .article-inner .page_contents p {
    font-size: 18px;
    margin-bottom: 8px;
  }
  #topics #main.useful .main-inner article .article-cont .article-inner .page_contents ul {
    margin: 0 auto;
  }
    #topics #main.useful .main-inner article .article-cont .article-inner .page_contents ul li:first-child a::before {
      content: '1.';
    }
    #topics #main.useful .main-inner article .article-cont .article-inner .page_contents ul li:nth-child(2) a::before {
      content: '2.';
    }
    #topics #main.useful .main-inner article .article-cont .article-inner .page_contents ul li:nth-child(3) a::before {
      content: '3.';
    }

#topics #main.useful .main-inner article .article-cont .article-inner section {
  padding: 0;
  margin: -80px auto 80px;
  padding: 80px 0 0;
}

#topics #main.useful .main-inner article .article-cont .article-inner section img {
  margin-bottom: 10px;
}

#topics #main.useful .main-inner article .article-cont .article-inner section blockquote {
  background-color: #EDEDED;
  border: none;
  padding: 30px 36px;
  margin: 0 auto 10px;
  position: relative;
  color: #505050;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote:before {
  content: url(../img/useful-img-blockquote.jpg);
  display: table-cell;
  vertical-align: baseline;
  position: absolute;
  top: 0;
  left: 0;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote p {
  margin-bottom: 0;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote ul li::before {
  content:  "";     /* ?????? */
  width:  6px;               /* ??? */
  height:  6px;              /* ???? */
  display:  inline-block;     /* ???????????? */
  background-color: #505050;  /* ????? */
  border-radius:  50%;        /* ??????? */
  margin-bottom: 3px;
  margin-right: 5px;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote cite {
  font-style: normal;
  text-align: right;
  color: #505050;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote cite a {
  color: #505050;
  text-decoration: underline;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote cite a:hover {
  text-decoration: none;
}
#topics #main.useful .main-inner article .article-cont .article-inner section blockquote cite:before {
  content: '\5F15\7528\FF1A';
}
#topics #main.useful .main-inner article .article-cont .article-inner section h3 {
  font-size: 24px;
  border-bottom: 1px solid #38a472;
}

@media print, screen and (max-width: 39.99875em){
  #topics #main.useful .main-inner article .article-cont .article-inner section h3 {
    font-size: 20px;
    padding-bottom: 5px;
}
}
#topics > #main > .main-inner > .sidebar > .primary-btn {
  margin: 0 auto 10px;
  padding: 10px;
  display: block;
}
#topics #main.useful .main-inner .sidebar .side-cont .latest-li div {
  display: flex;
  align-items: flex-start;
}
#topics #main.useful .main-inner .sidebar .side-cont .latest-li div figure img {
  min-width: 100px;
  height: auto;
}
#topics #main.useful .main-inner .sidebar .side-cont .latest-li div h1 {
  margin-top: 0;
  margin-left: 10px;
}
#topics #main.single .main-inner .sidebar .side_category {
  background: #fefefe;
  padding: 20px 16px;
}
#topics #main.single .main-inner .sidebar .side_category h2 {
  font-size: 28px;
  text-align: center;
  font-family: 'Oswald';
  -ms-font-feature-settings: "normal";
  letter-spacing: .4rem;
  margin-bottom: 20px;
}
#topics #main.single .main-inner .sidebar .side_category h2 span {
  font-size: 16px;
  display: block;
  font-family: "Sawarabi Mincho", "???", YuMincho, "Hiragino Mincho ProN W3", "?????? ProN W3", "Hiragino Mincho ProN", "HG??E", "?? ???", "?? ??", serif;
  -ms-font-feature-settings: "normal";
  letter-spacing: .2rem;
}
#topics #main.single .main-inner .sidebar .side_category ul {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
}
#topics #main.single .main-inner .sidebar .side_category ul li {
  text-align: center;
  width: calc((100% / 2) - 5px);
  background-color: #3AA474;
  border: 1px solid #3AA474;
}
#topics #main.single .main-inner .sidebar .side_category ul li a {
  color: #fff;
  padding: 10px;
  display: block;
}
#topics #main.single .main-inner .sidebar .side_category ul li a:hover {
  color: #3AA474;
  background-color: #fff;
  transition: 0.3s;
}
#topics #main.useful .main-inner article .article-cont .article-inner p {
  word-break: break-all;
}

/* /useful */


#topics #main.single .main-inner .sidebar {
  width: 25%
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar {
    width: 100%
  }
}

#topics #main.single .main-inner .sidebar .side-cont {
  margin-bottom: 20px;
  padding: 20px 16px;
  background: #fefefe
}

@media print, screen and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar .side-cont {
    padding: 40px 16px
  }
}

#topics #main.single .main-inner .sidebar .side-cont header {
  margin-bottom: 0
}

#topics #main.single .main-inner .sidebar .side-cont header h2 {
  font-size: 28px
}

#topics #main.single .main-inner .sidebar .side-cont header h2 span {
  font-size: 16px
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar .side-cont .latest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li {
  margin-top: 20px
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar .side-cont .latest-li {
    padding: 10px;
    width: 50%
  }
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li .post-meta {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li .post-meta .category {
  margin-top: 0
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li figure img {
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li h1 {
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: .1rem
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li h1 a {
  color: #505050
}

#topics #main.single .main-inner .sidebar .side-cont .latest-li .more-btn {
  padding-bottom: 6px;
  color: #39A474;
  border-bottom: 2px solid #39A474;
  display: block;
  text-align: right
}

#topics #main.single .main-inner .sidebar .side-cont .primary-btn {
  margin-top: 20px;
  padding: 10px;
  display: block
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar .side-cont .category-li {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

#topics #main.single .main-inner .sidebar .side-cont .category-li li {
  margin-top: 10px
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar .side-cont .category-li li {
    margin-top: 10px;
    width: calc(50% - 6px)
  }
}

#topics #main.single .main-inner .sidebar .side-cont .category-li li:first-child {
  margin-top: 20px
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #topics #main.single .main-inner .sidebar .side-cont .category-li li:first-child {
    margin-top: 10px
  }
}

#topics #main.single .main-inner .sidebar .side-cont .category-li li a {
  padding: 16px;
  display: block;
  border: 1px solid #39A474;
  color: #39A474;
  text-align: center
}

#topics #main.single .main-inner .sidebar .side-cont .category-li li a:hover {
  border: 1px solid #39A474;
  color: #fefefe;
  background: #39A474
}

.reveal {
  width: 60%
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .reveal {
    width: 80%
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .reveal {
    width: 90%
  }
}

@media print, screen and (max-width: 39.99875em) {
  .reveal {
    width: 100%
  }
}

.reveal-overlay {
  z-index: 999999999
}

.reveal-inner {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: visible
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .reveal-inner {
    padding: 0
  }
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.reveal-inner .flow-img {
  width: 50%
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .flow-img {
    width: 100%
  }
}

.reveal-inner .reveal-txtbox {
  padding-left: 20px;
  width: 50%
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .reveal-inner .reveal-txtbox {
    padding-left: 10px
  }
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .reveal-txtbox {
    margin-top: 20px;
    padding-left: 0;
    width: 100%
  }
}

.reveal-inner .reveal-txtbox .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (max-width: 63.99875em) {
  .reveal-inner .reveal-txtbox .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.reveal-inner .reveal-txtbox .title figure {
  width: 60px
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .reveal-txtbox .title figure {
    margin: 0 auto
  }
}

.reveal-inner .reveal-txtbox .title h2 {
  margin: 0 0 0 10px;
  font-size: 20px;
  color: #39A474
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .reveal-inner .reveal-txtbox .title h2 {
    margin-top: 10px
  }
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .reveal-txtbox .title h2 {
    margin-top: 10px;
    font-size: 20px;
    text-align: center
  }
}

.reveal-inner .reveal-txtbox .title h2 span {
  display: block;
  font-size: 18px;
  color: #39A474;
  font-weight: bold
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .reveal-inner .reveal-txtbox .title h2 span {
    display: inline
  }
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .reveal-txtbox .title h2 span {
    margin-right: 6px;
    display: inline;
    font-size: 20px
  }
}

.reveal-inner .reveal-txtbox p {
  margin-top: 10px;
  padding: 0 10px;
  line-height: 1.8
}

@media print, screen and (min-width: 64em) {
  .reveal-inner .reveal-txtbox p {
    margin-top: 16px
  }
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .reveal-txtbox p {
    padding: 0
  }
}

.reveal-inner .reveal-txtbox .primary-btn {
  display: none
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .reveal-txtbox .primary-btn {
    margin: 30px 0 0;
    padding: 10px 0;
    width: 100%;
    display: block
  }
  .reveal-inner .reveal-txtbox .primary-btn span {
    font-size: 16px
  }
}

.reveal-inner .course {
  margin: 14px 0;
  padding: 0 10px
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .course {
    padding: 0
  }
}

.reveal-inner .course li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.5
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .course li {
    line-height: 1.6
  }
}

.reveal-inner .course li span {
  margin-right: 6px;
  font-weight: bold
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .course li span {
    display: block
  }
}

.reveal-inner .course+p {
  margin: 0 10px 0;
  padding: 6px;
  font-size: 12px;
  background: #F3F9F9
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .course+p {
    margin: 0
  }
}

.reveal-inner .p-n {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .p-n {
    padding: 0
  }
}

.reveal-inner .p-n li button {
  padding: 10px;
  border: 1px solid #39A474;
  color: #39A474;
  font-size: 14px;
  width: 100%
}

.reveal-inner .p-n li button i {
  color: #39A474
}

.reveal-inner .p-n li i {
  margin-right: 6px
}

.reveal-inner .close-button {
  position: absolute;
  top: 0;
  right: 0;
  background: #39A474;
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  z-index: 1
}

@media print, screen and (max-width: 39.99875em) {
  .reveal-inner .close-button {
    display: none
  }
}

.reveal-inner .close-button span {
  color: #fefefe
}

.news {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.6);
  position: fixed;
  z-index: 9999999
}

.btn_area {
  padding: 40px;
  width: 55%;
  height: 96%;
  position: absolute;
  overflow-y: scroll;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background-color: #fefefe;
  z-index: 2
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .btn_area {
    padding: 60px 80px
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .btn_area {
    width: 80%
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .btn_area {
    width: 80%
  }
}

@media print, screen and (max-width: 39.99875em) {
  .btn_area {
    padding: 20px 10px;
    width: 100%
  }
}

.btn_area h3 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px
}

.btn_area h4 {
  text-align: center;
  font-size: 18px
}

.btn_area p {
  line-height: 1.8
}

.btn_area p.date {
  margin: 10px 0;
  text-align: center;
  background: #FCE630;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2
}

@media print, screen and (max-width: 39.99875em) {
  .btn_area p.date {
    padding: 2px 0;
    font-size: 15px
  }
}

@media print, screen and (max-width: 39.99875em) {
  .btn_area p br {
    display: none
  }
}

.btn_area p .url {
  margin: 6px 0;
  display: block;
  text-align: center
}

.btn_area p span {
  margin-top: 16px;
  display: block
}

.btn_area .contact {
  margin: 8px 0;
  text-align: center;
  font-size: 14px;
  background: #F3F3F3
}

.btn_area .contact a {
  color: #0a0a0a
}

@media print, screen and (max-width: 39.99875em) {
  .btn_area .contact a {
    display: block
  }
}

.btn_area ul {
  margin: 10px 0 0;
  text-align: right
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .btn_area ul {
    margin-top: 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  .btn_area ul {
    text-align: center
  }
}

.btn_area ul li {
  font-size: 14px
}

.btn_area .primary-btn {
  margin: 20px auto 0;
  padding: 10px 40px;
  display: block
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .btn_area .primary-btn {
    margin-top: 40px
  }
}

.article-inner h4 {
  text-align: center;
  font-size: 18px
}

.article-inner p {
  margin-bottom: 40px;
  line-height: 1.8
}

.article-inner p.date {
  margin: 10px 0;
  display: inline-block;
  background: #FCE630;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2
}

@media print, screen and (max-width: 39.99875em) {
  .article-inner p.date {
    padding: 2px 0;
    font-size: 15px
  }
}

.article-inner p .url {
  margin: 6px 0;
  display: inline-block
}

.article-inner p span {
  margin-top: 16px;
  display: block
}

.article-inner .contact {
  margin: 8px 0;
  display: inline-block;
  font-size: 14px;
  background: #F3F3F3
}

.article-inner .contact a {
  color: #0a0a0a
}

@media print, screen and (max-width: 39.99875em) {
  .article-inner .contact a {
    display: block
  }
}

.article-inner ul {
  margin: 10px 0 0
}


@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .article-inner ul {
    margin-top: 20px
  }
}

@media print, screen and (max-width: 39.99875em) {
  .article-inner ul {
    text-align: center
  }
}

.article-inner ul li {
  font-size: 16px
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0 0;
  position: relative;
  font-size: 13px
}

.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

.pagination span, .pagination a {
  display: block;
  width: auto;
  margin: 4px;
  padding: 10px 14px;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
  border: 1px solid #fefefe;
  color: #39A474
}

.pagination .current {
  color: #fefefe;
  background-color: #39A474
}

.pagination a:hover {
  border-color: #39A474
}

.pagination a.prev {
  margin-right: 16px
}

.pagination a.next {
  margin-left: 16px
}

.pagination span.page_num {
  display: none
}

@-webkit-keyframes scroll {
  0% {
    height: 0
  }
  50% {
    height: 26px;
    margin-top: 0
  }
  100% {
    margin-top: 26px;
    height: 26px
  }
}

@keyframes scroll {
  0% {
    height: 0
  }
  50% {
    height: 26px;
    margin-top: 0
  }
  100% {
    margin-top: 26px;
    height: 26px
  }
}

@-webkit-keyframes sub-scroll {
  0% {
    height: 0
  }
  50% {
    height: 70px;
    margin-top: 0
  }
  100% {
    margin-top: 70px;
    height: 70px
  }
}

@keyframes sub-scroll {
  0% {
    height: 0
  }
  50% {
    height: 70px;
    margin-top: 0
  }
  100% {
    margin-top: 70px;
    height: 70px
  }
}

@-webkit-keyframes fadeinout {
  0% {
    opacity: 0
  }
  15% {
    opacity: 1
  }
  45% {
    opacity: 1
  }
  60% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeinout {
  0% {
    opacity: 0
  }
  15% {
    opacity: 1
  }
  45% {
    opacity: 1
  }
  60% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

.accordion ul {
	width:100%;
  padding:0;
  margin-left: 0;
}
.accordion li {
	position:relative;
  list-style:none;
  margin-bottom: 20px;
}

.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0 1em 0 2em;
  position: relative;
  color: #505050;
}
.accordion > ul > li > a h5 {
  font-size: 1.0625rem;
}
.accordion > ul > li > a h5:hover {
	color: #111;
	text-decoration:none;
}
.accordion > ul > li > div {
	display: none;
}
.accordion > ul > li > div > p {
	text-align:left;
	padding:0 2em 1.4em;
	color:#555;
  line-height:1.8;
  font-size: 1.0625rem;
}
.accordion > ul > li > div > table {
  border-collapse: collapse;
}
.accordion > ul > li > div > table > tbody > tr > th,
.accordion > ul > li > div > table > tbody > tr > td {
  border: solid 1px #505050;
  padding: 10px;
}
.accordion > ul > li > div > table > tbody > tr > th{
  text-align: center;
}
.accordion > ul > li > div > table > tbody > tr > th:last-child{
  width: 170px;
}


@media print, screen and (max-width: 39.99875em) {
  .accordion > ul > li > div > table > tbody > tr > th:last-child{
    width: 115px;
  }
  }


.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 40px;
	height: 40px;
  top: 10px;
	left:10px;
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 35%;
	height: 1px;
    background-color: #505050;
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}