:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #7e7e7e;
  --secondary: #343131;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, :after, :before {
  box-sizing: border-box
}


.card {
  word-wrap: break-word;
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background-clip: border-box;
  background-color: #fff
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.card>.list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

.card-subtitle {
  margin-top: -.375rem
}

.card-subtitle, .card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card-header {
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  border-bottom: 1px solid #e8e8e8;
  background-color: rgba(0, 0, 0, .03)
}

.card-header:first-child {
  border-radius: -1px -1px 0 0
}

.card-header+.list-group .list-group-item:first-child {
  border-top: 0
}

.card-footer {
  padding: .75rem 1.25rem;
  border-top: 1px solid #e8e8e8;
  background-color: rgba(0, 0, 0, .03)
}

.card-footer:last-child {
  border-radius: 0 0 -1px -1px
}

.card-header-tabs {
  margin-bottom: -.75rem;
  border-bottom: 0
}

.card-header-pills, .card-header-tabs {
  margin-right: -.625rem;
  margin-left: -.625rem
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem
}

.card-img, .card-img-bottom, .card-img-top {
  flex-shrink: 0;
  width: 100%
}

.card-img, .card-img-top {
  border-top-right-radius: -1px;
  border-top-left-radius: -1px
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px
}

.card-deck .card {
  margin-bottom: 15px
}

@media (min-width:576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px
  }
}

.card-group>.card {
  margin-bottom: 15px
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }
  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0
  }
  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }
  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }
  .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }
  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }
  .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.card-columns .card {
  margin-bottom: .75rem
}

@media (min-width:576px) {
  .card-columns {
    -moz-column-count: 3;
    -moz-column-gap: 1.25rem;
    orphans: 1;
    column-gap: 1.25rem;
    column-count: 3;
    widows: 1
  }
  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.accordion>.card {
  overflow: hidden
}

.accordion>.card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.accordion>.card>.card-header {
  margin-bottom: -1px;
  border-radius: 0
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  border-radius: 0;
  background-color: transparent;
  list-style: none
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  display: flex;
  padding-left: 0;
  border-radius: 0;
  list-style: none
}

.page-link {
  display: block;
  position: relative;
  margin-left: -1px;
  padding: .5rem .75rem;
  border: 1px solid #dee2e6;
  background-color: #fff;
  color: #7e7e7e;
  line-height: 1.25
}

.page-link:hover {
  z-index: 2;
  border-color: #dee2e6;
  background-color: #e9ecef;
  color: #585858;
  text-decoration: none
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(29, 161, 243, .25)
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.page-item.active .page-link {
  z-index: 3;
  border-color: #1da1f3;
  background-color: #1da1f3;
  color: #fff
}

.page-item.disabled .page-link {
  border-color: #dee2e6;
  background-color: #fff;
  color: #6c757d;
  cursor: auto;
  pointer-events: none
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  border-radius: 0;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .badge {
    transition: none
  }
}

a.badge:focus, a.badge:hover {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}

.badge-primary {
  background-color: #7e7e7e;
  color: #fff
}

a.badge-primary:focus, a.badge-primary:hover {
  background-color: #656464;
  color: #fff
}

a.badge-primary.focus, a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 49.4%, .5)
}

.badge-secondary {
  background-color: #343131;
  color: #fff
}

a.badge-secondary:focus, a.badge-secondary:hover {
  background-color: #1a1818;
  color: #fff
}

a.badge-secondary.focus, a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52, 49, 49, .5)
}

.badge-success {
  background-color: #28a745;
  color: #fff
}

a.badge-success:focus, a.badge-success:hover {
  background-color: #1e7e34;
  color: #fff
}

a.badge-success.focus, a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
  background-color: #17a2b8;
  color: #fff
}

a.badge-info:focus, a.badge-info:hover {
  background-color: #117a8b;
  color: #fff
}

a.badge-info.focus, a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
  background-color: #ffc107;
  color: #212529
}

a.badge-warning:focus, a.badge-warning:hover {
  background-color: #d39e00;
  color: #212529
}

a.badge-warning.focus, a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
  background-color: #dc3545;
  color: #fff
}

a.badge-danger:focus, a.badge-danger:hover {
  background-color: #bd2130;
  color: #fff
}

a.badge-danger.focus, a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
  background-color: #f8f9fa;
  color: #212529
}

a.badge-light:focus, a.badge-light:hover {
  background-color: #dae0e5;
  color: #212529
}

a.badge-light.focus, a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
  background-color: #343a40;
  color: #fff
}

a.badge-dark:focus, a.badge-dark:hover {
  background-color: #1d2124;
  color: #fff
}

a.badge-dark.focus, a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.media {
  display: flex;
  align-items: flex-start
}

.media-body {
  flex: 1
}

.align-baseline {
  vertical-align: baseline!important
}

.align-top {
  vertical-align: top!important
}

.align-middle {
  vertical-align: middle!important
}

.align-bottom {
  vertical-align: bottom!important
}

.align-text-bottom {
  vertical-align: text-bottom!important
}

.align-text-top {
  vertical-align: text-top!important
}

.d-none {
  display: none!important
}

.d-inline {
  display: inline!important
}

.d-inline-block {
  display: inline-block!important
}

.d-block {
  display: block!important
}

.d-table {
  display: table!important
}

.d-table-row {
  display: table-row!important
}

.d-table-cell {
  display: table-cell!important
}

.d-flex {
  display: flex!important
}

.d-inline-flex {
  display: inline-flex!important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none!important
  }
  .d-sm-inline {
    display: inline!important
  }
  .d-sm-inline-block {
    display: inline-block!important
  }
  .d-sm-block {
    display: block!important
  }
  .d-sm-table {
    display: table!important
  }
  .d-sm-table-row {
    display: table-row!important
  }
  .d-sm-table-cell {
    display: table-cell!important
  }
  .d-sm-flex {
    display: flex!important
  }
  .d-sm-inline-flex {
    display: inline-flex!important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none!important
  }
  .d-md-inline {
    display: inline!important
  }
  .d-md-inline-block {
    display: inline-block!important
  }
  .d-md-block {
    display: block!important
  }
  .d-md-table {
    display: table!important
  }
  .d-md-table-row {
    display: table-row!important
  }
  .d-md-table-cell {
    display: table-cell!important
  }
  .d-md-flex {
    display: flex!important
  }
  .d-md-inline-flex {
    display: inline-flex!important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none!important
  }
  .d-lg-inline {
    display: inline!important
  }
  .d-lg-inline-block {
    display: inline-block!important
  }
  .d-lg-block {
    display: block!important
  }
  .d-lg-table {
    display: table!important
  }
  .d-lg-table-row {
    display: table-row!important
  }
  .d-lg-table-cell {
    display: table-cell!important
  }
  .d-lg-flex {
    display: flex!important
  }
  .d-lg-inline-flex {
    display: inline-flex!important
  }
}

@media (min-width:1200px) {
  .d-xl-none {
    display: none!important
  }
  .d-xl-inline {
    display: inline!important
  }
  .d-xl-inline-block {
    display: inline-block!important
  }
  .d-xl-block {
    display: block!important
  }
  .d-xl-table {
    display: table!important
  }
  .d-xl-table-row {
    display: table-row!important
  }
  .d-xl-table-cell {
    display: table-cell!important
  }
  .d-xl-flex {
    display: flex!important
  }
  .d-xl-inline-flex {
    display: inline-flex!important
  }
}

@media print {
  .d-print-none {
    display: none!important
  }
  .d-print-inline {
    display: inline!important
  }
  .d-print-inline-block {
    display: inline-block!important
  }
  .d-print-block {
    display: block!important
  }
  .d-print-table {
    display: table!important
  }
  .d-print-table-row {
    display: table-row!important
  }
  .d-print-table-cell {
    display: table-cell!important
  }
  .d-print-flex {
    display: flex!important
  }
  .d-print-inline-flex {
    display: inline-flex!important
  }
}

.embed-responsive {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive:before {
  display: block;
  content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-21by9:before {
  padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
  padding-top: 56.25%
}

.embed-responsive-4by3:before {
  padding-top: 75%
}

.embed-responsive-1by1:before {
  padding-top: 100%
}

.flex-row {
  flex-direction: row!important
}

.flex-column {
  flex-direction: column!important
}

.flex-row-reverse {
  flex-direction: row-reverse!important
}

.flex-column-reverse {
  flex-direction: column-reverse!important
}

.flex-wrap {
  flex-wrap: wrap!important
}

.flex-nowrap {
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse!important
}

.flex-fill {
  flex: 1 1 auto!important
}

.flex-grow-0 {
  flex-grow: 0!important
}

.flex-grow-1 {
  flex-grow: 1!important
}

.flex-shrink-0 {
  flex-shrink: 0!important
}

.flex-shrink-1 {
  flex-shrink: 1!important
}

.justify-content-start {
  justify-content: flex-start!important
}

.justify-content-end {
  justify-content: flex-end!important
}

.justify-content-center {
  justify-content: center!important
}

.justify-content-between {
  justify-content: space-between!important
}

.justify-content-around {
  justify-content: space-around!important
}

.align-items-start {
  align-items: flex-start!important
}

.align-items-end {
  align-items: flex-end!important
}

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

.align-items-baseline {
  align-items: baseline!important
}

.align-items-stretch {
  align-items: stretch!important
}

.align-content-start {
  align-content: flex-start!important
}

.align-content-end {
  align-content: flex-end!important
}

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

.align-content-between {
  align-content: space-between!important
}

.align-content-around {
  align-content: space-around!important
}

.align-content-stretch {
  align-content: stretch!important
}

.align-self-auto {
  align-self: auto!important
}

.align-self-start {
  align-self: flex-start!important
}

.align-self-end {
  align-self: flex-end!important
}

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

.align-self-baseline {
  align-self: baseline!important
}

.align-self-stretch {
  align-self: stretch!important
}

@media (min-width:576px) {
  .flex-sm-row {
    flex-direction: row!important
  }
  .flex-sm-column {
    flex-direction: column!important
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-sm-wrap {
    flex-wrap: wrap!important
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .flex-sm-fill {
    flex: 1 1 auto!important
  }
  .flex-sm-grow-0 {
    flex-grow: 0!important
  }
  .flex-sm-grow-1 {
    flex-grow: 1!important
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1!important
  }
  .justify-content-sm-start {
    justify-content: flex-start!important
  }
  .justify-content-sm-end {
    justify-content: flex-end!important
  }
  .justify-content-sm-center {
    justify-content: center!important
  }
  .justify-content-sm-between {
    justify-content: space-between!important
  }
  .justify-content-sm-around {
    justify-content: space-around!important
  }
  .align-items-sm-start {
    align-items: flex-start!important
  }
  .align-items-sm-end {
    align-items: flex-end!important
  }
  .align-items-sm-center {
    align-items: center!important
  }
  .align-items-sm-baseline {
    align-items: baseline!important
  }
  .align-items-sm-stretch {
    align-items: stretch!important
  }
  .align-content-sm-start {
    align-content: flex-start!important
  }
  .align-content-sm-end {
    align-content: flex-end!important
  }
  .align-content-sm-center {
    align-content: center!important
  }
  .align-content-sm-between {
    align-content: space-between!important
  }
  .align-content-sm-around {
    align-content: space-around!important
  }
  .align-content-sm-stretch {
    align-content: stretch!important
  }
  .align-self-sm-auto {
    align-self: auto!important
  }
  .align-self-sm-start {
    align-self: flex-start!important
  }
  .align-self-sm-end {
    align-self: flex-end!important
  }
  .align-self-sm-center {
    align-self: center!important
  }
  .align-self-sm-baseline {
    align-self: baseline!important
  }
  .align-self-sm-stretch {
    align-self: stretch!important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    flex-direction: row!important
  }
  .flex-md-column {
    flex-direction: column!important
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-md-wrap {
    flex-wrap: wrap!important
  }
  .flex-md-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .flex-md-fill {
    flex: 1 1 auto!important
  }
  .flex-md-grow-0 {
    flex-grow: 0!important
  }
  .flex-md-grow-1 {
    flex-grow: 1!important
  }
  .flex-md-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-md-shrink-1 {
    flex-shrink: 1!important
  }
  .justify-content-md-start {
    justify-content: flex-start!important
  }
  .justify-content-md-end {
    justify-content: flex-end!important
  }
  .justify-content-md-center {
    justify-content: center!important
  }
  .justify-content-md-between {
    justify-content: space-between!important
  }
  .justify-content-md-around {
    justify-content: space-around!important
  }
  .align-items-md-start {
    align-items: flex-start!important
  }
  .align-items-md-end {
    align-items: flex-end!important
  }
  .align-items-md-center {
    align-items: center!important
  }
  .align-items-md-baseline {
    align-items: baseline!important
  }
  .align-items-md-stretch {
    align-items: stretch!important
  }
  .align-content-md-start {
    align-content: flex-start!important
  }
  .align-content-md-end {
    align-content: flex-end!important
  }
  .align-content-md-center {
    align-content: center!important
  }
  .align-content-md-between {
    align-content: space-between!important
  }
  .align-content-md-around {
    align-content: space-around!important
  }
  .align-content-md-stretch {
    align-content: stretch!important
  }
  .align-self-md-auto {
    align-self: auto!important
  }
  .align-self-md-start {
    align-self: flex-start!important
  }
  .align-self-md-end {
    align-self: flex-end!important
  }
  .align-self-md-center {
    align-self: center!important
  }
  .align-self-md-baseline {
    align-self: baseline!important
  }
  .align-self-md-stretch {
    align-self: stretch!important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    flex-direction: row!important
  }
  .flex-lg-column {
    flex-direction: column!important
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-lg-wrap {
    flex-wrap: wrap!important
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .flex-lg-fill {
    flex: 1 1 auto!important
  }
  .flex-lg-grow-0 {
    flex-grow: 0!important
  }
  .flex-lg-grow-1 {
    flex-grow: 1!important
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1!important
  }
  .justify-content-lg-start {
    justify-content: flex-start!important
  }
  .justify-content-lg-end {
    justify-content: flex-end!important
  }
  .justify-content-lg-center {
    justify-content: center!important
  }
  .justify-content-lg-between {
    justify-content: space-between!important
  }
  .justify-content-lg-around {
    justify-content: space-around!important
  }
  .align-items-lg-start {
    align-items: flex-start!important
  }
  .align-items-lg-end {
    align-items: flex-end!important
  }
  .align-items-lg-center {
    align-items: center!important
  }
  .align-items-lg-baseline {
    align-items: baseline!important
  }
  .align-items-lg-stretch {
    align-items: stretch!important
  }
  .align-content-lg-start {
    align-content: flex-start!important
  }
  .align-content-lg-end {
    align-content: flex-end!important
  }
  .align-content-lg-center {
    align-content: center!important
  }
  .align-content-lg-between {
    align-content: space-between!important
  }
  .align-content-lg-around {
    align-content: space-around!important
  }
  .align-content-lg-stretch {
    align-content: stretch!important
  }
  .align-self-lg-auto {
    align-self: auto!important
  }
  .align-self-lg-start {
    align-self: flex-start!important
  }
  .align-self-lg-end {
    align-self: flex-end!important
  }
  .align-self-lg-center {
    align-self: center!important
  }
  .align-self-lg-baseline {
    align-self: baseline!important
  }
  .align-self-lg-stretch {
    align-self: stretch!important
  }
}

@media (min-width:1200px) {
  .flex-xl-row {
    flex-direction: row!important
  }
  .flex-xl-column {
    flex-direction: column!important
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse!important
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse!important
  }
  .flex-xl-wrap {
    flex-wrap: wrap!important
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap!important
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse!important
  }
  .flex-xl-fill {
    flex: 1 1 auto!important
  }
  .flex-xl-grow-0 {
    flex-grow: 0!important
  }
  .flex-xl-grow-1 {
    flex-grow: 1!important
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0!important
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1!important
  }
  .justify-content-xl-start {
    justify-content: flex-start!important
  }
  .justify-content-xl-end {
    justify-content: flex-end!important
  }
  .justify-content-xl-center {
    justify-content: center!important
  }
  .justify-content-xl-between {
    justify-content: space-between!important
  }
  .justify-content-xl-around {
    justify-content: space-around!important
  }
  .align-items-xl-start {
    align-items: flex-start!important
  }
  .align-items-xl-end {
    align-items: flex-end!important
  }
  .align-items-xl-center {
    align-items: center!important
  }
  .align-items-xl-baseline {
    align-items: baseline!important
  }
  .align-items-xl-stretch {
    align-items: stretch!important
  }
  .align-content-xl-start {
    align-content: flex-start!important
  }
  .align-content-xl-end {
    align-content: flex-end!important
  }
  .align-content-xl-center {
    align-content: center!important
  }
  .align-content-xl-between {
    align-content: space-between!important
  }
  .align-content-xl-around {
    align-content: space-around!important
  }
  .align-content-xl-stretch {
    align-content: stretch!important
  }
  .align-self-xl-auto {
    align-self: auto!important
  }
  .align-self-xl-start {
    align-self: flex-start!important
  }
  .align-self-xl-end {
    align-self: flex-end!important
  }
  .align-self-xl-center {
    align-self: center!important
  }
  .align-self-xl-baseline {
    align-self: baseline!important
  }
  .align-self-xl-stretch {
    align-self: stretch!important
  }
}

.overflow-auto {
  overflow: auto!important
}

.overflow-hidden {
  overflow: hidden!important
}

.position-static {
  position: static!important
}

.position-relative {
  position: relative!important
}

.position-absolute {
  position: absolute!important
}

.position-fixed {
  position: fixed!important
}

.position-sticky {
  position: -webkit-sticky!important;
  position: sticky!important
}

.fixed-top {
  top: 0
}

.fixed-bottom, .fixed-top {
  z-index: 1030;
  position: fixed;
  right: 0;
  left: 0
}

.fixed-bottom {
  bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    z-index: 1020;
    position: -webkit-sticky;
    position: sticky;
    top: 0
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: normal
}

.w-25 {
  width: 25%!important
}

.w-50 {
  width: 50%!important
}

.w-75 {
  width: 75%!important
}

.w-100 {
  width: 100%!important
}

.w-auto {
  width: auto!important
}

.h-25 {
  height: 25%!important
}

.h-50 {
  height: 50%!important
}

.h-75 {
  height: 75%!important
}

.h-100 {
  height: 100%!important
}

.h-auto {
  height: auto!important
}

.mw-100 {
  max-width: 100%!important
}

.mh-100 {
  max-height: 100%!important
}

.min-vw-100 {
  min-width: 100vw!important
}

.min-vh-100 {
  min-height: 100vh!important
}

.vw-100 {
  width: 100vw!important
}

.vh-100 {
  height: 100vh!important
}

.stretched-link:after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
  pointer-events: auto
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important
}

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

.text-wrap {
  white-space: normal!important
}

.text-nowrap {
  white-space: nowrap!important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

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

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

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

@media (min-width:576px) {
  .text-sm-left {
    text-align: left!important
  }
  .text-sm-right {
    text-align: right!important
  }
  .text-sm-center {
    text-align: center!important
  }
}

@media (min-width:768px) {
  .text-md-left {
    text-align: left!important
  }
  .text-md-right {
    text-align: right!important
  }
  .text-md-center {
    text-align: center!important
  }
}

@media (min-width:992px) {
  .text-lg-left {
    text-align: left!important
  }
  .text-lg-right {
    text-align: right!important
  }
  .text-lg-center {
    text-align: center!important
  }
}

@media (min-width:1200px) {
  .text-xl-left {
    text-align: left!important
  }
  .text-xl-right {
    text-align: right!important
  }
  .text-xl-center {
    text-align: center!important
  }
}

.text-lowercase {
  text-transform: lowercase!important
}

.text-uppercase {
  text-transform: uppercase!important
}

.text-capitalize {
  text-transform: capitalize!important
}

.font-weight-light {
  font-weight: 300!important
}

.font-weight-lighter {
  font-weight: lighter!important
}

.font-weight-normal {
  font-weight: 300!important
}

.font-weight-bold {
  font-weight: 500!important
}

.font-weight-bolder {
  font-weight: bolder!important
}

.font-italic {
  font-style: italic!important
}

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

.text-primary {
  color: #7e7e7e!important
}

a.text-primary:focus, a.text-primary:hover {
  color: #585858!important
}

.text-secondary {
  color: #343131!important
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #0d0c0c!important
}

.text-success {
  color: #28a745!important
}

a.text-success:focus, a.text-success:hover {
  color: #19692c!important
}

.text-info {
  color: #17a2b8!important
}

a.text-info:focus, a.text-info:hover {
  color: #0f6674!important
}

.text-warning {
  color: #ffc107!important
}

a.text-warning:focus, a.text-warning:hover {
  color: #ba8b00!important
}

.text-danger {
  color: #dc3545!important
}

a.text-danger:focus, a.text-danger:hover {
  color: #a71d2a!important
}

.text-light {
  color: #f8f9fa!important
}

a.text-light:focus, a.text-light:hover {
  color: #cbd3da!important
}

.text-dark {
  color: #343a40!important
}

a.text-dark:focus, a.text-dark:hover {
  color: #121416!important
}

.text-body {
  color: #212529!important
}

.text-muted {
  color: #6c757d!important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5)!important
}

.text-hide {
  border: 0;
  background-color: transparent;
  color: transparent;
  font: 0/0 a;
  text-shadow: none
}

.text-decoration-none {
  text-decoration: none!important
}

.text-break {
  word-break: break-word!important;
  overflow-wrap: break-word!important
}

.text-reset {
  color: inherit!important
}

.visible {
  visibility: visible!important
}

.invisible {
  visibility: hidden!important
}

@media print {
  *, :after, :before {
    box-shadow: none!important;
    text-shadow: none!important
  }
  a:not(.btn) {
    text-decoration: underline
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  pre {
    white-space: pre-wrap!important
  }
  blockquote, pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img, tr {
    page-break-inside: avoid
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  @page {
    size: a3
  }
  .container, body {
    min-width: 992px!important
  }
  .navbar {
    display: none
  }
  .badge {
    border: 1px solid #000
  }
  #tinymce table, .blog-body table, .table {
    border-collapse: collapse!important
  }
  #tinymce table td, #tinymce table th, .blog-body table td, .blog-body table th, .table td, .table th {
    background-color: #fff!important
  }
  #tinymce table td, #tinymce table th, .blog-body table td, .blog-body table th, .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6!important
  }
  .table-dark {
    color: inherit
  }
  .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #e8e8e8
  }
  #tinymce table .thead-dark th, .blog-body table .thead-dark th, .table .thead-dark th {
    border-color: #e8e8e8;
    color: inherit
  }
}

body {
  word-wrap: break-word;
  -moz-font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #f7f7f7;
  color: #1f1f1f;
  font-family: Noto Sans JP, Helvetica Neue, Hiragino Sans, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Hiragino Kaku Gothic ProN, Yu Gothic, YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-size: 15px;
  font-synthesis: none;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.7;
  direction: ltr
}

@media (max-width:991px) {
  body {
    font-size: 14px
  }
}

#page {
  -ms-overflow-x: hidden;
  width: 100%;
  overflow-x: hidden
}

#content, #page {
  position: relative
}

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

img[src$=".svg"] {
  width: 100%
}

.en-font {
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif
}

.lazyload, .lazyloading {
  opacity: 0
}

.lazyload, .lazyloaded, .lazyloading {
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.lazyloaded {
  opacity: 1
}

.container {
  padding-right: 25px;
  padding-left: 25px
}

@media (max-width:991px) and (min-width:576px) {
  .container {
    width: 90%;
    max-width: 90%
  }
}

.c-form__pp, .col-form-label, .custom-control-label, .custom-file-label, .mwform-checkbox-field .mwform-checkbox-field-text, .mwform-radio-field .mwform-radio-field-text {
  font-size: 14px
}

.c-form__pp {
  margin-bottom: 3px
}

.form-group {
  margin-bottom: 25px
}

@media (max-width:767px) {
  .form-group {
    margin-bottom: 15px
  }
}

.form-control {
  font-size: 16px
}

.form-control::-webkit-input-placeholder {
  color: #aaa;
  font-size: 14px
}

.form-control::-moz-placeholder {
  color: #aaa;
  font-size: 14px
}

.form-control:-ms-input-placeholder {
  color: #aaa;
  font-size: 14px
}

.form-control::-ms-input-placeholder {
  color: #aaa;
  font-size: 14px
}

.form-control::placeholder {
  color: #aaa;
  font-size: 14px
}

.mw_wp_form.mw_wp_form_confirm .c-confirm__hidden, .mwform-file-delete {
  display: none
}

.custom-control, .mwform-checkbox-field, .mwform-radio-field {
  margin-top: 5px
}

.mwform-checkbox-field .mwform-checkbox-field-text:after, .mwform-checkbox-field .mwform-checkbox-field-text:before, .mwform-radio-field .mwform-radio-field-text:after, .mwform-radio-field .mwform-radio-field-text:before {
  top: .18rem
}

.c-form__submit {
  min-width: 230px
}

.c-form__return {
  min-width: 230px;
  border-color: #e8e8e8;
  background-color: #e8e8e8;
  color: #343a40
}

.c-form__return:hover {
  border-color: #e2e2e2;
  background-color: #e2e2e2;
  color: #343a40
}

.c-form__retruntop {
  min-width: 230px
}

.col-form-label {
  color: #6c757d;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0
}

.c-form__require:after {
  margin-left: .2rem;
  color: #dc3545;
  content: "*"
}

.mw_wp_form .error {
  color: #dc3545;
  font-size: 11px
}

@font-face {
  src: url("data:image/svg xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='#343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") format("woff");
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400
}

:root {
  --swiper-theme-color: #1f1f1f
}

.swiper-container {
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  list-style: none
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}

.swiper-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-container-3d {
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-zoom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  -o-object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-pagination {
  z-index: 10;
  position: absolute;
  transform: translateZ(0);
  text-align: center;
  transition: opacity .3s
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  transform: translateY(-50%)
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
  position: absolute;
  background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%
}

.swiper-pagination-blue {
  --swiper-pagination-color: #007bff
}

.swiper-pagination-indigo {
  --swiper-pagination-color: #6610f2
}

.swiper-pagination-purple {
  --swiper-pagination-color: #6f42c1
}

.swiper-pagination-pink {
  --swiper-pagination-color: #e83e8c
}

.swiper-pagination-red {
  --swiper-pagination-color: #dc3545
}

.swiper-pagination-orange {
  --swiper-pagination-color: #fd7e14
}

.swiper-pagination-yellow {
  --swiper-pagination-color: #ffc107
}

.swiper-pagination-green {
  --swiper-pagination-color: #28a745
}

.swiper-pagination-teal {
  --swiper-pagination-color: #20c997
}

.swiper-pagination-cyan {
  --swiper-pagination-color: #17a2b8
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff
}

.swiper-pagination-gray {
  --swiper-pagination-color: #6c757d
}

.swiper-pagination-gray-dark {
  --swiper-pagination-color: #343a40
}

.swiper-pagination-lock {
  display: none
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
  display: flex;
  z-index: 10;
  position: absolute;
  top: 50%;
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1*var(--swiper-navigation-size)/2);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none!important;
  text-transform: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-next.swiper-button-blue, .swiper-button-prev.swiper-button-blue {
  --swiper-navigation-color: #007bff
}

.swiper-button-next.swiper-button-indigo, .swiper-button-prev.swiper-button-indigo {
  --swiper-navigation-color: #6610f2
}

.swiper-button-next.swiper-button-purple, .swiper-button-prev.swiper-button-purple {
  --swiper-navigation-color: #6f42c1
}

.swiper-button-next.swiper-button-pink, .swiper-button-prev.swiper-button-pink {
  --swiper-navigation-color: #e83e8c
}

.swiper-button-next.swiper-button-red, .swiper-button-prev.swiper-button-red {
  --swiper-navigation-color: #dc3545
}

.swiper-button-next.swiper-button-orange, .swiper-button-prev.swiper-button-orange {
  --swiper-navigation-color: #fd7e14
}

.swiper-button-next.swiper-button-yellow, .swiper-button-prev.swiper-button-yellow {
  --swiper-navigation-color: #ffc107
}

.swiper-button-next.swiper-button-green, .swiper-button-prev.swiper-button-green {
  --swiper-navigation-color: #28a745
}

.swiper-button-next.swiper-button-teal, .swiper-button-prev.swiper-button-teal {
  --swiper-navigation-color: #20c997
}

.swiper-button-next.swiper-button-cyan, .swiper-button-prev.swiper-button-cyan {
  --swiper-navigation-color: #17a2b8
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-gray, .swiper-button-prev.swiper-button-gray {
  --swiper-navigation-color: #6c757d
}

.swiper-button-next.swiper-button-gray-dark, .swiper-button-prev.swiper-button-gray-dark {
  --swiper-navigation-color: #343a40
}

.swiper-button-lock {
  display: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

:root {
  --swiper-navigation-size: 45px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #ddd;
  background: transparent;
  opacity: 1
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 1px solid #1f1f1f;
  background: #1f1f1f;
  opacity: 1
}

.swiper-button-next, .swiper-button-prev {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: hsla(0, 0%, 75.7%, .6)
}

@media (max-width:575px) {
  .swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px
  }
}

.swiper-button-prev {
  left: 20px
}

@media (max-width:575px) {
  .swiper-button-prev {
    left: 10px
  }
}

.swiper-button-prev:after {
  font-family: Font Awesome\ 5 Pro;
  font-size: 25px;
  font-weight: 100;
  content: "\F104"
}

@media (max-width:575px) {
  .swiper-button-prev:after {
    font-size: 20px
  }
}

.swiper-button-next {
  right: 20px
}

@media (max-width:575px) {
  .swiper-button-next {
    right: 10px
  }
}

.swiper-button-next:after {
  font-family: Font Awesome\ 5 Pro;
  font-size: 25px;
  font-weight: 100;
  content: "\F105"
}

@media (max-width:575px) {
  .swiper-button-next:after {
    font-size: 20px
  }
}

.flatpickr-calendar {
  -webkit-animation: none;
  box-sizing: border-box;
  display: none;
  visibility: hidden;
  position: absolute;
  width: 270px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #3f4458;
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, .08);
  font-size: 14px;
  line-height: 24px;
  direction: ltr;
  text-align: center;
  animation: none;
  opacity: 0;
  touch-action: manipulation
}

.flatpickr-calendar.inline, .flatpickr-calendar.open {
  visibility: visible;
  max-height: 640px;
  opacity: 1
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
  animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
  display: block;
  z-index: 999
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid transparent;
  content: "";
  pointer-events: none
}

.flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
  right: 22px;
  left: auto
}

.flatpickr-calendar:before {
  margin: 0 -5px;
  border-width: 5px
}

.flatpickr-calendar:after {
  margin: 0 -4px;
  border-width: 4px
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
  bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458
}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
  top: 100%
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458
}

.flatpickr-calendar:focus {
  outline: 0
}

.flatpickr-wrapper {
  display: inline-block;
  position: relative
}

.flatpickr-months {
  display: flex
}

.flatpickr-months .flatpickr-month {
  fill: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  flex: 1;
  height: 34px;
  overflow: hidden;
  background: #3f4458;
  color: #fff;
  line-height: 1;
  text-align: center;
  user-select: none
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  fill: #fff;
  z-index: 3;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none
}

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
  position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0
}

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
  color: #eee
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px
}

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  transition: fill .1s
}

.numInputWrapper {
  position: relative;
  height: auto
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block
}

.numInputWrapper input {
  width: 100%
}

.numInputWrapper input::-ms-clear {
  display: none
}

.numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.numInputWrapper span {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  border: 1px solid hsla(0, 0%, 100%, .15);
  line-height: 50%;
  cursor: pointer;
  opacity: 0
}

.numInputWrapper span:hover {
  background: rgba(192, 187, 167, .1)
}

.numInputWrapper span:active {
  background: rgba(192, 187, 167, .2)
}

.numInputWrapper span:after {
  display: block;
  position: absolute;
  content: ""
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
  top: 26%;
  border-right: 4px solid transparent;
  border-bottom: 4px solid hsla(0, 0%, 100%, .6);
  border-left: 4px solid transparent
}

.numInputWrapper span.arrowDown {
  top: 50%
}

.numInputWrapper span.arrowDown:after {
  top: 40%;
  border-top: 4px solid hsla(0, 0%, 100%, .6);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.numInputWrapper span svg {
  width: inherit;
  height: auto
}

.numInputWrapper span svg path {
  fill: hsla(0, 0%, 100%, .5)
}

.numInputWrapper:hover {
  background: rgba(192, 187, 167, .05)
}

.numInputWrapper:hover span {
  opacity: 1
}

.flatpickr-current-month {
  display: inline-block;
  position: absolute;
  left: 12.5%;
  width: 75%;
  height: 34px;
  padding: 7.48px 0 0;
  transform: translateZ(0);
  color: inherit;
  font-size: 135%;
  font-weight: 300;
  line-height: 1;
  text-align: center
}

.flatpickr-current-month span.cur-month {
  display: inline-block;
  margin-left: .5ch;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-weight: 700
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, .05)
}

.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff
}

.flatpickr-current-month input.cur-year {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0 0 0 .5ch;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: 15px;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  cursor: text
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: hsla(0, 0%, 100%, .5);
  font-size: 100%;
  pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  box-sizing: border-box;
  position: relative;
  width: auto;
  height: auto;
  margin: -1px 0 0;
  padding: 0 0 0 .5ch;
  border: none;
  border-radius: 0;
  outline: none;
  background: #3f4458;
  color: inherit;
  font-family: inherit;
  font-size: 14px;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  cursor: pointer
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  padding: 0;
  outline: none;
  background-color: #3f4458
}

.flatpickr-weekdays {
  display: flex;
  align-items: center;
  width: 100%;
  height: 28px;
  overflow: hidden;
  background: transparent;
  text-align: center
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1
}

span.flatpickr-weekday {
  display: block;
  flex: 1;
  margin: 0;
  background: #3f4458;
  color: #fff;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  text-align: center;
  cursor: default
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0
}

.flatpickr-days {
  display: flex;
  position: relative;
  align-items: flex-start;
  width: 270px;
  overflow: hidden
}

.flatpickr-days:focus {
  outline: 0
}

.dayContainer {
  -ms-flex-wrap: wrap;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 270px;
  min-width: 270px;
  max-width: 270px;
  padding: 0;
  transform: translateZ(0);
  outline: 0;
  text-align: left;
  opacity: 1
}

.dayContainer+.dayContainer {
  box-shadow: -1px 0 0 #20222c
}

.flatpickr-day {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  flex-basis: 14.2857143%;
  justify-content: center;
  width: 14.2857143%;
  max-width: 28px;
  height: 28px;
  margin: 4px;
  border: 1px solid transparent;
  border-radius: 150px;
  background: none;
  color: hsla(0, 0%, 100%, .95);
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  cursor: pointer
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
  border-color: #646c8c;
  outline: 0;
  background: #646c8c;
  cursor: pointer
}

.flatpickr-day.today {
  border-color: #eee
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
  border-color: #eee;
  background: #eee;
  color: #3f4458
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
  border-color: #80cbc4;
  background: #80cbc4;
  box-shadow: none;
  color: #fff
}

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #80cbc4
}

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
  border-color: transparent;
  background: transparent;
  color: hsla(0, 0%, 100%, .3);
  cursor: default
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: hsla(0, 0%, 100%, .1);
  cursor: not-allowed
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4
}

.flatpickr-day.hidden {
  visibility: hidden
}

.rangeMode .flatpickr-day {
  margin-top: 1px
}

.flatpickr-weekwrapper {
  float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #20222c
}

.flatpickr-weekwrapper .flatpickr-weekday {
  width: 100%;
  float: none;
  line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  border: none;
  background: transparent;
  color: hsla(0, 0%, 100%, .3);
  cursor: default
}

.flatpickr-innerContainer {
  box-sizing: border-box;
  display: block;
  display: flex
}

.flatpickr-rContainer {
  box-sizing: border-box;
  display: inline-block;
  padding: 0
}

.flatpickr-time {
  box-sizing: border-box;
  display: flex;
  height: 0;
  max-height: 40px;
  overflow: hidden;
  outline: 0;
  line-height: 40px;
  text-align: center
}

.flatpickr-time:after {
  display: table;
  clear: both;
  content: ""
}

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
  font-size: 15px
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: hsla(0, 0%, 100%, .95)
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: hsla(0, 0%, 100%, .95)
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%
}

.flatpickr-time input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  box-sizing: border-box;
  position: relative;
  height: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: hsla(0, 0%, 100%, .95);
  font-size: 15px;
  line-height: inherit;
  text-align: center
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0
}

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  align-self: center;
  width: 2%;
  height: inherit;
  float: left;
  color: hsla(0, 0%, 100%, .95);
  font-weight: 700;
  line-height: inherit;
  user-select: none
}

.flatpickr-time .flatpickr-am-pm {
  width: 18%;
  outline: 0;
  font-weight: 400;
  text-align: center;
  cursor: pointer
}

.flatpickr-input[readonly] {
  cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0
  }
  to {
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes fpFadeInDown {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0
  }
  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.c-accordion {
  border: 1px solid #dee2e6;
  border-bottom: none
}

.c-accordion .c-accordion__trigger {
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: .5rem 1rem;
  border: none;
  border-bottom: 1px solid #dee2e6;
  background: none;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.c-accordion .c-accordion__trigger:active, .c-accordion .c-accordion__trigger:focus, .c-accordion .c-accordion__trigger:hover {
  z-index: 2;
  outline: 0;
  background-color: #fafafa;
  box-shadow: 0 0 0 .2rem rgba(173, 181, 189, .25)
}

.c-accordion .c-accordion__trigger.c-accordion__active {
  background-color: #f3f4f5
}

.c-accordion .c-accordion__content {
  overflow: hidden
}

.c-accordion .c-accordion__content.c-accordion__active .c-accordion__inner {
  border-bottom: 1px solid #dee2e6
}

.c-accordion .c-accordion__content .c-accordion__inner {
  padding: 10px 20px
}

.bg-gray {
  background-color: #f3f4f5
}

.c-blog__card {
  position: relative;
  width: 100%;
  overflow: hidden
}

.c-blog__card .c-blog__card--link {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.c-blog__card .c-blog__card--img-wrap {
  z-index: 1;
  position: relative;
  order: 1;
  padding-top: 66.7%;
  overflow: hidden
}

.c-blog__card .c-blog__card--img-wrap:active, .c-blog__card .c-blog__card--img-wrap:focus, .c-blog__card .c-blog__card--img-wrap:hover {
  text-decoration: none
}

.c-blog__card .c-blog__card--img-wrap:active .c-blog__card--img, .c-blog__card .c-blog__card--img-wrap:focus .c-blog__card--img, .c-blog__card .c-blog__card--img-wrap:hover .c-blog__card--img {
  transform: scale(1.09)
}

.c-blog__card .c-blog__card--img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-blog__card .c-blog__card--content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  order: 2;
  max-width: 100%;
  padding: 10px 0 20px
}

.c-blog__card .c-blog__card--content .c-blog__card--title {
  order: 2;
  width: 100%;
  margin-bottom: 5px;
  font-size: .9rem;
  font-weight: 400;
  line-height: 150%
}

@media (max-width:767px) {
  .c-blog__card .c-blog__card--content .c-blog__card--title {
    font-size: .8rem
  }
}

.c-blog__card .c-blog__card--content .c-blog__card--title .c-blog__card--title-link {
  color: #1f1f1f;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-blog__card .c-blog__card--content .c-blog__card--title .c-blog__card--title-link:active, .c-blog__card .c-blog__card--content .c-blog__card--title .c-blog__card--title-link:focus, .c-blog__card .c-blog__card--content .c-blog__card--title .c-blog__card--title-link:hover {
  color: #6c6b6b;
  text-decoration: none
}

.c-blog__card .c-blog__card--content .c-blog__card--detail {
  order: 3
}

.c-blog__card .c-blog__card--content .c-blog__card--detail .c-blog__card--time {
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: .9rem;
  letter-spacing: .5px
}

@media (max-width:767px) {
  .c-blog__card .c-blog__card--content .c-blog__card--detail .c-blog__card--time {
    font-size: .8rem
  }
}

.c-blog__card .c-blog__card--content .c-blog__card--category {
  order: 1;
  margin: 0 0 5px;
  padding: 0;
  list-style: none
}

.c-blog__card .c-blog__card--content .c-blog__card--category .c-blog__card--category-item {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 5px
}

.c-blog__card .c-blog__card--content .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #646464;
  color: #646464;
  font-size: 12px;
  line-height: 120%;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  transition-property: color, background, border;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-blog__card .c-blog__card--content .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link:active, .c-blog__card .c-blog__card--content .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link:focus, .c-blog__card .c-blog__card--content .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link:hover {
  background-color: #646464;
  color: #fff;
  text-decoration: none
}

.c-blog__single .c-blog__single--wrapper {
  max-width: 700px
}

@media (max-width:991px) {
  .c-blog__single .c-blog__single--wrapper {
    margin: 0 auto;
    padding-right: 25px;
    padding-left: 25px
  }
}

@media (max-width:575px) {
  .c-blog__single .c-blog__single--wrapper {
    padding-right: 10px;
    padding-left: 10px
  }
}

.c-blog__single .c-blog__single--eye-catch img {
  width: 100%
}

.c-blog__single .blog-slider .swiper-slide-image {
  display: block;
  padding-top: 66.7%;
  background-color: #f2f2f2;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.c-blog__single .blog-slider-thumbnails {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-right: -4px;
  margin-left: -4px
}

.c-blog__single .blog-slider-thumbnails .blog-slider-thumbnails-image {
  flex: 0 0 90px;
  max-width: 90px;
  height: 65px;
  margin: 0 4px 8px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .6;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (max-width:575px) {
  .c-blog__single .blog-slider-thumbnails .blog-slider-thumbnails-image {
    flex: 0 0 calc(25% - 8px);
    max-width: calc(25% - 8px);
    height: 0;
    padding-top: 14%
  }
}

.c-blog__single .blog-slider-thumbnails .blog-slider-thumbnails-image.active {
  opacity: 1
}

.c-blog__single .blog-slider-thumbnails .blog-slider-thumbnails-image img {
  -o-object-fit: cover;
  height: 60px;
  object-fit: cover
}

@media (max-width:575px) {
  .c-blog__single .blog-slider-thumbnails .blog-slider-thumbnails-image img {
    height: 50px
  }
}

.c-blog__single .c-blog__single---heading {
  margin-bottom: 10px;
  padding-top: 20px
}

.c-blog__single .c-blog__single---heading .c-blog__single--time {
  color: #7e7e7e;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: .9rem;
  letter-spacing: .5px
}

@media (max-width:767px) {
  .c-blog__single .c-blog__single---heading .c-blog__single--time {
    font-size: .8rem
  }
}

.c-blog__single .c-blog__single---heading .c-blog__single--cat {
  margin: 0 0 5px;
  padding: 0;
  list-style: none
}

.c-blog__single .c-blog__single---heading .c-blog__single--cat li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 5px
}

.c-blog__single .c-blog__single---heading .c-blog__single--cat li a {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #646464;
  color: #646464;
  font-size: 12px;
  line-height: 120%;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  transition-property: color, background, border;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-blog__single .c-blog__single---heading .c-blog__single--cat li a:active, .c-blog__single .c-blog__single---heading .c-blog__single--cat li a:focus, .c-blog__single .c-blog__single---heading .c-blog__single--cat li a:hover {
  background-color: #646464;
  color: #fff;
  text-decoration: none
}

.c-blog__single .c-blog__single--title {
  flex: 0 0 100%;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 400
}

.c-blog__single .blog-detail {
  margin: 30px 0 60px;
  padding: 25px 30px 10px;
  border: 1px solid #ccc
}

@media (max-width:767px) {
  .c-blog__single .blog-detail {
    padding: 20px 20px 5px
  }
}

.c-blog__single .blog-detail .row {
  margin-bottom: 0
}

.c-blog__single .blog-detail .blog-detail__heading {
  color: #7e7e7e;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 12px;
  font-weight: 700
}

@media (max-width:767px) {
  .c-blog__single .blog-detail .blog-detail__heading {
    padding-bottom: 6px
  }
}

.c-blog__single .blog-detail .blog-detail__content {
  margin-bottom: 15px;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 15px
}

.c-blog__single .c-blog__single--pagenavi {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 20px 0
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  text-align: center
}

@media (max-width:991px) {
  .c-blog__single .c-blog__single--pagenavi .single-pagenavi {
    border-right: none
  }
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span {
  position: relative;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  color: #111;
  font-size: .8rem;
  line-height: 120%;
  text-decoration: none
}

@media (max-width:991px) {
  .c-blog__single .c-blog__single--pagenavi .single-pagenavi>span {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    font-size: .7rem
  }
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.arrow-left {
  position: relative;
  padding: 30px 20px 30px 35px;
  text-align: left
}

@media (max-width:991px) {
  .c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.arrow-left {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.arrow-left a:before {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 100%;
  content: "\F104"
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.center {
  position: relative;
  padding: 30px 20px;
  text-align: center
}

@media (max-width:991px) {
  .c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.center {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.arrow-right {
  position: relative;
  padding: 30px 35px 30px 20px;
  text-align: right
}

@media (max-width:991px) {
  .c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.arrow-right {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span.arrow-right a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 100%;
  content: "\F105"
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span a {
  display: block;
  overflow: hidden;
  color: #1f1f1f;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition-property: background, color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-blog__single .c-blog__single--pagenavi .single-pagenavi>span a:hover {
  text-decoration: underline
}

.c-blog__single .c-blog__single--share {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
  justify-content: center;
  max-width: 100%;
  padding: 50px 0;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1
}

.c-blog__single .c-blog__single--share .c-blog__single--share-title {
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 0;
  padding-left: 30px;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 1rem;
  letter-spacing: 1.2px
}

.c-blog__single .c-blog__single--share .share-buttons {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 30px;
  text-align: right
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share {
  width: 45px;
  height: 45px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 0;
  border-radius: 100%;
  line-height: 45px
}

@media (max-width:375px) {
  .c-blog__single .c-blog__single--share .share-buttons .btn-share {
    width: 36px;
    height: 36px;
    line-height: 36px
  }
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-tw] {
  border-color: #c1c1c1;
  background-color: transparent;
  color: #646464
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-tw]:active, .c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-tw]:focus, .c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-tw]:hover {
  border-color: #646464;
  background-color: #646464;
  color: #fff
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-fb] {
  border-color: #c1c1c1;
  background-color: transparent;
  color: #646464
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-fb]:active, .c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-fb]:focus, .c-blog__single .c-blog__single--share .share-buttons .btn-share[data-share-fb]:hover {
  border-color: #646464;
  background-color: #646464;
  color: #fff
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share:before {
  border-radius: 100%
}

.c-blog__single .c-blog__single--share .share-buttons .btn-share i {
  z-index: 2;
  position: relative;
  font-size: 1rem
}

#tinymce img {
  max-width: 600px
}

#tinymce, .blog-body {
  padding: 0 0 25px;
  font-size: .9rem;
  line-height: 140%
}

@media (max-width:575px) {
  #tinymce, .blog-body {
    font-size: .8rem;
    line-height: 140%
  }
}

#tinymce img, .blog-body img {
  margin: 0 0 .8rem
}

#tinymce h1, #tinymce h2, #tinymce h3, .blog-body h1, .blog-body h2, .blog-body h3 {
  font-size: 1.15rem
}

#tinymce h4, .blog-body h4 {
  font-size: 1rem
}

#tinymce h5, .blog-body h5 {
  font-size: .9rem
}

#tinymce a, .blog-body a {
  color: #3c8fe3;
  text-decoration: underline
}

#tinymce a:hover, .blog-body a:hover {
  color: #1e75ce;
  text-decoration: none
}

#tinymce img.alignright, .blog-body img.alignright {
  display: block;
  margin: 0 0 0 auto
}

#tinymce img.alignleft, .blog-body img.alignleft {
  display: block;
  margin: 0 auto 0 0
}

#tinymce img.aligncenter, .blog-body img.aligncenter {
  display: block;
  margin: 0 auto
}

#tinymce h1, #tinymce h2, #tinymce h3, .blog-body h1, .blog-body h2, .blog-body h3 {
  margin-top: 3rem;
  margin-bottom: .6rem;
  padding: 15px 0;
  font-weight: 400;
  line-height: 140%
}

@media (max-width:575px) {
  #tinymce h1, #tinymce h2, #tinymce h3, .blog-body h1, .blog-body h2, .blog-body h3 {
    margin-top: 2rem;
    margin-bottom: 1rem
  }
}

#tinymce h4, #tinymce h5, #tinymce h6, .blog-body h4, .blog-body h5, .blog-body h6 {
  margin-top: 2rem;
  margin-bottom: .6rem;
  padding: 15px 0;
  border-radius: 5px;
  font-weight: 400;
  line-height: 140%
}

#tinymce blockquote, .blog-body blockquote {
  padding: 15px 20px;
  border: none;
  border-left: 3px solid #8c96a9;
  border-radius: 3px;
  background-color: #f3f4f5;
  font-size: .8rem;
  line-height: 120%
}

#tinymce blockquote h1, #tinymce blockquote h2, #tinymce blockquote h3, #tinymce blockquote h4, #tinymce blockquote h5, #tinymce blockquote h6, .blog-body blockquote h1, .blog-body blockquote h2, .blog-body blockquote h3, .blog-body blockquote h4, .blog-body blockquote h5, .blog-body blockquote h6 {
  margin: 0 0 .5rem;
  padding: 0;
  border: none;
  background: none;
  color: #1f1f1f;
  line-height: 120%
}

#tinymce blockquote p, .blog-body blockquote p {
  margin-bottom: 8px
}

#tinymce blockquote :last-child, .blog-body blockquote :last-child {
  margin-bottom: 0
}

#tinymce ul, .blog-body ul {
  margin: 20px 0;
  padding-left: 30px;
  line-height: 140%
}

#tinymce ul li, .blog-body ul li {
  margin-bottom: 10px
}

#tinymce ol, .blog-body ol {
  margin: 20px 0;
  padding-left: 30px;
  line-height: 140%
}

#tinymce ol li, .blog-body ol li {
  margin-bottom: 10px
}

#tinymce table, .blog-body table {
  margin: 15px 0;
  line-height: 140%
}

#tinymce table td, #tinymce table th, .blog-body table td, .blog-body table th {
  padding: 5px 8px
}

.c-breadcrumb {
  padding-top: 0;
  padding-bottom: 0
}

.c-breadcrumb .breadcrumb {
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  font-size: 11px
}

.btn {
  font-size: 14px
}

.btn.btn-outline {
  position: relative;
  border: 1px solid #c1c1c1;
  background-color: transparent;
  color: #1f1f1f;
  letter-spacing: 1.2px
}

.btn.btn-outline:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transform-origin: top left;
  background-color: #1f1f1f;
  content: "";
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.btn.btn-outline span {
  z-index: 2;
  position: relative
}

.btn.btn-outline:not(.disabled):active, .btn.btn-outline:not(.disabled):focus, .btn.btn-outline:not(.disabled):hover {
  outline: none;
  color: #fff
}

.btn.btn-outline:not(.disabled):active:before, .btn.btn-outline:not(.disabled):focus:before, .btn.btn-outline:not(.disabled):hover:before {
  transform: scaleY(1);
  transform-origin: bottom left
}

.btn-arrow {
  padding-right: 35px
}

.btn-arrow:after {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  font-family: Font Awesome\ 5 Pro;
  font-size: .8rem;
  font-weight: 300;
  content: "\F061";
  pointer-events: none
}

@media (max-width:575px) {
  .btn-arrow:after {
    right: 10px;
    margin-top: -8px;
    font-size: .7rem
  }
}

.btn-width-180 {
  min-width: 180px
}

.btn-width-160 {
  min-width: 160px
}

.btn-width-150 {
  min-width: 150px
}

@media (max-width:575px) {
  .btn-width-150 {
    min-width: 120px
  }
}

[data-str-animation] {
  display: flex;
  justify-content: center;
  overflow: hidden;
  line-height: 100%
}

[data-str-animation] .str__animation {
  min-width: .2em
}

.c-information__wrapper {
  margin: 20px 0
}

.c-information__list {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px;
  border-bottom: 1px solid #c1c1c1
}

.c-information__list:first-child {
  border-top: 1px solid #c1c1c1
}

@media (max-width:991px) {
  .c-information__list {
    padding: 20px
  }
}

.c-information__list .c-information__list--time {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 10px;
  color: #7e7e7e;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: .8rem;
  letter-spacing: 1.2px;
  line-height: 140%
}

.c-information__list .c-information__list--title {
  margin-bottom: 0;
  padding: 0
}

.c-information__list .c-information__list--link {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
  color: #1f1f1f;
  font-size: .8rem;
  font-weight: 500;
  line-height: 140%
}

.c-information__list .c-information__list--link:active, .c-information__list .c-information__list--link:focus, .c-information__list .c-information__list--link:hover {
  color: #7e7e7e;
  text-decoration: none
}

.c-interview-body {
  padding-bottom: 50px
}

.c-interview-body .c-interview-body__title {
  padding-bottom: 24px;
  font-size: 24px
}

@media (max-width:575px) {
  .c-interview-body .c-interview-body__title {
    font-size: 20px
  }
}

.c-interview-body .c-interview-body__sentence {
  font-size: 14px
}

.c-interview-body .c-interview__box {
  z-index: 2;
  position: relative
}

.c-interview-body .c-interview__box1 {
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 0
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box1 {
    padding: 32px 0
  }
}

.c-interview-body .c-interview__box2 {
  max-width: 944px;
  margin: 0 auto;
  padding: 70px 0
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box2 {
    padding: 56px 0
  }
}

.c-interview-body .c-interview__box2 .c-interview-body__left {
  margin-right: 40px;
  overflow: hidden
}

@media (max-width:991px) {
  .c-interview-body .c-interview__box2 .c-interview-body__left {
    margin: 0 20%;
    padding-bottom: 40px
  }
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box2 .c-interview-body__left {
    margin: 0;
    padding-bottom: 40px
  }
}

@media (max-width:991px) and (min-width:576px) {
  .c-interview-body .c-interview__box2 .c-interview-body__right--wrapper {
    width: 100%;
    max-width: 670px;
    margin: 0 auto
  }
}

@media (max-width:991px) and (min-width:576px) {
  .c-interview-body .c-interview__box2 .c-interview-body__right {
    margin: 0 auto
  }
}

.c-interview-body .c-interview__box2 .c-interview__img {
  z-index: 2;
  position: relative;
  padding-top: 133.3333%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.c-interview-body .c-interview__box3 {
  margin: 0 auto;
  padding: 70px 0
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box3 {
    padding: 56px 0
  }
}

.c-interview-body .c-interview__box3 .c-interview-body__img {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 40px
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box3 .c-interview-body__img {
    padding-right: 25px
  }
}

.c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--rect-wrapper {
  position: relative;
  width: 85%;
  padding-top: 56.2376%;
  overflow: hidden
}

@media (max-width:991px) {
  .c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--rect-wrapper {
    width: 90%;
    padding-top: 320px
  }
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--rect-wrapper {
    padding-top: 240px
  }
}

@media (max-width:375px) {
  .c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--rect-wrapper {
    padding-top: 180px
  }
}

.c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--rect-wrapper .c-interview__img--rect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--square-wrapper {
  position: relative;
  width: 60%;
  margin-top: 30px;
  padding-top: 60%;
  overflow: hidden
}

@media (max-width:991px) {
  .c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--square-wrapper {
    width: 40%;
    padding-top: 40%
  }
}

@media (max-width:575px) {
  .c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--square-wrapper {
    width: 60%;
    padding-top: 60%
  }
}

.c-interview-body .c-interview__box3 .c-interview-body__img .c-interview__img--square-wrapper .c-interview__img--square {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media (max-width:991px) and (min-width:576px) {
  .c-interview-body .c-interview__box3 .c-interview-body__text--wrapper {
    max-width: 800px;
    margin: 0 auto
  }
}

.c-interview-body .c-interview__box3 .c-interview-body__text {
  max-width: 432px
}

@media (max-width:991px) {
  .c-interview-body .c-interview__box3 .c-interview-body__text {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 40px;
    padding-right: 25px;
    padding-left: 25px
  }
}

@media (max-width:991px) and (min-width:576px) {
  .c-interview-body .c-interview__box3 .c-interview-body__text {
    width: 90%;
    max-width: 90%;
    padding-right: 25px;
    padding-left: 25px
  }
}

.interview__img--bottom {
  max-width: 944px;
  margin: 0 auto
}

.interview__img--bottom .interview__img--wrapper {
  position: relative;
  width: 100%;
  overflow: hidden
}

.interview__img--bottom .interview__img--wrapper:before {
  display: block;
  padding-top: 56.25%;
  content: ""
}

.interview__img--bottom .interview__img--wrapper .interview__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.pagenavi {
  flex: 0 0 100%;
  max-width: 944px;
  margin: 0 auto;
  padding: 20px 0
}

@media (max-width:991px) and (min-width:576px) {
  .pagenavi {
    max-width: 90%
  }
}

.pagenavi .single-pagenavi {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  text-align: center
}

@media (max-width:991px) {
  .pagenavi .single-pagenavi {
    border-right: none
  }
}

.pagenavi .single-pagenavi>span {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  color: #111;
  font-size: .8rem;
  line-height: 120%;
  text-decoration: none
}

@media (max-width:575px) {
  .pagenavi .single-pagenavi>span {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    font-size: .7rem
  }
}

.pagenavi .single-pagenavi>span.arrow-left {
  position: relative;
  padding: 30px 20px 30px 45px;
  text-align: left
}

@media (max-width:991px) {
  .pagenavi .single-pagenavi>span.arrow-left {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.pagenavi .single-pagenavi>span.arrow-left a:before {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 100%;
  content: "\F104"
}

.pagenavi .single-pagenavi>span.arrow-right {
  position: relative;
  padding: 30px 45px 30px 20px;
  text-align: right
}

@media (max-width:991px) {
  .pagenavi .single-pagenavi>span.arrow-right {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.pagenavi .single-pagenavi>span.arrow-right a:after {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 100%;
  content: "\F105"
}

.pagenavi .single-pagenavi>span a {
  display: block;
  overflow: hidden;
  color: #1f1f1f;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition-property: background, color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.pagenavi .single-pagenavi>span a:hover {
  opacity: .8
}

.c-interview-catch {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  padding: 360px 0 80px;
  overflow: hidden
}

@media (max-width:768px) {
  .c-interview-catch {
    margin-bottom: 20px
  }
}

@media (max-width:575px) {
  .c-interview-catch {
    padding: 200px 0 32px
  }
}

.c-interview-catch .c-interview__img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__img.img-right {
    background-position: left 40% center
  }
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__img.img-left {
    background-position: right 30% center
  }
}

.c-interview-catch .c-interview__text {
  z-index: 2;
  position: relative
}

.c-interview-catch .c-interview__text .c-interview__title-top {
  color: #fff;
  font-size: 28px
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__text .c-interview__title-top {
    font-size: 20px
  }
}

.c-interview-catch .c-interview__text .c-interview__title-bottom {
  display: flex;
  align-items: center;
  padding-top: 24px
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__text .c-interview__title-bottom {
    padding-top: 12px
  }
}

.c-interview-catch .c-interview__text .c-interview__title-bottom .post {
  padding-right: 20px;
  color: #fff;
  font-size: 12px
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__text .c-interview__title-bottom .post {
    padding-right: 12px
  }
}

.c-interview-catch .c-interview__text .c-interview__title-bottom .name {
  color: #fff;
  font-size: 24px
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__text .c-interview__title-bottom .name {
    font-size: 18px
  }
}

.c-interview-catch .c-interview__text .c-interview__title-bottom .dept {
  color: #fff;
  font-size: 16px
}

@media (max-width:575px) {
  .c-interview-catch .c-interview__text .c-interview__title-bottom .dept {
    font-size: 12px
  }
}

.c-lower__heading {
  padding: 230px 0 80px
}

@media (max-width:991px) {
  .c-lower__heading {
    padding: 180px 0 60px
  }
}

@media (max-width:767px) {
  .c-lower__heading {
    padding: 135px 0 60px
  }
}

@media (max-width:575px) {
  .c-lower__heading {
    padding: 135px 0 60px
  }
}

.c-lower__heading .c-lower__title {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  font-weight: 400
}

.c-lower__heading .c-lower__title:before {
  z-index: 1;
  position: absolute;
  bottom: -20%;
  left: -5%;
  color: #f0f0f0;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 165px;
  letter-spacing: .05em;
  white-space: nowrap;
  content: attr(data-attr) ""
}

@media (max-width:575px) {
  .c-lower__heading .c-lower__title:before {
    font-size: 100px
  }
}

@media (max-width:480px) {
  .c-lower__heading .c-lower__title:before {
    font-size: 64px
  }
}

.c-lower__heading .c-lower__title .c-lower__title--en {
  display: flex;
  z-index: 2;
  position: relative;
  padding-bottom: 12px;
  overflow: hidden;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 56px;
  letter-spacing: 1.2px;
  line-height: 130%
}
@media (max-width:575px) {
.c-lower__heading .c-lower__title .c-lower__title--en {
  display: flex;
  z-index: 2;
  position: relative;
  padding-bottom: 12px;
  overflow: hidden;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 40px;
  letter-spacing: 1.2px;
  line-height: 130%
}
}
.c-lower__heading .c-lower__title .c-lower__title--ja {
  display: flex;
  z-index: 2;
  position: relative;
  padding-left: 6.2em;
  overflow: hidden;
  color: #646464;
  font-size: 16px;
  letter-spacing: 1.2px
}

.c-lower__heading .c-lower__title .str__animation {
  min-width: .2em
}

.c-lower__contents-inner {
  padding: 60px 0
}

@media (max-width:767px) {
  .c-lower__contents-inner {
    padding: 40px 0
  }
}

@media (max-width:575px) {
  .c-lower__contents-inner {
    padding: 20px 0
  }
}

.c-lower__inner {
  z-index: 2;
  position: relative;
}

.main-image {
  z-index: 2;
  position: relative;
  min-height: 250px;
  min-height: 360px;
  padding-top: 20%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media (max-width:575px) {
  .main-image {
    min-height: 280px
  }
}

.wp-pagenavi {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center
}

.wp-pagenavi>a, .wp-pagenavi>span {
  display: inline-block;
  min-width: 35px;
  margin-right: 4px;
  margin-bottom: 20px;
  padding: 2px 13px;
  border: 1px solid transparent;
  border-radius: 20px;
  background-color: transparent;
  color: #1f1f1f;
  font-size: .8rem;
  line-height: 28px;
  text-decoration: none;
  vertical-align: middle;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition-property: color, border-color, background-color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (max-width:767px) {
  .wp-pagenavi>a, .wp-pagenavi>span {
    margin-bottom: 4px
  }
}

.wp-pagenavi .previouspostslink {
  position: relative;
  overflow: hidden;
  text-indent: -99px
}

.wp-pagenavi .previouspostslink:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.2rem;
  font-weight: 200;
  text-indent: 0;
  content: "\F104"
}

.wp-pagenavi .nextpostslink {
  position: relative;
  overflow: hidden;
  text-indent: -99px
}

.wp-pagenavi .nextpostslink:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.2rem;
  font-weight: 200;
  text-indent: 0;
  content: "\F105"
}

.wp-pagenavi .last {
  position: relative;
  overflow: hidden;
  text-indent: -99px
}

.wp-pagenavi .last:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Font Awesome\ 5 Pro;
  font-size: 1.2rem;
  font-weight: 200;
  text-indent: 0;
  content: "\F101"
}

.wp-pagenavi a:active, .wp-pagenavi a:focus, .wp-pagenavi a:hover {
  border-color: #e7e7e7;
  background-color: #e7e7e7;
  color: #1f1f1f
}

.wp-pagenavi span {
  border-color: #1f1f1f;
  color: #1f1f1f
}

.wp-pagenavi span.extend {
  min-width: auto;
  padding: 0 2px;
  border: none;
  background: none;
  color: #ced4da;
  font-size: 12px
}

.c-section__title {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column-reverse;
  margin-bottom: 25px;
}

.c-section__title .str__animation {
  transform: translateY(100%);
  will-change: auto
}

.c-section__title .c-section__title-en {
  display: flex;
  overflow: hidden;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 47px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 133%;
color: #037cae;
}

.c-section__title .c-section__title-en .str__animation {
  min-width: .3em
}

@media (max-width:767px) {
  .c-section__title .c-section__title-en {
    font-size: 30px;
    line-height: 125%
  }
}

.c-section__title .c-section__title-ja {
  display: flex;
  padding-top: 4px;
  overflow: hidden;
  color: #646464;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%
}

@media (max-width:767px) {
  .c-section__title .c-section__title-ja {
    font-size: 12px;
    line-height: 125%
  }
}

.c-tab .c-tab__nav {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ced4da
}

.c-tab .c-tab__nav .c-tab__item {
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  position: relative;
  margin: 0;
  padding: .5rem 1rem;
  border: 1px solid #ced4da;
  border-right: none;
  border-bottom: none;
  background: none;
  text-align: left;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.c-tab .c-tab__nav .c-tab__item:active, .c-tab .c-tab__nav .c-tab__item:focus, .c-tab .c-tab__nav .c-tab__item:hover {
  z-index: 2;
  outline: 0;
  background-color: #fafafa;
  box-shadow: 0 0 0 .2rem rgba(173, 181, 189, .25)
}

.c-tab .c-tab__nav .c-tab__item.c-tab__active {
  background-color: #f3f4f5
}

.c-tab .c-tab__nav .c-tab__item:last-child {
  border-right: 1px solid #ced4da
}

.c-tab .c-tab__pane {
  display: none
}

.c-tab .c-tab__pane.c-tab__active {
  display: block
}

.c-tab .c-tab__pane:focus {
  outline: none
}

.c-works__card {
  position: relative;
  width: 100%;
  overflow: hidden
}

.c-works__card .c-works__card--link {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.c-works__card .c-works__card--img-wrap {
  z-index: 1;
  position: relative;
  order: 1;
  padding-top: 66.7%;
  overflow: hidden
}

.c-works__card .c-works__card--img-wrap:active, .c-works__card .c-works__card--img-wrap:focus, .c-works__card .c-works__card--img-wrap:hover {
  text-decoration: none
}

.c-works__card .c-works__card--img-wrap:active .c-works__card--img, .c-works__card .c-works__card--img-wrap:focus .c-works__card--img, .c-works__card .c-works__card--img-wrap:hover .c-works__card--img {
  transform: scale(1.09)
}

.c-works__card .c-works__card--img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 40% 5%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-works__card .c-works__card--content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  order: 2;
  max-width: 100%;
  padding: 10px 0 20px
}

.c-works__card .c-works__card--content .c-works__card--title {
  order: 2;
  width: 100%;
  margin-bottom: 5px;
  font-size: .9rem;
  font-weight: 400;
  line-height: 150%
}

@media (max-width:767px) {
  .c-works__card .c-works__card--content .c-works__card--title {
    font-size: .8rem
  }
}

.c-works__card .c-works__card--content .c-works__card--title .c-works__card--title-link {
  color: #1f1f1f;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.c-works__card .c-works__card--content .c-works__card--title .c-works__card--title-link:active, .c-works__card .c-works__card--content .c-works__card--title .c-works__card--title-link:focus, .c-works__card .c-works__card--content .c-works__card--title .c-works__card--title-link:hover {
  color: #6c6b6b;
  text-decoration: none
}

.c-works__card .c-blog__card--category {
  order: 1;
  margin: 0 0 5px;
  padding: 0;
  list-style: none
}

.c-works__card .c-blog__card--category .c-blog__card--category-item {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 5px
}

.c-works__card .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #646464;
  color: #646464;
  font-size: 12px;
  line-height: 120%;
  transition: all .3s cubic-bezier(.19, 1, .22, 1);
  transition-property: color, background, border;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-works__card .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link:active, .c-works__card .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link:focus, .c-works__card .c-blog__card--category .c-blog__card--category-item .c-blog__card--category-link:hover {
  background-color: #646464;
  color: #fff;
  text-decoration: none
}

.js-mouse-stalker {
  z-index: 10002;
  position: fixed;
  top: 0;
  left: 0;
  mix-blend-mode: hard-light;
  cursor: none;
  opacity: 0;
  pointer-events: none
}

@media (max-width:991px) {
  .js-mouse-stalker {
    display: none
  }
}

.js-mouse-stalker .js-mouse-stalker__cursor, .js-mouse-stalker .js-mouse-stalker__follower {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  cursor: none;
  pointer-events: none
}

.js-mouse-stalker .js-mouse-stalker__cursor {
  -webkit-filter: blur(5px);
  z-index: 2;
  top: -26px;
  left: -26px;
  width: 60px;
  height: 60px;
  background-color: #f7ffbc;
  filter: blur(5px);
  opacity: .1;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.js-mouse-stalker .js-mouse-stalker__follower {
  -webkit-filter: blur(10px);
  z-index: 1;
  top: -26px;
  left: -26px;
  width: 60px;
  height: 60px;
  background-color: #f7ffbc;
  filter: blur(10px);
  opacity: .2;
  transition: all .8s cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.js-mouse-stalker.is-hover .js-mouse-stalker__cursor {
  top: -46px;
  left: -46px;
  width: 100px;
  height: 100px;
  background-color: #f7ffbc;
  opacity: .3
}

.js-mouse-stalker.is-hover .js-mouse-stalker__follower {
  -webkit-filter: blur(0);
  z-index: 3;
  top: -46px;
  left: -46px;
  width: 100px;
  height: 100px;
  background-color: transparent;
  filter: blur(0);
  opacity: .6
}

.js-mouse-stalker.is-drag .js-mouse-stalker__cursor {
  top: -56px;
  left: -56px;
  width: 120px;
  height: 120px;
  background-color: #f7ffbc;
  opacity: .6
}

.js-mouse-stalker.is-drag .js-mouse-stalker__follower {
  -webkit-filter: blur(0);
  z-index: 3;
  top: -46px;
  left: -46px;
  width: 100px;
  height: 100px;
  background-color: transparent;
  filter: blur(0)
}

.js-mouse-stalker.is-drag .js-mouse-stalker__follower:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -10px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  content: "Drag"
}

.invisible {
  visibility: inherit!important
}

.js-scroll-fade {
  transform: translateY(10px) scale(.99);
  opacity: 0;
  transition: all .8s cubic-bezier(.165, .84, .44, 1);
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  will-change: auto
}

.js-scroll-fade.visible {
  transform: translateY(0) scale(1);
  opacity: 1
}

.js-scroll-strfade {
  opacity: 0;
  transition: all .8s cubic-bezier(.165, .84, .44, 1);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  will-change: auto
}

.js-scroll-strfade.visible {
  opacity: 1
}

.js-scroll-card {
  opacity: 0;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.js-scroll-card [data-card-image] {
  transform: scale(1.3);
  transition: all .8s cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  will-change: auto
}

.js-scroll-card.visible {
  opacity: 1
}

.js-scroll-card.visible [data-card-image] {
  transform: scale(1)
}

.m-0 {
  margin: 0!important
}

.mt-0, .my-0 {
  margin-top: 0!important
}

.mr-0, .mx-0 {
  margin-right: 0!important
}

.mb-0, .my-0 {
  margin-bottom: 0!important
}

.ml-0, .mx-0 {
  margin-left: 0!important
}

.m-5 {
  margin: 5px!important
}

.mt-5, .my-5 {
  margin-top: 5px!important
}

.mr-5, .mx-5 {
  margin-right: 5px!important
}

.mb-5, .my-5 {
  margin-bottom: 5px!important
}

.ml-5, .mx-5 {
  margin-left: 5px!important
}

.m-10 {
  margin: 10px!important
}

.mt-10, .my-10 {
  margin-top: 10px!important
}

.mr-10, .mx-10 {
  margin-right: 10px!important
}

.mb-10, .my-10 {
  margin-bottom: 10px!important
}

.ml-10, .mx-10 {
  margin-left: 10px!important
}

.m-15 {
  margin: 15px!important
}

.mt-15, .my-15 {
  margin-top: 15px!important
}

.mr-15, .mx-15 {
  margin-right: 15px!important
}

.mb-15, .my-15 {
  margin-bottom: 15px!important
}

.ml-15, .mx-15 {
  margin-left: 15px!important
}

.m-20 {
  margin: 20px!important
}

.mt-20, .my-20 {
  margin-top: 20px!important
}

.mr-20, .mx-20 {
  margin-right: 20px!important
}

.mb-20, .my-20 {
  margin-bottom: 20px!important
}

.ml-20, .mx-20 {
  margin-left: 20px!important
}

.m-25 {
  margin: 25px!important
}

.mt-25, .my-25 {
  margin-top: 25px!important
}

.mr-25, .mx-25 {
  margin-right: 25px!important
}

.mb-25, .my-25 {
  margin-bottom: 25px!important
}

.ml-25, .mx-25 {
  margin-left: 25px!important
}

.m-30 {
  margin: 30px!important
}

.mt-30, .my-30 {
  margin-top: 30px!important
}

.mr-30, .mx-30 {
  margin-right: 30px!important
}

.mb-30, .my-30 {
  margin-bottom: 30px!important
}

.ml-30, .mx-30 {
  margin-left: 30px!important
}

.m-35 {
  margin: 35px!important
}

.mt-35, .my-35 {
  margin-top: 35px!important
}

.mr-35, .mx-35 {
  margin-right: 35px!important
}

.mb-35, .my-35 {
  margin-bottom: 35px!important
}

.ml-35, .mx-35 {
  margin-left: 35px!important
}

.m-40 {
  margin: 40px!important
}

.mt-40, .my-40 {
  margin-top: 40px!important
}

.mr-40, .mx-40 {
  margin-right: 40px!important
}

.mb-40, .my-40 {
  margin-bottom: 40px!important
}

.ml-40, .mx-40 {
  margin-left: 40px!important
}

.m-45 {
  margin: 45px!important
}

.mt-45, .my-45 {
  margin-top: 45px!important
}

.mr-45, .mx-45 {
  margin-right: 45px!important
}

.mb-45, .my-45 {
  margin-bottom: 45px!important
}

.ml-45, .mx-45 {
  margin-left: 45px!important
}

.m-50 {
  margin: 50px!important
}

.mt-50, .my-50 {
  margin-top: 50px!important
}

.mr-50, .mx-50 {
  margin-right: 50px!important
}

.mb-50, .my-50 {
  margin-bottom: 50px!important
}

.ml-50, .mx-50 {
  margin-left: 50px!important
}

.m-55 {
  margin: 55px!important
}

.mt-55, .my-55 {
  margin-top: 55px!important
}

.mr-55, .mx-55 {
  margin-right: 55px!important
}

.mb-55, .my-55 {
  margin-bottom: 55px!important
}

.ml-55, .mx-55 {
  margin-left: 55px!important
}

.m-60 {
  margin: 60px!important
}

.mt-60, .my-60 {
  margin-top: 60px!important
}

.mr-60, .mx-60 {
  margin-right: 60px!important
}

.mb-60, .my-60 {
  margin-bottom: 60px!important
}

.ml-60, .mx-60 {
  margin-left: 60px!important
}

.m-65 {
  margin: 65px!important
}

.mt-65, .my-65 {
  margin-top: 65px!important
}

.mr-65, .mx-65 {
  margin-right: 65px!important
}

.mb-65, .my-65 {
  margin-bottom: 65px!important
}

.ml-65, .mx-65 {
  margin-left: 65px!important
}

.m-70 {
  margin: 70px!important
}

.mt-70, .my-70 {
  margin-top: 70px!important
}

.mr-70, .mx-70 {
  margin-right: 70px!important
}

.mb-70, .my-70 {
  margin-bottom: 70px!important
}

.ml-70, .mx-70 {
  margin-left: 70px!important
}

.m-75 {
  margin: 75px!important
}

.mt-75, .my-75 {
  margin-top: 75px!important
}

.mr-75, .mx-75 {
  margin-right: 75px!important
}

.mb-75, .my-75 {
  margin-bottom: 75px!important
}

.ml-75, .mx-75 {
  margin-left: 75px!important
}

.m-80 {
  margin: 80px!important
}

.mt-80, .my-80 {
  margin-top: 80px!important
}

.mr-80, .mx-80 {
  margin-right: 80px!important
}

.mb-80, .my-80 {
  margin-bottom: 80px!important
}

.ml-80, .mx-80 {
  margin-left: 80px!important
}

.m-85 {
  margin: 85px!important
}

.mt-85, .my-85 {
  margin-top: 85px!important
}

.mr-85, .mx-85 {
  margin-right: 85px!important
}

.mb-85, .my-85 {
  margin-bottom: 85px!important
}

.ml-85, .mx-85 {
  margin-left: 85px!important
}

.m-90 {
  margin: 90px!important
}

.mt-90, .my-90 {
  margin-top: 90px!important
}

.mr-90, .mx-90 {
  margin-right: 90px!important
}

.mb-90, .my-90 {
  margin-bottom: 90px!important
}

.ml-90, .mx-90 {
  margin-left: 90px!important
}

.m-95 {
  margin: 95px!important
}

.mt-95, .my-95 {
  margin-top: 95px!important
}

.mr-95, .mx-95 {
  margin-right: 95px!important
}

.mb-95, .my-95 {
  margin-bottom: 95px!important
}

.ml-95, .mx-95 {
  margin-left: 95px!important
}

.m-100 {
  margin: 100px!important
}

.mt-100, .my-100 {
  margin-top: 100px!important
}

.mr-100, .mx-100 {
  margin-right: 100px!important
}

.mb-100, .my-100 {
  margin-bottom: 100px!important
}

.ml-100, .mx-100 {
  margin-left: 100px!important
}

.p-0 {
  padding: 0!important
}

.pt-0, .py-0 {
  padding-top: 0!important
}

.pr-0, .px-0 {
  padding-right: 0!important
}

.pb-0, .py-0 {
  padding-bottom: 0!important
}

.pl-0, .px-0 {
  padding-left: 0!important
}

.p-5 {
  padding: 5px!important
}

.pt-5, .py-5 {
  padding-top: 5px!important
}

.pr-5, .px-5 {
  padding-right: 5px!important
}

.pb-5, .py-5 {
  padding-bottom: 5px!important
}

.pl-5, .px-5 {
  padding-left: 5px!important
}

.p-10 {
  padding: 10px!important
}

.pt-10, .py-10 {
  padding-top: 10px!important
}

.pr-10, .px-10 {
  padding-right: 10px!important
}

.pb-10, .py-10 {
  padding-bottom: 10px!important
}

.pl-10, .px-10 {
  padding-left: 10px!important
}

.p-15 {
  padding: 15px!important
}

.pt-15, .py-15 {
  padding-top: 15px!important
}

.pr-15, .px-15 {
  padding-right: 15px!important
}

.pb-15, .py-15 {
  padding-bottom: 15px!important
}

.pl-15, .px-15 {
  padding-left: 15px!important
}

.p-20 {
  padding: 20px!important
}

.pt-20, .py-20 {
  padding-top: 20px!important
}

.pr-20, .px-20 {
  padding-right: 20px!important
}

.pb-20, .py-20 {
  padding-bottom: 20px!important
}

.pl-20, .px-20 {
  padding-left: 20px!important
}

.p-25 {
  padding: 25px!important
}

.pt-25, .py-25 {
  padding-top: 25px!important
}

.pr-25, .px-25 {
  padding-right: 25px!important
}

.pb-25, .py-25 {
  padding-bottom: 25px!important
}

.pl-25, .px-25 {
  padding-left: 25px!important
}

.p-30 {
  padding: 30px!important
}

.pt-30, .py-30 {
  padding-top: 30px!important
}

.pr-30, .px-30 {
  padding-right: 30px!important
}

.pb-30, .py-30 {
  padding-bottom: 30px!important
}

.pl-30, .px-30 {
  padding-left: 30px!important
}

.p-35 {
  padding: 35px!important
}

.pt-35, .py-35 {
  padding-top: 35px!important
}

.pr-35, .px-35 {
  padding-right: 35px!important
}

.pb-35, .py-35 {
  padding-bottom: 35px!important
}

.pl-35, .px-35 {
  padding-left: 35px!important
}

.p-40 {
  padding: 40px!important
}

.pt-40, .py-40 {
  padding-top: 40px!important
}

.pr-40, .px-40 {
  padding-right: 40px!important
}

.pb-40, .py-40 {
  padding-bottom: 40px!important
}

.pl-40, .px-40 {
  padding-left: 40px!important
}

.p-45 {
  padding: 45px!important
}

.pt-45, .py-45 {
  padding-top: 45px!important
}

.pr-45, .px-45 {
  padding-right: 45px!important
}

.pb-45, .py-45 {
  padding-bottom: 45px!important
}

.pl-45, .px-45 {
  padding-left: 45px!important
}

.p-50 {
  padding: 50px!important
}

.pt-50, .py-50 {
  padding-top: 50px!important
}

.pr-50, .px-50 {
  padding-right: 50px!important
}

.pb-50, .py-50 {
  padding-bottom: 50px!important
}

.pl-50, .px-50 {
  padding-left: 50px!important
}

.p-55 {
  padding: 55px!important
}

.pt-55, .py-55 {
  padding-top: 55px!important
}

.pr-55, .px-55 {
  padding-right: 55px!important
}

.pb-55, .py-55 {
  padding-bottom: 55px!important
}

.pl-55, .px-55 {
  padding-left: 55px!important
}

.p-60 {
  padding: 60px!important
}

.pt-60, .py-60 {
  padding-top: 60px!important
}

.pr-60, .px-60 {
  padding-right: 60px!important
}

.pb-60, .py-60 {
  padding-bottom: 60px!important
}

.pl-60, .px-60 {
  padding-left: 60px!important
}

.p-65 {
  padding: 65px!important
}

.pt-65, .py-65 {
  padding-top: 65px!important
}

.pr-65, .px-65 {
  padding-right: 65px!important
}

.pb-65, .py-65 {
  padding-bottom: 65px!important
}

.pl-65, .px-65 {
  padding-left: 65px!important
}

.p-70 {
  padding: 70px!important
}

.pt-70, .py-70 {
  padding-top: 70px!important
}

.pr-70, .px-70 {
  padding-right: 70px!important
}

.pb-70, .py-70 {
  padding-bottom: 70px!important
}

.pl-70, .px-70 {
  padding-left: 70px!important
}

.p-75 {
  padding: 75px!important
}

.pt-75, .py-75 {
  padding-top: 75px!important
}

.pr-75, .px-75 {
  padding-right: 75px!important
}

.pb-75, .py-75 {
  padding-bottom: 75px!important
}

.pl-75, .px-75 {
  padding-left: 75px!important
}

.p-80 {
  padding: 80px!important
}

.pt-80, .py-80 {
  padding-top: 80px!important
}

.pr-80, .px-80 {
  padding-right: 80px!important
}

.pb-80, .py-80 {
  padding-bottom: 80px!important
}

.pl-80, .px-80 {
  padding-left: 80px!important
}

.p-85 {
  padding: 85px!important
}

.pt-85, .py-85 {
  padding-top: 85px!important
}

.pr-85, .px-85 {
  padding-right: 85px!important
}

.pb-85, .py-85 {
  padding-bottom: 85px!important
}

.pl-85, .px-85 {
  padding-left: 85px!important
}

.p-90 {
  padding: 90px!important
}

.pt-90, .py-90 {
  padding-top: 90px!important
}

.pr-90, .px-90 {
  padding-right: 90px!important
}

.pb-90, .py-90 {
  padding-bottom: 90px!important
}

.pl-90, .px-90 {
  padding-left: 90px!important
}

.p-95 {
  padding: 95px!important
}

.pt-95, .py-95 {
  padding-top: 95px!important
}

.pr-95, .px-95 {
  padding-right: 95px!important
}

.pb-95, .py-95 {
  padding-bottom: 95px!important
}

.pl-95, .px-95 {
  padding-left: 95px!important
}

.p-100 {
  padding: 100px!important
}

.pt-100, .py-100 {
  padding-top: 100px!important
}

.pr-100, .px-100 {
  padding-right: 100px!important
}

.pb-100, .py-100 {
  padding-bottom: 100px!important
}

.pl-100, .px-100 {
  padding-left: 100px!important
}

.m-auto {
  margin: auto!important
}

.mt-auto, .my-auto {
  margin-top: auto!important
}

.mr-auto, .mx-auto {
  margin-right: auto!important
}

.mb-auto, .my-auto {
  margin-bottom: auto!important
}

.ml-auto, .mx-auto {
  margin-left: auto!important
}

@media (min-width:576px) {
  .m-sm-0 {
    margin: 0!important
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0!important
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0!important
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0!important
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0!important
  }
  .m-sm-5 {
    margin: 5px!important
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 5px!important
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 5px!important
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 5px!important
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 5px!important
  }
  .m-sm-10 {
    margin: 10px!important
  }
  .mt-sm-10, .my-sm-10 {
    margin-top: 10px!important
  }
  .mr-sm-10, .mx-sm-10 {
    margin-right: 10px!important
  }
  .mb-sm-10, .my-sm-10 {
    margin-bottom: 10px!important
  }
  .ml-sm-10, .mx-sm-10 {
    margin-left: 10px!important
  }
  .m-sm-15 {
    margin: 15px!important
  }
  .mt-sm-15, .my-sm-15 {
    margin-top: 15px!important
  }
  .mr-sm-15, .mx-sm-15 {
    margin-right: 15px!important
  }
  .mb-sm-15, .my-sm-15 {
    margin-bottom: 15px!important
  }
  .ml-sm-15, .mx-sm-15 {
    margin-left: 15px!important
  }
  .m-sm-20 {
    margin: 20px!important
  }
  .mt-sm-20, .my-sm-20 {
    margin-top: 20px!important
  }
  .mr-sm-20, .mx-sm-20 {
    margin-right: 20px!important
  }
  .mb-sm-20, .my-sm-20 {
    margin-bottom: 20px!important
  }
  .ml-sm-20, .mx-sm-20 {
    margin-left: 20px!important
  }
  .m-sm-25 {
    margin: 25px!important
  }
  .mt-sm-25, .my-sm-25 {
    margin-top: 25px!important
  }
  .mr-sm-25, .mx-sm-25 {
    margin-right: 25px!important
  }
  .mb-sm-25, .my-sm-25 {
    margin-bottom: 25px!important
  }
  .ml-sm-25, .mx-sm-25 {
    margin-left: 25px!important
  }
  .m-sm-30 {
    margin: 30px!important
  }
  .mt-sm-30, .my-sm-30 {
    margin-top: 30px!important
  }
  .mr-sm-30, .mx-sm-30 {
    margin-right: 30px!important
  }
  .mb-sm-30, .my-sm-30 {
    margin-bottom: 30px!important
  }
  .ml-sm-30, .mx-sm-30 {
    margin-left: 30px!important
  }
  .m-sm-35 {
    margin: 35px!important
  }
  .mt-sm-35, .my-sm-35 {
    margin-top: 35px!important
  }
  .mr-sm-35, .mx-sm-35 {
    margin-right: 35px!important
  }
  .mb-sm-35, .my-sm-35 {
    margin-bottom: 35px!important
  }
  .ml-sm-35, .mx-sm-35 {
    margin-left: 35px!important
  }
  .m-sm-40 {
    margin: 40px!important
  }
  .mt-sm-40, .my-sm-40 {
    margin-top: 40px!important
  }
  .mr-sm-40, .mx-sm-40 {
    margin-right: 40px!important
  }
  .mb-sm-40, .my-sm-40 {
    margin-bottom: 40px!important
  }
  .ml-sm-40, .mx-sm-40 {
    margin-left: 40px!important
  }
  .m-sm-45 {
    margin: 45px!important
  }
  .mt-sm-45, .my-sm-45 {
    margin-top: 45px!important
  }
  .mr-sm-45, .mx-sm-45 {
    margin-right: 45px!important
  }
  .mb-sm-45, .my-sm-45 {
    margin-bottom: 45px!important
  }
  .ml-sm-45, .mx-sm-45 {
    margin-left: 45px!important
  }
  .m-sm-50 {
    margin: 50px!important
  }
  .mt-sm-50, .my-sm-50 {
    margin-top: 50px!important
  }
  .mr-sm-50, .mx-sm-50 {
    margin-right: 50px!important
  }
  .mb-sm-50, .my-sm-50 {
    margin-bottom: 50px!important
  }
  .ml-sm-50, .mx-sm-50 {
    margin-left: 50px!important
  }
  .m-sm-55 {
    margin: 55px!important
  }
  .mt-sm-55, .my-sm-55 {
    margin-top: 55px!important
  }
  .mr-sm-55, .mx-sm-55 {
    margin-right: 55px!important
  }
  .mb-sm-55, .my-sm-55 {
    margin-bottom: 55px!important
  }
  .ml-sm-55, .mx-sm-55 {
    margin-left: 55px!important
  }
  .m-sm-60 {
    margin: 60px!important
  }
  .mt-sm-60, .my-sm-60 {
    margin-top: 60px!important
  }
  .mr-sm-60, .mx-sm-60 {
    margin-right: 60px!important
  }
  .mb-sm-60, .my-sm-60 {
    margin-bottom: 60px!important
  }
  .ml-sm-60, .mx-sm-60 {
    margin-left: 60px!important
  }
  .m-sm-65 {
    margin: 65px!important
  }
  .mt-sm-65, .my-sm-65 {
    margin-top: 65px!important
  }
  .mr-sm-65, .mx-sm-65 {
    margin-right: 65px!important
  }
  .mb-sm-65, .my-sm-65 {
    margin-bottom: 65px!important
  }
  .ml-sm-65, .mx-sm-65 {
    margin-left: 65px!important
  }
  .m-sm-70 {
    margin: 70px!important
  }
  .mt-sm-70, .my-sm-70 {
    margin-top: 70px!important
  }
  .mr-sm-70, .mx-sm-70 {
    margin-right: 70px!important
  }
  .mb-sm-70, .my-sm-70 {
    margin-bottom: 70px!important
  }
  .ml-sm-70, .mx-sm-70 {
    margin-left: 70px!important
  }
  .m-sm-75 {
    margin: 75px!important
  }
  .mt-sm-75, .my-sm-75 {
    margin-top: 75px!important
  }
  .mr-sm-75, .mx-sm-75 {
    margin-right: 75px!important
  }
  .mb-sm-75, .my-sm-75 {
    margin-bottom: 75px!important
  }
  .ml-sm-75, .mx-sm-75 {
    margin-left: 75px!important
  }
  .m-sm-80 {
    margin: 80px!important
  }
  .mt-sm-80, .my-sm-80 {
    margin-top: 80px!important
  }
  .mr-sm-80, .mx-sm-80 {
    margin-right: 80px!important
  }
  .mb-sm-80, .my-sm-80 {
    margin-bottom: 80px!important
  }
  .ml-sm-80, .mx-sm-80 {
    margin-left: 80px!important
  }
  .m-sm-85 {
    margin: 85px!important
  }
  .mt-sm-85, .my-sm-85 {
    margin-top: 85px!important
  }
  .mr-sm-85, .mx-sm-85 {
    margin-right: 85px!important
  }
  .mb-sm-85, .my-sm-85 {
    margin-bottom: 85px!important
  }
  .ml-sm-85, .mx-sm-85 {
    margin-left: 85px!important
  }
  .m-sm-90 {
    margin: 90px!important
  }
  .mt-sm-90, .my-sm-90 {
    margin-top: 90px!important
  }
  .mr-sm-90, .mx-sm-90 {
    margin-right: 90px!important
  }
  .mb-sm-90, .my-sm-90 {
    margin-bottom: 90px!important
  }
  .ml-sm-90, .mx-sm-90 {
    margin-left: 90px!important
  }
  .m-sm-95 {
    margin: 95px!important
  }
  .mt-sm-95, .my-sm-95 {
    margin-top: 95px!important
  }
  .mr-sm-95, .mx-sm-95 {
    margin-right: 95px!important
  }
  .mb-sm-95, .my-sm-95 {
    margin-bottom: 95px!important
  }
  .ml-sm-95, .mx-sm-95 {
    margin-left: 95px!important
  }
  .m-sm-100 {
    margin: 100px!important
  }
  .mt-sm-100, .my-sm-100 {
    margin-top: 100px!important
  }
  .mr-sm-100, .mx-sm-100 {
    margin-right: 100px!important
  }
  .mb-sm-100, .my-sm-100 {
    margin-bottom: 100px!important
  }
  .ml-sm-100, .mx-sm-100 {
    margin-left: 100px!important
  }
  .p-sm-0 {
    padding: 0!important
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0!important
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0!important
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0!important
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0!important
  }
  .p-sm-5 {
    padding: 5px!important
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 5px!important
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 5px!important
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 5px!important
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 5px!important
  }
  .p-sm-10 {
    padding: 10px!important
  }
  .pt-sm-10, .py-sm-10 {
    padding-top: 10px!important
  }
  .pr-sm-10, .px-sm-10 {
    padding-right: 10px!important
  }
  .pb-sm-10, .py-sm-10 {
    padding-bottom: 10px!important
  }
  .pl-sm-10, .px-sm-10 {
    padding-left: 10px!important
  }
  .p-sm-15 {
    padding: 15px!important
  }
  .pt-sm-15, .py-sm-15 {
    padding-top: 15px!important
  }
  .pr-sm-15, .px-sm-15 {
    padding-right: 15px!important
  }
  .pb-sm-15, .py-sm-15 {
    padding-bottom: 15px!important
  }
  .pl-sm-15, .px-sm-15 {
    padding-left: 15px!important
  }
  .p-sm-20 {
    padding: 20px!important
  }
  .pt-sm-20, .py-sm-20 {
    padding-top: 20px!important
  }
  .pr-sm-20, .px-sm-20 {
    padding-right: 20px!important
  }
  .pb-sm-20, .py-sm-20 {
    padding-bottom: 20px!important
  }
  .pl-sm-20, .px-sm-20 {
    padding-left: 20px!important
  }
  .p-sm-25 {
    padding: 25px!important
  }
  .pt-sm-25, .py-sm-25 {
    padding-top: 25px!important
  }
  .pr-sm-25, .px-sm-25 {
    padding-right: 25px!important
  }
  .pb-sm-25, .py-sm-25 {
    padding-bottom: 25px!important
  }
  .pl-sm-25, .px-sm-25 {
    padding-left: 25px!important
  }
  .p-sm-30 {
    padding: 30px!important
  }
  .pt-sm-30, .py-sm-30 {
    padding-top: 30px!important
  }
  .pr-sm-30, .px-sm-30 {
    padding-right: 30px!important
  }
  .pb-sm-30, .py-sm-30 {
    padding-bottom: 30px!important
  }
  .pl-sm-30, .px-sm-30 {
    padding-left: 30px!important
  }
  .p-sm-35 {
    padding: 35px!important
  }
  .pt-sm-35, .py-sm-35 {
    padding-top: 35px!important
  }
  .pr-sm-35, .px-sm-35 {
    padding-right: 35px!important
  }
  .pb-sm-35, .py-sm-35 {
    padding-bottom: 35px!important
  }
  .pl-sm-35, .px-sm-35 {
    padding-left: 35px!important
  }
  .p-sm-40 {
    padding: 40px!important
  }
  .pt-sm-40, .py-sm-40 {
    padding-top: 40px!important
  }
  .pr-sm-40, .px-sm-40 {
    padding-right: 40px!important
  }
  .pb-sm-40, .py-sm-40 {
    padding-bottom: 40px!important
  }
  .pl-sm-40, .px-sm-40 {
    padding-left: 40px!important
  }
  .p-sm-45 {
    padding: 45px!important
  }
  .pt-sm-45, .py-sm-45 {
    padding-top: 45px!important
  }
  .pr-sm-45, .px-sm-45 {
    padding-right: 45px!important
  }
  .pb-sm-45, .py-sm-45 {
    padding-bottom: 45px!important
  }
  .pl-sm-45, .px-sm-45 {
    padding-left: 45px!important
  }
  .p-sm-50 {
    padding: 50px!important
  }
  .pt-sm-50, .py-sm-50 {
    padding-top: 50px!important
  }
  .pr-sm-50, .px-sm-50 {
    padding-right: 50px!important
  }
  .pb-sm-50, .py-sm-50 {
    padding-bottom: 50px!important
  }
  .pl-sm-50, .px-sm-50 {
    padding-left: 50px!important
  }
  .p-sm-55 {
    padding: 55px!important
  }
  .pt-sm-55, .py-sm-55 {
    padding-top: 55px!important
  }
  .pr-sm-55, .px-sm-55 {
    padding-right: 55px!important
  }
  .pb-sm-55, .py-sm-55 {
    padding-bottom: 55px!important
  }
  .pl-sm-55, .px-sm-55 {
    padding-left: 55px!important
  }
  .p-sm-60 {
    padding: 60px!important
  }
  .pt-sm-60, .py-sm-60 {
    padding-top: 60px!important
  }
  .pr-sm-60, .px-sm-60 {
    padding-right: 60px!important
  }
  .pb-sm-60, .py-sm-60 {
    padding-bottom: 60px!important
  }
  .pl-sm-60, .px-sm-60 {
    padding-left: 60px!important
  }
  .p-sm-65 {
    padding: 65px!important
  }
  .pt-sm-65, .py-sm-65 {
    padding-top: 65px!important
  }
  .pr-sm-65, .px-sm-65 {
    padding-right: 65px!important
  }
  .pb-sm-65, .py-sm-65 {
    padding-bottom: 65px!important
  }
  .pl-sm-65, .px-sm-65 {
    padding-left: 65px!important
  }
  .p-sm-70 {
    padding: 70px!important
  }
  .pt-sm-70, .py-sm-70 {
    padding-top: 70px!important
  }
  .pr-sm-70, .px-sm-70 {
    padding-right: 70px!important
  }
  .pb-sm-70, .py-sm-70 {
    padding-bottom: 70px!important
  }
  .pl-sm-70, .px-sm-70 {
    padding-left: 70px!important
  }
  .p-sm-75 {
    padding: 75px!important
  }
  .pt-sm-75, .py-sm-75 {
    padding-top: 75px!important
  }
  .pr-sm-75, .px-sm-75 {
    padding-right: 75px!important
  }
  .pb-sm-75, .py-sm-75 {
    padding-bottom: 75px!important
  }
  .pl-sm-75, .px-sm-75 {
    padding-left: 75px!important
  }
  .p-sm-80 {
    padding: 80px!important
  }
  .pt-sm-80, .py-sm-80 {
    padding-top: 80px!important
  }
  .pr-sm-80, .px-sm-80 {
    padding-right: 80px!important
  }
  .pb-sm-80, .py-sm-80 {
    padding-bottom: 80px!important
  }
  .pl-sm-80, .px-sm-80 {
    padding-left: 80px!important
  }
  .p-sm-85 {
    padding: 85px!important
  }
  .pt-sm-85, .py-sm-85 {
    padding-top: 85px!important
  }
  .pr-sm-85, .px-sm-85 {
    padding-right: 85px!important
  }
  .pb-sm-85, .py-sm-85 {
    padding-bottom: 85px!important
  }
  .pl-sm-85, .px-sm-85 {
    padding-left: 85px!important
  }
  .p-sm-90 {
    padding: 90px!important
  }
  .pt-sm-90, .py-sm-90 {
    padding-top: 90px!important
  }
  .pr-sm-90, .px-sm-90 {
    padding-right: 90px!important
  }
  .pb-sm-90, .py-sm-90 {
    padding-bottom: 90px!important
  }
  .pl-sm-90, .px-sm-90 {
    padding-left: 90px!important
  }
  .p-sm-95 {
    padding: 95px!important
  }
  .pt-sm-95, .py-sm-95 {
    padding-top: 95px!important
  }
  .pr-sm-95, .px-sm-95 {
    padding-right: 95px!important
  }
  .pb-sm-95, .py-sm-95 {
    padding-bottom: 95px!important
  }
  .pl-sm-95, .px-sm-95 {
    padding-left: 95px!important
  }
  .p-sm-100 {
    padding: 100px!important
  }
  .pt-sm-100, .py-sm-100 {
    padding-top: 100px!important
  }
  .pr-sm-100, .px-sm-100 {
    padding-right: 100px!important
  }
  .pb-sm-100, .py-sm-100 {
    padding-bottom: 100px!important
  }
  .pl-sm-100, .px-sm-100 {
    padding-left: 100px!important
  }
  .m-sm-auto {
    margin: auto!important
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto!important
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto!important
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto!important
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto!important
  }
}

@media (min-width:768px) {
  .m-md-0 {
    margin: 0!important
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0!important
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0!important
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0!important
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0!important
  }
  .m-md-5 {
    margin: 5px!important
  }
  .mt-md-5, .my-md-5 {
    margin-top: 5px!important
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 5px!important
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 5px!important
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 5px!important
  }
  .m-md-10 {
    margin: 10px!important
  }
  .mt-md-10, .my-md-10 {
    margin-top: 10px!important
  }
  .mr-md-10, .mx-md-10 {
    margin-right: 10px!important
  }
  .mb-md-10, .my-md-10 {
    margin-bottom: 10px!important
  }
  .ml-md-10, .mx-md-10 {
    margin-left: 10px!important
  }
  .m-md-15 {
    margin: 15px!important
  }
  .mt-md-15, .my-md-15 {
    margin-top: 15px!important
  }
  .mr-md-15, .mx-md-15 {
    margin-right: 15px!important
  }
  .mb-md-15, .my-md-15 {
    margin-bottom: 15px!important
  }
  .ml-md-15, .mx-md-15 {
    margin-left: 15px!important
  }
  .m-md-20 {
    margin: 20px!important
  }
  .mt-md-20, .my-md-20 {
    margin-top: 20px!important
  }
  .mr-md-20, .mx-md-20 {
    margin-right: 20px!important
  }
  .mb-md-20, .my-md-20 {
    margin-bottom: 20px!important
  }
  .ml-md-20, .mx-md-20 {
    margin-left: 20px!important
  }
  .m-md-25 {
    margin: 25px!important
  }
  .mt-md-25, .my-md-25 {
    margin-top: 25px!important
  }
  .mr-md-25, .mx-md-25 {
    margin-right: 25px!important
  }
  .mb-md-25, .my-md-25 {
    margin-bottom: 25px!important
  }
  .ml-md-25, .mx-md-25 {
    margin-left: 25px!important
  }
  .m-md-30 {
    margin: 30px!important
  }
  .mt-md-30, .my-md-30 {
    margin-top: 30px!important
  }
  .mr-md-30, .mx-md-30 {
    margin-right: 30px!important
  }
  .mb-md-30, .my-md-30 {
    margin-bottom: 30px!important
  }
  .ml-md-30, .mx-md-30 {
    margin-left: 30px!important
  }
  .m-md-35 {
    margin: 35px!important
  }
  .mt-md-35, .my-md-35 {
    margin-top: 35px!important
  }
  .mr-md-35, .mx-md-35 {
    margin-right: 35px!important
  }
  .mb-md-35, .my-md-35 {
    margin-bottom: 35px!important
  }
  .ml-md-35, .mx-md-35 {
    margin-left: 35px!important
  }
  .m-md-40 {
    margin: 40px!important
  }
  .mt-md-40, .my-md-40 {
    margin-top: 40px!important
  }
  .mr-md-40, .mx-md-40 {
    margin-right: 40px!important
  }
  .mb-md-40, .my-md-40 {
    margin-bottom: 40px!important
  }
  .ml-md-40, .mx-md-40 {
    margin-left: 40px!important
  }
  .m-md-45 {
    margin: 45px!important
  }
  .mt-md-45, .my-md-45 {
    margin-top: 45px!important
  }
  .mr-md-45, .mx-md-45 {
    margin-right: 45px!important
  }
  .mb-md-45, .my-md-45 {
    margin-bottom: 45px!important
  }
  .ml-md-45, .mx-md-45 {
    margin-left: 45px!important
  }
  .m-md-50 {
    margin: 50px!important
  }
  .mt-md-50, .my-md-50 {
    margin-top: 50px!important
  }
  .mr-md-50, .mx-md-50 {
    margin-right: 50px!important
  }
  .mb-md-50, .my-md-50 {
    margin-bottom: 50px!important
  }
  .ml-md-50, .mx-md-50 {
    margin-left: 50px!important
  }
  .m-md-55 {
    margin: 55px!important
  }
  .mt-md-55, .my-md-55 {
    margin-top: 55px!important
  }
  .mr-md-55, .mx-md-55 {
    margin-right: 55px!important
  }
  .mb-md-55, .my-md-55 {
    margin-bottom: 55px!important
  }
  .ml-md-55, .mx-md-55 {
    margin-left: 55px!important
  }
  .m-md-60 {
    margin: 60px!important
  }
  .mt-md-60, .my-md-60 {
    margin-top: 60px!important
  }
  .mr-md-60, .mx-md-60 {
    margin-right: 60px!important
  }
  .mb-md-60, .my-md-60 {
    margin-bottom: 60px!important
  }
  .ml-md-60, .mx-md-60 {
    margin-left: 60px!important
  }
  .m-md-65 {
    margin: 65px!important
  }
  .mt-md-65, .my-md-65 {
    margin-top: 65px!important
  }
  .mr-md-65, .mx-md-65 {
    margin-right: 65px!important
  }
  .mb-md-65, .my-md-65 {
    margin-bottom: 65px!important
  }
  .ml-md-65, .mx-md-65 {
    margin-left: 65px!important
  }
  .m-md-70 {
    margin: 70px!important
  }
  .mt-md-70, .my-md-70 {
    margin-top: 70px!important
  }
  .mr-md-70, .mx-md-70 {
    margin-right: 70px!important
  }
  .mb-md-70, .my-md-70 {
    margin-bottom: 70px!important
  }
  .ml-md-70, .mx-md-70 {
    margin-left: 70px!important
  }
  .m-md-75 {
    margin: 75px!important
  }
  .mt-md-75, .my-md-75 {
    margin-top: 75px!important
  }
  .mr-md-75, .mx-md-75 {
    margin-right: 75px!important
  }
  .mb-md-75, .my-md-75 {
    margin-bottom: 75px!important
  }
  .ml-md-75, .mx-md-75 {
    margin-left: 75px!important
  }
  .m-md-80 {
    margin: 80px!important
  }
  .mt-md-80, .my-md-80 {
    margin-top: 80px!important
  }
  .mr-md-80, .mx-md-80 {
    margin-right: 80px!important
  }
  .mb-md-80, .my-md-80 {
    margin-bottom: 80px!important
  }
  .ml-md-80, .mx-md-80 {
    margin-left: 80px!important
  }
  .m-md-85 {
    margin: 85px!important
  }
  .mt-md-85, .my-md-85 {
    margin-top: 85px!important
  }
  .mr-md-85, .mx-md-85 {
    margin-right: 85px!important
  }
  .mb-md-85, .my-md-85 {
    margin-bottom: 85px!important
  }
  .ml-md-85, .mx-md-85 {
    margin-left: 85px!important
  }
  .m-md-90 {
    margin: 90px!important
  }
  .mt-md-90, .my-md-90 {
    margin-top: 90px!important
  }
  .mr-md-90, .mx-md-90 {
    margin-right: 90px!important
  }
  .mb-md-90, .my-md-90 {
    margin-bottom: 90px!important
  }
  .ml-md-90, .mx-md-90 {
    margin-left: 90px!important
  }
  .m-md-95 {
    margin: 95px!important
  }
  .mt-md-95, .my-md-95 {
    margin-top: 95px!important
  }
  .mr-md-95, .mx-md-95 {
    margin-right: 95px!important
  }
  .mb-md-95, .my-md-95 {
    margin-bottom: 95px!important
  }
  .ml-md-95, .mx-md-95 {
    margin-left: 95px!important
  }
  .m-md-100 {
    margin: 100px!important
  }
  .mt-md-100, .my-md-100 {
    margin-top: 100px!important
  }
  .mr-md-100, .mx-md-100 {
    margin-right: 100px!important
  }
  .mb-md-100, .my-md-100 {
    margin-bottom: 100px!important
  }
  .ml-md-100, .mx-md-100 {
    margin-left: 100px!important
  }
  .p-md-0 {
    padding: 0!important
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0!important
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0!important
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0!important
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0!important
  }
  .p-md-5 {
    padding: 5px!important
  }
  .pt-md-5, .py-md-5 {
    padding-top: 5px!important
  }
  .pr-md-5, .px-md-5 {
    padding-right: 5px!important
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 5px!important
  }
  .pl-md-5, .px-md-5 {
    padding-left: 5px!important
  }
  .p-md-10 {
    padding: 10px!important
  }
  .pt-md-10, .py-md-10 {
    padding-top: 10px!important
  }
  .pr-md-10, .px-md-10 {
    padding-right: 10px!important
  }
  .pb-md-10, .py-md-10 {
    padding-bottom: 10px!important
  }
  .pl-md-10, .px-md-10 {
    padding-left: 10px!important
  }
  .p-md-15 {
    padding: 15px!important
  }
  .pt-md-15, .py-md-15 {
    padding-top: 15px!important
  }
  .pr-md-15, .px-md-15 {
    padding-right: 15px!important
  }
  .pb-md-15, .py-md-15 {
    padding-bottom: 15px!important
  }
  .pl-md-15, .px-md-15 {
    padding-left: 15px!important
  }
  .p-md-20 {
    padding: 20px!important
  }
  .pt-md-20, .py-md-20 {
    padding-top: 20px!important
  }
  .pr-md-20, .px-md-20 {
    padding-right: 20px!important
  }
  .pb-md-20, .py-md-20 {
    padding-bottom: 20px!important
  }
  .pl-md-20, .px-md-20 {
    padding-left: 20px!important
  }
  .p-md-25 {
    padding: 25px!important
  }
  .pt-md-25, .py-md-25 {
    padding-top: 25px!important
  }
  .pr-md-25, .px-md-25 {
    padding-right: 25px!important
  }
  .pb-md-25, .py-md-25 {
    padding-bottom: 25px!important
  }
  .pl-md-25, .px-md-25 {
    padding-left: 25px!important
  }
  .p-md-30 {
    padding: 30px!important
  }
  .pt-md-30, .py-md-30 {
    padding-top: 30px!important
  }
  .pr-md-30, .px-md-30 {
    padding-right: 30px!important
  }
  .pb-md-30, .py-md-30 {
    padding-bottom: 30px!important
  }
  .pl-md-30, .px-md-30 {
    padding-left: 30px!important
  }
  .p-md-35 {
    padding: 35px!important
  }
  .pt-md-35, .py-md-35 {
    padding-top: 35px!important
  }
  .pr-md-35, .px-md-35 {
    padding-right: 35px!important
  }
  .pb-md-35, .py-md-35 {
    padding-bottom: 35px!important
  }
  .pl-md-35, .px-md-35 {
    padding-left: 35px!important
  }
  .p-md-40 {
    padding: 40px!important
  }
  .pt-md-40, .py-md-40 {
    padding-top: 40px!important
  }
  .pr-md-40, .px-md-40 {
    padding-right: 40px!important
  }
  .pb-md-40, .py-md-40 {
    padding-bottom: 40px!important
  }
  .pl-md-40, .px-md-40 {
    padding-left: 40px!important
  }
  .p-md-45 {
    padding: 45px!important
  }
  .pt-md-45, .py-md-45 {
    padding-top: 45px!important
  }
  .pr-md-45, .px-md-45 {
    padding-right: 45px!important
  }
  .pb-md-45, .py-md-45 {
    padding-bottom: 45px!important
  }
  .pl-md-45, .px-md-45 {
    padding-left: 45px!important
  }
  .p-md-50 {
    padding: 50px!important
  }
  .pt-md-50, .py-md-50 {
    padding-top: 50px!important
  }
  .pr-md-50, .px-md-50 {
    padding-right: 50px!important
  }
  .pb-md-50, .py-md-50 {
    padding-bottom: 50px!important
  }
  .pl-md-50, .px-md-50 {
    padding-left: 50px!important
  }
  .p-md-55 {
    padding: 55px!important
  }
  .pt-md-55, .py-md-55 {
    padding-top: 55px!important
  }
  .pr-md-55, .px-md-55 {
    padding-right: 55px!important
  }
  .pb-md-55, .py-md-55 {
    padding-bottom: 55px!important
  }
  .pl-md-55, .px-md-55 {
    padding-left: 55px!important
  }
  .p-md-60 {
    padding: 60px!important
  }
  .pt-md-60, .py-md-60 {
    padding-top: 60px!important
  }
  .pr-md-60, .px-md-60 {
    padding-right: 60px!important
  }
  .pb-md-60, .py-md-60 {
    padding-bottom: 60px!important
  }
  .pl-md-60, .px-md-60 {
    padding-left: 60px!important
  }
  .p-md-65 {
    padding: 65px!important
  }
  .pt-md-65, .py-md-65 {
    padding-top: 65px!important
  }
  .pr-md-65, .px-md-65 {
    padding-right: 65px!important
  }
  .pb-md-65, .py-md-65 {
    padding-bottom: 65px!important
  }
  .pl-md-65, .px-md-65 {
    padding-left: 65px!important
  }
  .p-md-70 {
    padding: 70px!important
  }
  .pt-md-70, .py-md-70 {
    padding-top: 70px!important
  }
  .pr-md-70, .px-md-70 {
    padding-right: 70px!important
  }
  .pb-md-70, .py-md-70 {
    padding-bottom: 70px!important
  }
  .pl-md-70, .px-md-70 {
    padding-left: 70px!important
  }
  .p-md-75 {
    padding: 75px!important
  }
  .pt-md-75, .py-md-75 {
    padding-top: 75px!important
  }
  .pr-md-75, .px-md-75 {
    padding-right: 75px!important
  }
  .pb-md-75, .py-md-75 {
    padding-bottom: 75px!important
  }
  .pl-md-75, .px-md-75 {
    padding-left: 75px!important
  }
  .p-md-80 {
    padding: 80px!important
  }
  .pt-md-80, .py-md-80 {
    padding-top: 80px!important
  }
  .pr-md-80, .px-md-80 {
    padding-right: 80px!important
  }
  .pb-md-80, .py-md-80 {
    padding-bottom: 80px!important
  }
  .pl-md-80, .px-md-80 {
    padding-left: 80px!important
  }
  .p-md-85 {
    padding: 85px!important
  }
  .pt-md-85, .py-md-85 {
    padding-top: 85px!important
  }
  .pr-md-85, .px-md-85 {
    padding-right: 85px!important
  }
  .pb-md-85, .py-md-85 {
    padding-bottom: 85px!important
  }
  .pl-md-85, .px-md-85 {
    padding-left: 85px!important
  }
  .p-md-90 {
    padding: 90px!important
  }
  .pt-md-90, .py-md-90 {
    padding-top: 90px!important
  }
  .pr-md-90, .px-md-90 {
    padding-right: 90px!important
  }
  .pb-md-90, .py-md-90 {
    padding-bottom: 90px!important
  }
  .pl-md-90, .px-md-90 {
    padding-left: 90px!important
  }
  .p-md-95 {
    padding: 95px!important
  }
  .pt-md-95, .py-md-95 {
    padding-top: 95px!important
  }
  .pr-md-95, .px-md-95 {
    padding-right: 95px!important
  }
  .pb-md-95, .py-md-95 {
    padding-bottom: 95px!important
  }
  .pl-md-95, .px-md-95 {
    padding-left: 95px!important
  }
  .p-md-100 {
    padding: 100px!important
  }
  .pt-md-100, .py-md-100 {
    padding-top: 100px!important
  }
  .pr-md-100, .px-md-100 {
    padding-right: 100px!important
  }
  .pb-md-100, .py-md-100 {
    padding-bottom: 100px!important
  }
  .pl-md-100, .px-md-100 {
    padding-left: 100px!important
  }
  .m-md-auto {
    margin: auto!important
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto!important
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto!important
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto!important
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto!important
  }
}

@media (min-width:992px) {
  .m-lg-0 {
    margin: 0!important
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0!important
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0!important
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0!important
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0!important
  }
  .m-lg-5 {
    margin: 5px!important
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 5px!important
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 5px!important
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 5px!important
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 5px!important
  }
  .m-lg-10 {
    margin: 10px!important
  }
  .mt-lg-10, .my-lg-10 {
    margin-top: 10px!important
  }
  .mr-lg-10, .mx-lg-10 {
    margin-right: 10px!important
  }
  .mb-lg-10, .my-lg-10 {
    margin-bottom: 10px!important
  }
  .ml-lg-10, .mx-lg-10 {
    margin-left: 10px!important
  }
  .m-lg-15 {
    margin: 15px!important
  }
  .mt-lg-15, .my-lg-15 {
    margin-top: 15px!important
  }
  .mr-lg-15, .mx-lg-15 {
    margin-right: 15px!important
  }
  .mb-lg-15, .my-lg-15 {
    margin-bottom: 15px!important
  }
  .ml-lg-15, .mx-lg-15 {
    margin-left: 15px!important
  }
  .m-lg-20 {
    margin: 20px!important
  }
  .mt-lg-20, .my-lg-20 {
    margin-top: 20px!important
  }
  .mr-lg-20, .mx-lg-20 {
    margin-right: 20px!important
  }
  .mb-lg-20, .my-lg-20 {
    margin-bottom: 20px!important
  }
  .ml-lg-20, .mx-lg-20 {
    margin-left: 20px!important
  }
  .m-lg-25 {
    margin: 25px!important
  }
  .mt-lg-25, .my-lg-25 {
    margin-top: 25px!important
  }
  .mr-lg-25, .mx-lg-25 {
    margin-right: 25px!important
  }
  .mb-lg-25, .my-lg-25 {
    margin-bottom: 25px!important
  }
  .ml-lg-25, .mx-lg-25 {
    margin-left: 25px!important
  }
  .m-lg-30 {
    margin: 30px!important
  }
  .mt-lg-30, .my-lg-30 {
    margin-top: 30px!important
  }
  .mr-lg-30, .mx-lg-30 {
    margin-right: 30px!important
  }
  .mb-lg-30, .my-lg-30 {
    margin-bottom: 30px!important
  }
  .ml-lg-30, .mx-lg-30 {
    margin-left: 30px!important
  }
  .m-lg-35 {
    margin: 35px!important
  }
  .mt-lg-35, .my-lg-35 {
    margin-top: 35px!important
  }
  .mr-lg-35, .mx-lg-35 {
    margin-right: 35px!important
  }
  .mb-lg-35, .my-lg-35 {
    margin-bottom: 35px!important
  }
  .ml-lg-35, .mx-lg-35 {
    margin-left: 35px!important
  }
  .m-lg-40 {
    margin: 40px!important
  }
  .mt-lg-40, .my-lg-40 {
    margin-top: 40px!important
  }
  .mr-lg-40, .mx-lg-40 {
    margin-right: 40px!important
  }
  .mb-lg-40, .my-lg-40 {
    margin-bottom: 40px!important
  }
  .ml-lg-40, .mx-lg-40 {
    margin-left: 40px!important
  }
  .m-lg-45 {
    margin: 45px!important
  }
  .mt-lg-45, .my-lg-45 {
    margin-top: 45px!important
  }
  .mr-lg-45, .mx-lg-45 {
    margin-right: 45px!important
  }
  .mb-lg-45, .my-lg-45 {
    margin-bottom: 45px!important
  }
  .ml-lg-45, .mx-lg-45 {
    margin-left: 45px!important
  }
  .m-lg-50 {
    margin: 50px!important
  }
  .mt-lg-50, .my-lg-50 {
    margin-top: 50px!important
  }
  .mr-lg-50, .mx-lg-50 {
    margin-right: 50px!important
  }
  .mb-lg-50, .my-lg-50 {
    margin-bottom: 50px!important
  }
  .ml-lg-50, .mx-lg-50 {
    margin-left: 50px!important
  }
  .m-lg-55 {
    margin: 55px!important
  }
  .mt-lg-55, .my-lg-55 {
    margin-top: 55px!important
  }
  .mr-lg-55, .mx-lg-55 {
    margin-right: 55px!important
  }
  .mb-lg-55, .my-lg-55 {
    margin-bottom: 55px!important
  }
  .ml-lg-55, .mx-lg-55 {
    margin-left: 55px!important
  }
  .m-lg-60 {
    margin: 60px!important
  }
  .mt-lg-60, .my-lg-60 {
    margin-top: 60px!important
  }
  .mr-lg-60, .mx-lg-60 {
    margin-right: 60px!important
  }
  .mb-lg-60, .my-lg-60 {
    margin-bottom: 60px!important
  }
  .ml-lg-60, .mx-lg-60 {
    margin-left: 60px!important
  }
  .m-lg-65 {
    margin: 65px!important
  }
  .mt-lg-65, .my-lg-65 {
    margin-top: 65px!important
  }
  .mr-lg-65, .mx-lg-65 {
    margin-right: 65px!important
  }
  .mb-lg-65, .my-lg-65 {
    margin-bottom: 65px!important
  }
  .ml-lg-65, .mx-lg-65 {
    margin-left: 65px!important
  }
  .m-lg-70 {
    margin: 70px!important
  }
  .mt-lg-70, .my-lg-70 {
    margin-top: 70px!important
  }
  .mr-lg-70, .mx-lg-70 {
    margin-right: 70px!important
  }
  .mb-lg-70, .my-lg-70 {
    margin-bottom: 70px!important
  }
  .ml-lg-70, .mx-lg-70 {
    margin-left: 70px!important
  }
  .m-lg-75 {
    margin: 75px!important
  }
  .mt-lg-75, .my-lg-75 {
    margin-top: 75px!important
  }
  .mr-lg-75, .mx-lg-75 {
    margin-right: 75px!important
  }
  .mb-lg-75, .my-lg-75 {
    margin-bottom: 75px!important
  }
  .ml-lg-75, .mx-lg-75 {
    margin-left: 75px!important
  }
  .m-lg-80 {
    margin: 80px!important
  }
  .mt-lg-80, .my-lg-80 {
    margin-top: 80px!important
  }
  .mr-lg-80, .mx-lg-80 {
    margin-right: 80px!important
  }
  .mb-lg-80, .my-lg-80 {
    margin-bottom: 80px!important
  }
  .ml-lg-80, .mx-lg-80 {
    margin-left: 80px!important
  }
  .m-lg-85 {
    margin: 85px!important
  }
  .mt-lg-85, .my-lg-85 {
    margin-top: 85px!important
  }
  .mr-lg-85, .mx-lg-85 {
    margin-right: 85px!important
  }
  .mb-lg-85, .my-lg-85 {
    margin-bottom: 85px!important
  }
  .ml-lg-85, .mx-lg-85 {
    margin-left: 85px!important
  }
  .m-lg-90 {
    margin: 90px!important
  }
  .mt-lg-90, .my-lg-90 {
    margin-top: 90px!important
  }
  .mr-lg-90, .mx-lg-90 {
    margin-right: 90px!important
  }
  .mb-lg-90, .my-lg-90 {
    margin-bottom: 90px!important
  }
  .ml-lg-90, .mx-lg-90 {
    margin-left: 90px!important
  }
  .m-lg-95 {
    margin: 95px!important
  }
  .mt-lg-95, .my-lg-95 {
    margin-top: 95px!important
  }
  .mr-lg-95, .mx-lg-95 {
    margin-right: 95px!important
  }
  .mb-lg-95, .my-lg-95 {
    margin-bottom: 95px!important
  }
  .ml-lg-95, .mx-lg-95 {
    margin-left: 95px!important
  }
  .m-lg-100 {
    margin: 100px!important
  }
  .mt-lg-100, .my-lg-100 {
    margin-top: 100px!important
  }
  .mr-lg-100, .mx-lg-100 {
    margin-right: 100px!important
  }
  .mb-lg-100, .my-lg-100 {
    margin-bottom: 100px!important
  }
  .ml-lg-100, .mx-lg-100 {
    margin-left: 100px!important
  }
  .p-lg-0 {
    padding: 0!important
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0!important
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0!important
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0!important
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0!important
  }
  .p-lg-5 {
    padding: 5px!important
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 5px!important
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 5px!important
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 5px!important
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 5px!important
  }
  .p-lg-10 {
    padding: 10px!important
  }
  .pt-lg-10, .py-lg-10 {
    padding-top: 10px!important
  }
  .pr-lg-10, .px-lg-10 {
    padding-right: 10px!important
  }
  .pb-lg-10, .py-lg-10 {
    padding-bottom: 10px!important
  }
  .pl-lg-10, .px-lg-10 {
    padding-left: 10px!important
  }
  .p-lg-15 {
    padding: 15px!important
  }
  .pt-lg-15, .py-lg-15 {
    padding-top: 15px!important
  }
  .pr-lg-15, .px-lg-15 {
    padding-right: 15px!important
  }
  .pb-lg-15, .py-lg-15 {
    padding-bottom: 15px!important
  }
  .pl-lg-15, .px-lg-15 {
    padding-left: 15px!important
  }
  .p-lg-20 {
    padding: 20px!important
  }
  .pt-lg-20, .py-lg-20 {
    padding-top: 20px!important
  }
  .pr-lg-20, .px-lg-20 {
    padding-right: 20px!important
  }
  .pb-lg-20, .py-lg-20 {
    padding-bottom: 20px!important
  }
  .pl-lg-20, .px-lg-20 {
    padding-left: 20px!important
  }
  .p-lg-25 {
    padding: 25px!important
  }
  .pt-lg-25, .py-lg-25 {
    padding-top: 25px!important
  }
  .pr-lg-25, .px-lg-25 {
    padding-right: 25px!important
  }
  .pb-lg-25, .py-lg-25 {
    padding-bottom: 25px!important
  }
  .pl-lg-25, .px-lg-25 {
    padding-left: 25px!important
  }
  .p-lg-30 {
    padding: 30px!important
  }
  .pt-lg-30, .py-lg-30 {
    padding-top: 30px!important
  }
  .pr-lg-30, .px-lg-30 {
    padding-right: 30px!important
  }
  .pb-lg-30, .py-lg-30 {
    padding-bottom: 30px!important
  }
  .pl-lg-30, .px-lg-30 {
    padding-left: 30px!important
  }
  .p-lg-35 {
    padding: 35px!important
  }
  .pt-lg-35, .py-lg-35 {
    padding-top: 35px!important
  }
  .pr-lg-35, .px-lg-35 {
    padding-right: 35px!important
  }
  .pb-lg-35, .py-lg-35 {
    padding-bottom: 35px!important
  }
  .pl-lg-35, .px-lg-35 {
    padding-left: 35px!important
  }
  .p-lg-40 {
    padding: 40px!important
  }
  .pt-lg-40, .py-lg-40 {
    padding-top: 40px!important
  }
  .pr-lg-40, .px-lg-40 {
    padding-right: 40px!important
  }
  .pb-lg-40, .py-lg-40 {
    padding-bottom: 40px!important
  }
  .pl-lg-40, .px-lg-40 {
    padding-left: 40px!important
  }
  .p-lg-45 {
    padding: 45px!important
  }
  .pt-lg-45, .py-lg-45 {
    padding-top: 45px!important
  }
  .pr-lg-45, .px-lg-45 {
    padding-right: 45px!important
  }
  .pb-lg-45, .py-lg-45 {
    padding-bottom: 45px!important
  }
  .pl-lg-45, .px-lg-45 {
    padding-left: 45px!important
  }
  .p-lg-50 {
    padding: 50px!important
  }
  .pt-lg-50, .py-lg-50 {
    padding-top: 50px!important
  }
  .pr-lg-50, .px-lg-50 {
    padding-right: 50px!important
  }
  .pb-lg-50, .py-lg-50 {
    padding-bottom: 50px!important
  }
  .pl-lg-50, .px-lg-50 {
    padding-left: 50px!important
  }
  .p-lg-55 {
    padding: 55px!important
  }
  .pt-lg-55, .py-lg-55 {
    padding-top: 55px!important
  }
  .pr-lg-55, .px-lg-55 {
    padding-right: 55px!important
  }
  .pb-lg-55, .py-lg-55 {
    padding-bottom: 55px!important
  }
  .pl-lg-55, .px-lg-55 {
    padding-left: 55px!important
  }
  .p-lg-60 {
    padding: 60px!important
  }
  .pt-lg-60, .py-lg-60 {
    padding-top: 60px!important
  }
  .pr-lg-60, .px-lg-60 {
    padding-right: 60px!important
  }
  .pb-lg-60, .py-lg-60 {
    padding-bottom: 60px!important
  }
  .pl-lg-60, .px-lg-60 {
    padding-left: 60px!important
  }
  .p-lg-65 {
    padding: 65px!important
  }
  .pt-lg-65, .py-lg-65 {
    padding-top: 65px!important
  }
  .pr-lg-65, .px-lg-65 {
    padding-right: 65px!important
  }
  .pb-lg-65, .py-lg-65 {
    padding-bottom: 65px!important
  }
  .pl-lg-65, .px-lg-65 {
    padding-left: 65px!important
  }
  .p-lg-70 {
    padding: 70px!important
  }
  .pt-lg-70, .py-lg-70 {
    padding-top: 70px!important
  }
  .pr-lg-70, .px-lg-70 {
    padding-right: 70px!important
  }
  .pb-lg-70, .py-lg-70 {
    padding-bottom: 70px!important
  }
  .pl-lg-70, .px-lg-70 {
    padding-left: 70px!important
  }
  .p-lg-75 {
    padding: 75px!important
  }
  .pt-lg-75, .py-lg-75 {
    padding-top: 75px!important
  }
  .pr-lg-75, .px-lg-75 {
    padding-right: 75px!important
  }
  .pb-lg-75, .py-lg-75 {
    padding-bottom: 75px!important
  }
  .pl-lg-75, .px-lg-75 {
    padding-left: 75px!important
  }
  .p-lg-80 {
    padding: 80px!important
  }
  .pt-lg-80, .py-lg-80 {
    padding-top: 80px!important
  }
  .pr-lg-80, .px-lg-80 {
    padding-right: 80px!important
  }
  .pb-lg-80, .py-lg-80 {
    padding-bottom: 80px!important
  }
  .pl-lg-80, .px-lg-80 {
    padding-left: 80px!important
  }
  .p-lg-85 {
    padding: 85px!important
  }
  .pt-lg-85, .py-lg-85 {
    padding-top: 85px!important
  }
  .pr-lg-85, .px-lg-85 {
    padding-right: 85px!important
  }
  .pb-lg-85, .py-lg-85 {
    padding-bottom: 85px!important
  }
  .pl-lg-85, .px-lg-85 {
    padding-left: 85px!important
  }
  .p-lg-90 {
    padding: 90px!important
  }
  .pt-lg-90, .py-lg-90 {
    padding-top: 90px!important
  }
  .pr-lg-90, .px-lg-90 {
    padding-right: 90px!important
  }
  .pb-lg-90, .py-lg-90 {
    padding-bottom: 90px!important
  }
  .pl-lg-90, .px-lg-90 {
    padding-left: 90px!important
  }
  .p-lg-95 {
    padding: 95px!important
  }
  .pt-lg-95, .py-lg-95 {
    padding-top: 95px!important
  }
  .pr-lg-95, .px-lg-95 {
    padding-right: 95px!important
  }
  .pb-lg-95, .py-lg-95 {
    padding-bottom: 95px!important
  }
  .pl-lg-95, .px-lg-95 {
    padding-left: 95px!important
  }
  .p-lg-100 {
    padding: 100px!important
  }
  .pt-lg-100, .py-lg-100 {
    padding-top: 100px!important
  }
  .pr-lg-100, .px-lg-100 {
    padding-right: 100px!important
  }
  .pb-lg-100, .py-lg-100 {
    padding-bottom: 100px!important
  }
  .pl-lg-100, .px-lg-100 {
    padding-left: 100px!important
  }
  .m-lg-auto {
    margin: auto!important
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto!important
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto!important
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto!important
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto!important
  }
}

@media (min-width:1200px) {
  .m-xl-0 {
    margin: 0!important
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0!important
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0!important
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0!important
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0!important
  }
  .m-xl-5 {
    margin: 5px!important
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 5px!important
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 5px!important
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 5px!important
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 5px!important
  }
  .m-xl-10 {
    margin: 10px!important
  }
  .mt-xl-10, .my-xl-10 {
    margin-top: 10px!important
  }
  .mr-xl-10, .mx-xl-10 {
    margin-right: 10px!important
  }
  .mb-xl-10, .my-xl-10 {
    margin-bottom: 10px!important
  }
  .ml-xl-10, .mx-xl-10 {
    margin-left: 10px!important
  }
  .m-xl-15 {
    margin: 15px!important
  }
  .mt-xl-15, .my-xl-15 {
    margin-top: 15px!important
  }
  .mr-xl-15, .mx-xl-15 {
    margin-right: 15px!important
  }
  .mb-xl-15, .my-xl-15 {
    margin-bottom: 15px!important
  }
  .ml-xl-15, .mx-xl-15 {
    margin-left: 15px!important
  }
  .m-xl-20 {
    margin: 20px!important
  }
  .mt-xl-20, .my-xl-20 {
    margin-top: 20px!important
  }
  .mr-xl-20, .mx-xl-20 {
    margin-right: 20px!important
  }
  .mb-xl-20, .my-xl-20 {
    margin-bottom: 20px!important
  }
  .ml-xl-20, .mx-xl-20 {
    margin-left: 20px!important
  }
  .m-xl-25 {
    margin: 25px!important
  }
  .mt-xl-25, .my-xl-25 {
    margin-top: 25px!important
  }
  .mr-xl-25, .mx-xl-25 {
    margin-right: 25px!important
  }
  .mb-xl-25, .my-xl-25 {
    margin-bottom: 25px!important
  }
  .ml-xl-25, .mx-xl-25 {
    margin-left: 25px!important
  }
  .m-xl-30 {
    margin: 30px!important
  }
  .mt-xl-30, .my-xl-30 {
    margin-top: 30px!important
  }
  .mr-xl-30, .mx-xl-30 {
    margin-right: 30px!important
  }
  .mb-xl-30, .my-xl-30 {
    margin-bottom: 30px!important
  }
  .ml-xl-30, .mx-xl-30 {
    margin-left: 30px!important
  }
  .m-xl-35 {
    margin: 35px!important
  }
  .mt-xl-35, .my-xl-35 {
    margin-top: 35px!important
  }
  .mr-xl-35, .mx-xl-35 {
    margin-right: 35px!important
  }
  .mb-xl-35, .my-xl-35 {
    margin-bottom: 35px!important
  }
  .ml-xl-35, .mx-xl-35 {
    margin-left: 35px!important
  }
  .m-xl-40 {
    margin: 40px!important
  }
  .mt-xl-40, .my-xl-40 {
    margin-top: 40px!important
  }
  .mr-xl-40, .mx-xl-40 {
    margin-right: 40px!important
  }
  .mb-xl-40, .my-xl-40 {
    margin-bottom: 40px!important
  }
  .ml-xl-40, .mx-xl-40 {
    margin-left: 40px!important
  }
  .m-xl-45 {
    margin: 45px!important
  }
  .mt-xl-45, .my-xl-45 {
    margin-top: 45px!important
  }
  .mr-xl-45, .mx-xl-45 {
    margin-right: 45px!important
  }
  .mb-xl-45, .my-xl-45 {
    margin-bottom: 45px!important
  }
  .ml-xl-45, .mx-xl-45 {
    margin-left: 45px!important
  }
  .m-xl-50 {
    margin: 50px!important
  }
  .mt-xl-50, .my-xl-50 {
    margin-top: 50px!important
  }
  .mr-xl-50, .mx-xl-50 {
    margin-right: 50px!important
  }
  .mb-xl-50, .my-xl-50 {
    margin-bottom: 50px!important
  }
  .ml-xl-50, .mx-xl-50 {
    margin-left: 50px!important
  }
  .m-xl-55 {
    margin: 55px!important
  }
  .mt-xl-55, .my-xl-55 {
    margin-top: 55px!important
  }
  .mr-xl-55, .mx-xl-55 {
    margin-right: 55px!important
  }
  .mb-xl-55, .my-xl-55 {
    margin-bottom: 55px!important
  }
  .ml-xl-55, .mx-xl-55 {
    margin-left: 55px!important
  }
  .m-xl-60 {
    margin: 60px!important
  }
  .mt-xl-60, .my-xl-60 {
    margin-top: 60px!important
  }
  .mr-xl-60, .mx-xl-60 {
    margin-right: 60px!important
  }
  .mb-xl-60, .my-xl-60 {
    margin-bottom: 60px!important
  }
  .ml-xl-60, .mx-xl-60 {
    margin-left: 60px!important
  }
  .m-xl-65 {
    margin: 65px!important
  }
  .mt-xl-65, .my-xl-65 {
    margin-top: 65px!important
  }
  .mr-xl-65, .mx-xl-65 {
    margin-right: 65px!important
  }
  .mb-xl-65, .my-xl-65 {
    margin-bottom: 65px!important
  }
  .ml-xl-65, .mx-xl-65 {
    margin-left: 65px!important
  }
  .m-xl-70 {
    margin: 70px!important
  }
  .mt-xl-70, .my-xl-70 {
    margin-top: 70px!important
  }
  .mr-xl-70, .mx-xl-70 {
    margin-right: 70px!important
  }
  .mb-xl-70, .my-xl-70 {
    margin-bottom: 70px!important
  }
  .ml-xl-70, .mx-xl-70 {
    margin-left: 70px!important
  }
  .m-xl-75 {
    margin: 75px!important
  }
  .mt-xl-75, .my-xl-75 {
    margin-top: 75px!important
  }
  .mr-xl-75, .mx-xl-75 {
    margin-right: 75px!important
  }
  .mb-xl-75, .my-xl-75 {
    margin-bottom: 75px!important
  }
  .ml-xl-75, .mx-xl-75 {
    margin-left: 75px!important
  }
  .m-xl-80 {
    margin: 80px!important
  }
  .mt-xl-80, .my-xl-80 {
    margin-top: 80px!important
  }
  .mr-xl-80, .mx-xl-80 {
    margin-right: 80px!important
  }
  .mb-xl-80, .my-xl-80 {
    margin-bottom: 80px!important
  }
  .ml-xl-80, .mx-xl-80 {
    margin-left: 80px!important
  }
  .m-xl-85 {
    margin: 85px!important
  }
  .mt-xl-85, .my-xl-85 {
    margin-top: 85px!important
  }
  .mr-xl-85, .mx-xl-85 {
    margin-right: 85px!important
  }
  .mb-xl-85, .my-xl-85 {
    margin-bottom: 85px!important
  }
  .ml-xl-85, .mx-xl-85 {
    margin-left: 85px!important
  }
  .m-xl-90 {
    margin: 90px!important
  }
  .mt-xl-90, .my-xl-90 {
    margin-top: 90px!important
  }
  .mr-xl-90, .mx-xl-90 {
    margin-right: 90px!important
  }
  .mb-xl-90, .my-xl-90 {
    margin-bottom: 90px!important
  }
  .ml-xl-90, .mx-xl-90 {
    margin-left: 90px!important
  }
  .m-xl-95 {
    margin: 95px!important
  }
  .mt-xl-95, .my-xl-95 {
    margin-top: 95px!important
  }
  .mr-xl-95, .mx-xl-95 {
    margin-right: 95px!important
  }
  .mb-xl-95, .my-xl-95 {
    margin-bottom: 95px!important
  }
  .ml-xl-95, .mx-xl-95 {
    margin-left: 95px!important
  }
  .m-xl-100 {
    margin: 100px!important
  }
  .mt-xl-100, .my-xl-100 {
    margin-top: 100px!important
  }
  .mr-xl-100, .mx-xl-100 {
    margin-right: 100px!important
  }
  .mb-xl-100, .my-xl-100 {
    margin-bottom: 100px!important
  }
  .ml-xl-100, .mx-xl-100 {
    margin-left: 100px!important
  }
  .p-xl-0 {
    padding: 0!important
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0!important
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0!important
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0!important
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0!important
  }
  .p-xl-5 {
    padding: 5px!important
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 5px!important
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 5px!important
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 5px!important
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 5px!important
  }
  .p-xl-10 {
    padding: 10px!important
  }
  .pt-xl-10, .py-xl-10 {
    padding-top: 10px!important
  }
  .pr-xl-10, .px-xl-10 {
    padding-right: 10px!important
  }
  .pb-xl-10, .py-xl-10 {
    padding-bottom: 10px!important
  }
  .pl-xl-10, .px-xl-10 {
    padding-left: 10px!important
  }
  .p-xl-15 {
    padding: 15px!important
  }
  .pt-xl-15, .py-xl-15 {
    padding-top: 15px!important
  }
  .pr-xl-15, .px-xl-15 {
    padding-right: 15px!important
  }
  .pb-xl-15, .py-xl-15 {
    padding-bottom: 15px!important
  }
  .pl-xl-15, .px-xl-15 {
    padding-left: 15px!important
  }
  .p-xl-20 {
    padding: 20px!important
  }
  .pt-xl-20, .py-xl-20 {
    padding-top: 20px!important
  }
  .pr-xl-20, .px-xl-20 {
    padding-right: 20px!important
  }
  .pb-xl-20, .py-xl-20 {
    padding-bottom: 20px!important
  }
  .pl-xl-20, .px-xl-20 {
    padding-left: 20px!important
  }
  .p-xl-25 {
    padding: 25px!important
  }
  .pt-xl-25, .py-xl-25 {
    padding-top: 25px!important
  }
  .pr-xl-25, .px-xl-25 {
    padding-right: 25px!important
  }
  .pb-xl-25, .py-xl-25 {
    padding-bottom: 25px!important
  }
  .pl-xl-25, .px-xl-25 {
    padding-left: 25px!important
  }
  .p-xl-30 {
    padding: 30px!important
  }
  .pt-xl-30, .py-xl-30 {
    padding-top: 30px!important
  }
  .pr-xl-30, .px-xl-30 {
    padding-right: 30px!important
  }
  .pb-xl-30, .py-xl-30 {
    padding-bottom: 30px!important
  }
  .pl-xl-30, .px-xl-30 {
    padding-left: 30px!important
  }
  .p-xl-35 {
    padding: 35px!important
  }
  .pt-xl-35, .py-xl-35 {
    padding-top: 35px!important
  }
  .pr-xl-35, .px-xl-35 {
    padding-right: 35px!important
  }
  .pb-xl-35, .py-xl-35 {
    padding-bottom: 35px!important
  }
  .pl-xl-35, .px-xl-35 {
    padding-left: 35px!important
  }
  .p-xl-40 {
    padding: 40px!important
  }
  .pt-xl-40, .py-xl-40 {
    padding-top: 40px!important
  }
  .pr-xl-40, .px-xl-40 {
    padding-right: 40px!important
  }
  .pb-xl-40, .py-xl-40 {
    padding-bottom: 40px!important
  }
  .pl-xl-40, .px-xl-40 {
    padding-left: 40px!important
  }
  .p-xl-45 {
    padding: 45px!important
  }
  .pt-xl-45, .py-xl-45 {
    padding-top: 45px!important
  }
  .pr-xl-45, .px-xl-45 {
    padding-right: 45px!important
  }
  .pb-xl-45, .py-xl-45 {
    padding-bottom: 45px!important
  }
  .pl-xl-45, .px-xl-45 {
    padding-left: 45px!important
  }
  .p-xl-50 {
    padding: 50px!important
  }
  .pt-xl-50, .py-xl-50 {
    padding-top: 50px!important
  }
  .pr-xl-50, .px-xl-50 {
    padding-right: 50px!important
  }
  .pb-xl-50, .py-xl-50 {
    padding-bottom: 50px!important
  }
  .pl-xl-50, .px-xl-50 {
    padding-left: 50px!important
  }
  .p-xl-55 {
    padding: 55px!important
  }
  .pt-xl-55, .py-xl-55 {
    padding-top: 55px!important
  }
  .pr-xl-55, .px-xl-55 {
    padding-right: 55px!important
  }
  .pb-xl-55, .py-xl-55 {
    padding-bottom: 55px!important
  }
  .pl-xl-55, .px-xl-55 {
    padding-left: 55px!important
  }
  .p-xl-60 {
    padding: 60px!important
  }
  .pt-xl-60, .py-xl-60 {
    padding-top: 60px!important
  }
  .pr-xl-60, .px-xl-60 {
    padding-right: 60px!important
  }
  .pb-xl-60, .py-xl-60 {
    padding-bottom: 60px!important
  }
  .pl-xl-60, .px-xl-60 {
    padding-left: 60px!important
  }
  .p-xl-65 {
    padding: 65px!important
  }
  .pt-xl-65, .py-xl-65 {
    padding-top: 65px!important
  }
  .pr-xl-65, .px-xl-65 {
    padding-right: 65px!important
  }
  .pb-xl-65, .py-xl-65 {
    padding-bottom: 65px!important
  }
  .pl-xl-65, .px-xl-65 {
    padding-left: 65px!important
  }
  .p-xl-70 {
    padding: 70px!important
  }
  .pt-xl-70, .py-xl-70 {
    padding-top: 70px!important
  }
  .pr-xl-70, .px-xl-70 {
    padding-right: 70px!important
  }
  .pb-xl-70, .py-xl-70 {
    padding-bottom: 70px!important
  }
  .pl-xl-70, .px-xl-70 {
    padding-left: 70px!important
  }
  .p-xl-75 {
    padding: 75px!important
  }
  .pt-xl-75, .py-xl-75 {
    padding-top: 75px!important
  }
  .pr-xl-75, .px-xl-75 {
    padding-right: 75px!important
  }
  .pb-xl-75, .py-xl-75 {
    padding-bottom: 75px!important
  }
  .pl-xl-75, .px-xl-75 {
    padding-left: 75px!important
  }
  .p-xl-80 {
    padding: 80px!important
  }
  .pt-xl-80, .py-xl-80 {
    padding-top: 80px!important
  }
  .pr-xl-80, .px-xl-80 {
    padding-right: 80px!important
  }
  .pb-xl-80, .py-xl-80 {
    padding-bottom: 80px!important
  }
  .pl-xl-80, .px-xl-80 {
    padding-left: 80px!important
  }
  .p-xl-85 {
    padding: 85px!important
  }
  .pt-xl-85, .py-xl-85 {
    padding-top: 85px!important
  }
  .pr-xl-85, .px-xl-85 {
    padding-right: 85px!important
  }
  .pb-xl-85, .py-xl-85 {
    padding-bottom: 85px!important
  }
  .pl-xl-85, .px-xl-85 {
    padding-left: 85px!important
  }
  .p-xl-90 {
    padding: 90px!important
  }
  .pt-xl-90, .py-xl-90 {
    padding-top: 90px!important
  }
  .pr-xl-90, .px-xl-90 {
    padding-right: 90px!important
  }
  .pb-xl-90, .py-xl-90 {
    padding-bottom: 90px!important
  }
  .pl-xl-90, .px-xl-90 {
    padding-left: 90px!important
  }
  .p-xl-95 {
    padding: 95px!important
  }
  .pt-xl-95, .py-xl-95 {
    padding-top: 95px!important
  }
  .pr-xl-95, .px-xl-95 {
    padding-right: 95px!important
  }
  .pb-xl-95, .py-xl-95 {
    padding-bottom: 95px!important
  }
  .pl-xl-95, .px-xl-95 {
    padding-left: 95px!important
  }
  .p-xl-100 {
    padding: 100px!important
  }
  .pt-xl-100, .py-xl-100 {
    padding-top: 100px!important
  }
  .pr-xl-100, .px-xl-100 {
    padding-right: 100px!important
  }
  .pb-xl-100, .py-xl-100 {
    padding-bottom: 100px!important
  }
  .pl-xl-100, .px-xl-100 {
    padding-left: 100px!important
  }
  .m-xl-auto {
    margin: auto!important
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto!important
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto!important
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto!important
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto!important
  }
}

.u-text-v-rl {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  display: inline;
  vertical-align: top;
  writing-mode: vertical-rl
}

@media (max-width:991px) {
  .u-text-v-rl {
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: inherit;
    display: block;
    writing-mode: horizontal-tb
  }
}

.u-text-v-lr {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  display: inline;
  vertical-align: top;
  writing-mode: vertical-lr
}

@media (max-width:991px) {
  .u-text-v-lr {
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: inherit;
    display: block;
    writing-mode: horizontal-tb
  }
}

#l-aside__blog {
  z-index: 2;
  position: relative
}

#l-aside__blog .l-aside__blog--wrapper {
  padding: 80px 0;
  background-color: #fff
}

@media (max-width:991px) {
  #l-aside__blog .l-aside__blog--wrapper {
    padding: 60px 0
  }
}

#l-aside__blog .l-aside__blog--title {
  margin-bottom: 40px
}

#l-aside__blog .l-aside__blog--content-wrapper {
  position: relative
}

#l-aside__blog .l-aside__blog--content-wrapper .l-aside__blog--more {
  position: absolute;
  top: 10px;
  right: 0
}

@media (max-width:767px) {
  #l-aside__blog .l-aside__blog--content-wrapper .l-aside__blog--more {
    position: relative;
    top: 0;
    margin-top: 30px;
    text-align: center
  }
}

#l-aside__blog .l-aside__blog--content-wrapper .l-aside__blog--more .l-aside__blog--button {
  min-width: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px
}

#l-aside__contact {
  z-index: 2;
  position: relative
}

#l-aside__contact .l-aside__contact--wrapper {
  padding: 100px 0;
  background: #f2f2f2
}

@media (max-width:991px) {
  #l-aside__contact .l-aside__contact--wrapper {
    padding: 80px 0
  }
}

#l-aside__contact .l-aside__contact--title {
  margin-bottom: 30px
}

#l-aside__contact .l-aside__contact--text {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 160%
}

@media (max-width:991px) {
  #l-aside__contact .l-aside__contact--text {
    margin-bottom: 20px
  }
}

#l-aside__contact .l-aside__contact--office {
  margin-bottom: 40px
}

@media (max-width:991px) {
  #l-aside__contact .l-aside__contact--office {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto
  }
}

@media (min-width:992px) {
  #l-aside__contact .l-aside__contact--office .l-aside__contact--office-item {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto
  }
}

@media (max-width:991px) {
  #l-aside__contact .l-aside__contact--office .l-aside__contact--office-item {
    margin-top: 20px;
    text-align: center
  }
}

#l-aside__contact .l-aside__contact--office .l-aside__contact--office-name {
  margin-bottom: 10px;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.2px
}

#l-aside__contact .l-aside__contact--office .l-aside__contact--office-address {
  color: #8c96a9;
  font-size: 14px;
  letter-spacing: .5px
}

#l-aside__contact .l-aside__contact--office .l-aside__contact--office-tel {
  color: #8c96a9;
  letter-spacing: .5px
}

#l-aside__contact .l-aside__contact--button {
  font-size: 14px
}

.l-hamburger {
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transform: translateZ(0);
  display: none;
  z-index: 10001;
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: none;
  background: none;
  text-align: center;
  cursor: pointer;
  transition: all .4s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.l-hamburger:focus {
  outline: none
}

@media (max-width:1279px) {
  .l-hamburger {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    background: #037cae;
    padding: 2.85em;
  }
  .l-hamburger:after {
    content: none
  }
}
@media (max-width:991px) {
  .l-hamburger {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    padding: 1.5em;
  }
}
@media (max-width:767px) {
  .l-hamburger {
    width: 55px;
    height: 55px
  }
}

.l-hamburger .l-hamburger__bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px;
  margin-top: -.8px;
  margin-left: -11px;
  border-radius: 1px;
  background: #037cae;
  transition: all .6s cubic-bezier(1, 0, 0, 1);
  transition-delay: .5s;
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  will-change: auto
}
@media (max-width:1279px) {
.l-hamburger .l-hamburger__bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px;
  margin-top: -.8px;
  margin-left: -11px;
  border-radius: 1px;
  background: #fff;
  transition: all .6s cubic-bezier(1, 0, 0, 1);
  transition-delay: .5s;
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  will-change: auto
}
}
.l-hamburger .l-hamburger__bar:before {
  transform: translateY(-7px)
}

.l-hamburger .l-hamburger__bar:after, .l-hamburger .l-hamburger__bar:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #037cae;
  content: "";
  transition: all .4s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}
@media (max-width:1279px) {
.l-hamburger .l-hamburger__bar:after, .l-hamburger .l-hamburger__bar:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff !important;
  content: "";
  transition: all .4s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}
}
.l-hamburger .l-hamburger__bar:after {
  transform: translateY(7px)
}

.l-hamburger.headroom--not-top .l-hamburger__bar, .l-hamburger.headroom--not-top .l-hamburger__bar:after, .l-hamburger.headroom--not-top .l-hamburger__bar:before, .l-hamburger:not(.home) .l-hamburger__bar, .l-hamburger:not(.home) .l-hamburger__bar:after, .l-hamburger:not(.home) .l-hamburger__bar:before {
  background-color: #fff
}

.l-drawer {
  speak: none;
  display: none
}

@media (max-width:1279px) {
  .l-drawer {
    speak: normal;
    -ms-overflow-style: none;
    -webkit-transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    display: none;
    z-index: -10;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: #343131;
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    will-change: auto
  }
  .l-drawer::-webkit-scrollbar {
    display: none
  }
  .l-drawer .l-drawer__container {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100%
  }
  .l-drawer .l-drawer__wrapper {
    z-index: 2;
    position: relative;
    padding: 30px 0
  }
.drawer-opening.drawer-opened div#page nav#js-drawer.l-drawer div.l-drawer__container div.container div.l-drawer__wrapper div.row div.col-sm-4 {
  width: 100% !important;
  flex: 0 0 100%;
  max-width: 100%;
}
  .l-drawer .l-drawer__wrapper .l-drawer__nav {
    margin: 0 30px;
    padding: 0;
    color: #fff;
    list-style: none
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--item {
    padding: .4rem 0
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--item .l-drawer__nav--str {
    display: flex
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--item .l-drawer__nav--link {
    display: inline-block;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.2px;
    text-decoration: none
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--item .l-drawer__nav--link .str__animation {
    min-width: .2em
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--children {
    margin: 0;
    padding: 0;
    list-style: none
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--children .l-drawer__nav--children-link {
    display: inline-block;
    overflow: hidden;
    color: #aaa;
    font-size: 14px;
    letter-spacing: .5px;
    text-decoration: none
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--children .l-drawer__nav--children-link .str__animation {
    min-width: .2em
  }
  .l-drawer .l-drawer__wrapper .l-drawer__nav .l-drawer__nav--children .l-drawer__nav--children-link.en-font {
    letter-spacing: 1.2px
  }
}

@media (max-width:991px) {
  body.drawer-opened {
    height: 100%;
    overflow: hidden
  }
}

@media (max-width:1279px) {
  body.drawer-opened .l-drawer {
    display: block;
    z-index: 10000
  }
}

body.drawer-opening .l-hamburger {
  transform: scale(1)
}

body.drawer-opening .l-hamburger .l-hamburger__bar {
  width: 0;
  background-color: transparent;
  transition-delay: 0s
}

body.drawer-opening .l-hamburger .l-hamburger__bar:before {
  transform: rotate(45deg);
  background: #fff
}

body.drawer-opening .l-hamburger .l-hamburger__bar:after {
  transform: rotate(-45deg);
  background: #fff
}

@media (max-width:1279px) {
  body.drawer-opening .l-drawer {
    -webkit-animation: drawer-open .8s cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-animation-fill-mode: both;
    animation: drawer-open .8s cubic-bezier(.19, 1, .22, 1) 0s;
    animation-fill-mode: both
  }
}

@media (max-width:991px) {
  body.drawer-closing .l-drawer {
    -webkit-animation: drawer-close .8s cubic-bezier(.165, .84, .44, 1) 0s;
    -webkit-animation-fill-mode: both;
    animation: drawer-close .8s cubic-bezier(.165, .84, .44, 1) 0s;
    animation-fill-mode: both
  }
}

@-webkit-keyframes drawer-open {
  0% {
    transform: scale(1.05);
    opacity: 0
  }
  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes drawer-open {
  0% {
    transform: scale(1.05);
    opacity: 0
  }
  to {
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes drawer-close {
  0% {
    transform: scale(1);
    opacity: 1
  }
  to {
    transform: scale(1.05);
    opacity: 0
  }
}

@keyframes drawer-close {
  0% {
    transform: scale(1);
    opacity: 1
  }
  to {
    transform: scale(1.05);
    opacity: 0
  }
}

.l-dropdown {
  display: none;
  position: absolute;
  transform-origin: top center;
  background-color: #222;
  opacity: 0
}

@media (max-width:991px) {
  .l-dropdown {
    display: none!important
  }
}

.l-dropdown.l-dropdown-active {
  -webkit-animation: dropdown .8s cubic-bezier(.19, 1, .22, 1) 0s;
  -webkit-animation-fill-mode: both;
  display: block;
  z-index: 1;
  animation: dropdown .8s cubic-bezier(.19, 1, .22, 1) 0s;
  animation-fill-mode: both;
  pointer-events: all
}

.l-dropdown .l-dropdown__wrapper {
  display: flex
}

.l-dropdown .l-dropdown__wrapper .l-dropdown__nav {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  padding: 0;
  list-style: none
}

.l-dropdown .l-dropdown__wrapper .l-dropdown__nav .l-dropdown__item .l-dropdown__link {
  display: block;
  padding: .8rem 1.5rem;
  color: #e9ecef
}

@-webkit-keyframes dropdown {
  to {
    opacity: 1
  }
}

@keyframes dropdown {
  to {
    opacity: 1
  }
}

#l-footer {
  z-index: 10;
  position: relative
}

#l-footer .l-footer__bg {
  padding: 80px 0;
  background-color: #343131;
  color: #fff
}

@media (max-width:991px) {
  #l-footer .l-footer__bg {
    padding: 40px 10px 100px
  }
}

#l-footer #l-footer__logo img {
  width: 245px
}

@media (max-width:991px) {
  #l-footer #l-footer__logo img {
    width: 250px
  }
}

@media (max-width:991px) {
  #l-footer .l-footer__top .l-footer__item {
    speak: none;
    display: none
  }
}

#l-footer .l-footer__nav {
  margin: 0;
  padding: 0;
  list-style: none
}

#l-footer .l-footer__nav .l-footer__nav--item {
  padding: 4px 0
}

#l-footer .l-footer__nav .l-footer__nav--item .l-footer__nav--link {
  display: inline-block;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1.2px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#l-footer .l-footer__nav .l-footer__nav--item .l-footer__nav--link:active, #l-footer .l-footer__nav .l-footer__nav--item .l-footer__nav--link:focus, #l-footer .l-footer__nav .l-footer__nav--item .l-footer__nav--link:hover {
  color: hsla(0, 0%, 100%, .6)
}

#l-footer .l-footer__nav .l-footer__nav--children {
  margin: 0;
  padding: 0;
  list-style: none
}

#l-footer .l-footer__nav .l-footer__nav--children .l-footer__nav--children-link {
  display: inline-block;
  padding: 4px 0;
  overflow: hidden;
  color: #aaa;
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 18px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#l-footer .l-footer__nav .l-footer__nav--children .l-footer__nav--children-link.en-font {
  letter-spacing: 1.2px
}
#l-footer .l-footer__nav .l-footer__nav--children .l-footer__nav--children-link:active, #l-footer .l-footer__nav .l-footer__nav--children .l-footer__nav--children-link:focus, #l-footer .l-footer__nav .l-footer__nav--children .l-footer__nav--children-link:hover {
  color: hsla(0, 0%, 66.7%, .6)
}
#l-footer #l-copyright {
  width: 100% !important;
  margin: 0;
  padding-top: 70px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 20px;
   clear: both;
}
#l-gnav {
  flex-basis: 0;
  flex-grow: 1
}
@media (max-width:1280px) {
  #l-gnav {
    speak: none;
    display: none
  }
}
#l-gnav .l-gnav__nav {
  display: flex;
  justify-content: flex-end;
  margin: 9px 0 0;
  padding-right: 202px;
  list-style: none
}
#l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link {
  display: block;
  padding: 0 13px;
  color: #000;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 14px;
  letter-spacing: 1.2px;
  white-space: nowrap;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link span {
  z-index: 2;
  position: relative
}

#l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link span:before {
  z-index: 1;
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  background-color: #000;
  content: "";
  transition: all .25s cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@media (-ms-high-contrast:none) {
  #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link span:before {
    background-color: #1f1f1f
  }
}

#l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link:active, #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link:focus, #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link:hover {
  text-decoration: none
}

#l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link:active span:before, #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link:focus span:before, #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link:hover span:before {
  transform: scaleX(1)
}

@media (max-width:1199px) {
  #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link {
    padding: 1.2rem
  }
}

.l-grid__wrapper {
  position: relative;
  background-color: #f7f7f7
}

.l-grid__left {
  /*pointer-events: none*/
}

.l-grid__left:before {
  /*position: absolute;
  top: 0;
  left: 10%;
  width: 1px;
  height: 100%;
  content: ""*/
}

@media (max-width:991px) {
  .l-grid__left:before {
    left: 5%
  }
}

.l-grid__left:after {
  /*position: absolute;
  top: 0;
  left: 30%;
  width: 1px;
  height: 100%;
  content: ""*/
}

@media (max-width:991px) {
  .l-grid__left:after {
    left: 27.5%
  }
}

.l-grid__right {
  pointer-events: none
}

.l-grid__right:before {
  /*position: absolute;
  top: 0;
  right: 10%;
  width: 1px;
  height: 100%;
  background-color: #eaeaea;
  content: ""*/
}

@media (max-width:991px) {
  .l-grid__right:before {
    right: 5%
  }
}

.l-grid__right:after {
  /*position: absolute;
  top: 0;
  right: 30%;
  width: 1px;
  height: 100%;
  background-color: #eaeaea;
  content: ""*/
}

@media (max-width:991px) {
  .l-grid__right:after {
    right: 27.5%
  }
}

.l-grid__center {
  pointer-events: none
}

.l-grid__center:before {
  /*position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #eaeaea;
  content: ""*/
}

#l-header {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%
}



#l-header.headroom--not-top #l-header__bg:before, #l-header:not(.home) #l-header__bg:before {
  transform: translateY(0);
}

#l-header.headroom--not-top #l-header__bg #l-header__logo .l-header__logo--link .l-header__logo--img, #l-header:not(.home) #l-header__bg #l-header__logo .l-header__logo--link .l-header__logo--img {
  fill: #1f1f1f
}

#l-header.headroom--not-top #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link, #l-header:not(.home) #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link {
  color: #1f1f1f
}

#l-header.headroom--not-top #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link span:before, #l-header:not(.home) #l-gnav .l-gnav__nav .l-gnav__item .l-gnav__link span:before {
  background-color: rgba(31, 31, 31, .5)
}

#l-header.headroom--not-top .l-header__contact .l-header__contact--button, #l-header:not(.home) .l-header__contact .l-header__contact--button {
  border-color: #c1c1c1;
  color: #1f1f1f
}

#l-header.headroom--not-top .l-header__contact .l-header__contact--button:before, #l-header:not(.home) .l-header__contact .l-header__contact--button:before {
  background-color: #1f1f1f
}

#l-header.headroom--not-top .l-header__contact .l-header__contact--button:active, #l-header.headroom--not-top .l-header__contact .l-header__contact--button:focus, #l-header.headroom--not-top .l-header__contact .l-header__contact--button:hover, #l-header:not(.home) .l-header__contact .l-header__contact--button:active, #l-header:not(.home) .l-header__contact .l-header__contact--button:focus, #l-header:not(.home) .l-header__contact .l-header__contact--button:hover {
  color: #fff
}

#l-header #l-header__bg {
  position: relative;
  padding-right: 30px;
  padding-left: 30px
}

@media (max-width:991px) {
  #l-header #l-header__bg {
    padding-right: 20px;
    padding-left: 20px
  }
}

#l-header #l-header__bg:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-100%);
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .02);
  content: "";
  transition: all .8s cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#l-header #l-header__bg>.l-header__wrapper {
  display: flex;
  z-index: 3;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  height: 80px
}

@media (max-width:991px) {
  #l-header #l-header__bg>.l-header__wrapper {
    height: 60px
  }
}

@media (max-width:767px) {
  #l-header #l-header__bg>.l-header__wrapper {
    height: 55px
  }
}

#l-header #l-header__logo {
  flex: 0 0 272px;
	max-width: 272px;
  margin: 0;
  padding: 5px 0;
  font-size: 1rem;
  line-height: 100%;
  background: url(../../common/img/index/logo.svg) no-repeat;
}

#l-header #l-header__logo a{
  display: block;
  width: 272;
  height: 30px;
}

@media (max-width:991px) {
  #l-header #l-header__logo {
    flex: 0 0 222px;
    max-width: 222px;
    padding: 3px 0;
    text-align: center
  }
}

#l-header #l-header__logo .l-header__logo--link .l-header__logo--img {
  fill: #fff;
  width: 60px;
  transition: all .3s cubic-bezier(1, 0, 0, 1);
  transition-property: fill;
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

@media (max-width:991px) {
  #l-header #l-header__logo .l-header__logo--link .l-header__logo--img {
    width: 45px
  }
}

#l-header .l-header__contact {
  flex: 0 0 170px;
  max-width: 170px;
  padding-left: 0px;
  position: absolute;
  right: 15px;
  top: 25px;
}
@media (max-width:1279px) {
#l-header .l-header__contact {
  display: none;
}
}

@media (max-width:991px) {
  #l-header .l-header__contact {
    display: none
  }
}

#l-header .l-header__contact .l-header__contact--button {
  min-width: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #c8c8c8;
  color: #000;
  font-size: 14px
}

#l-header .l-header__contact .l-header__contact--button:before {
  background-color: #fff
}

#l-header .l-header__contact .l-header__contact--button:active, #l-header .l-header__contact .l-header__contact--button:focus, #l-header .l-header__contact .l-header__contact--button:hover {
  color: #1f1f1f
}

#hero--wrapper {
  z-index: 2;
  position: relative;
  overflow: hidden
}

#hero--wrapper #hero--content {
  z-index: 1;
  position: relative;
  height: 100vh;
  overflow: hidden
}

@media (max-width:575px) {
  #hero--wrapper #hero--content {
    height: calc(100vh - 78px)
  }
#hero--wrapper #hero--content #hero--image.spmv {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  background: url(../../common/img/mv/key01_sp.jpg) no-repeat;
  background-position:50% 30%;
  background-repeat: no-repeat;
  background-size: 90% auto !important;
  z-index: 2;
}
}

#hero--wrapper #hero--content #hero--image {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  background: url(../../common/img/mv/key01.jpg) no-repeat;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}

.mvbg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
#hero--wrapper #hero--content #hero--image:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .07);
  content: ""
}

#hero--catch {
  display: flex;
  align-items: flex-end;
  height: 100%
}


#hero--catch .hero--catch__wrapper {
  z-index: 4;
  position: relative;
  padding-bottom: 14%;
width: 100%;
}
@media screen and (min-height: 900px){
#hero--catch .hero--catch__wrapper {
  z-index: 4;
  position: relative;
  padding-bottom: 21%;
width: 100%;
}
}
@media (max-width:575px) {
#hero--catch .hero--catch__wrapper {
  z-index: 4;
  position: relative;
  padding-bottom: 32%;
}
.mvcp {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
}
@media (max-width:991px) {
  #hero--catch .hero--catch__wrapper {
    padding-bottom: 225px
  }
}

#hero--catch .hero--catch {
  z-index: 3;
  width: 100%;
  color: #037cae;
  font-weight: 700;
  white-space: nowrap
}

#hero--catch .hero--catch .hero--catch__primary {
  /*display: flex;*/
  overflow: hidden;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 4px;
  line-height: 130%;
  padding-top: 15px;
}

@media (max-width:575px) {
  #hero--catch .hero--catch .hero--catch__primary {
    font-size: 20px;
    line-height: 130%
  }
}

@media (max-width:400px) {
  #hero--catch .hero--catch .hero--catch__primary {
    font-size: 5.5vw;
    line-height: 130%
  }
}

#hero--catch .hero--catch .hero--catch__secondary {
  /*display: flex;*/
  position: relative;
  padding-top: 10px;
  overflow: hidden;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 2px;
  width: 100%;
}

@media (max-width:575px) {
  #hero--catch .hero--catch .hero--catch__secondary {
    padding-top: 5px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 130%

  }
}

@media (max-width:376px) {
  #hero--catch .hero--catch .hero--catch__secondary {
    font-size: 10px
  }
}

#hero--catch .hero--catch .hero__str {
  min-width: .35em;
  transform: translateY(100%);
  will-change: transform, opacity
}

#js-loading__mask .js-loading__elm {
  z-index: 10002;
  position: fixed;
  top: 0;
  height: 100%;
  transform-origin: bottom right;
  background-color: #fff;
  will-change: auto
}

#js-loading__mask .js-loading__elm.js-loading__elm-01 {
  width: 10%
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__elm.js-loading__elm-01 {
    width: 5%
  }
}

#js-loading__mask .js-loading__elm.js-loading__elm-02 {
  left: 10%;
  width: calc(20% + 1px)
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__elm.js-loading__elm-02 {
    left: 5%;
    width: calc(22.5% + 1px)
  }
}

#js-loading__mask .js-loading__elm.js-loading__elm-03 {
  left: 30%;
  width: calc(20% + 1px)
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__elm.js-loading__elm-03 {
    left: 27.5%;
    width: calc(22.5% + 1px)
  }
}

#js-loading__mask .js-loading__elm.js-loading__elm-04 {
  right: 30%;
  width: calc(20% + 1px)
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__elm.js-loading__elm-04 {
    right: 27.5%;
    width: calc(22.5% + 1px)
  }
}

#js-loading__mask .js-loading__elm.js-loading__elm-05 {
  right: 10%;
  width: calc(20% + 1px)
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__elm.js-loading__elm-05 {
    right: 5%;
    width: calc(22.5% + 1px)
  }
}

#js-loading__mask .js-loading__elm.js-loading__elm-06 {
  right: 0;
  width: 10%
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__elm.js-loading__elm-06 {
    width: 5%
  }
}

#js-loading__mask .js-loading__grid {
  /*z-index: 10003;
  position: fixed;
  top: 0;
  width: 1px;
  height: 100%;
  transform: scaleY(0);
  transform-origin: bottom center;
  background-color: hsla(0, 0%, 83.5%, .3);
  will-change: auto*/
}

#js-loading__mask .js-loading__grid.js-loading__grid-01 {
  left: 10%
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__grid.js-loading__grid-01 {
    left: 5%
  }
}

#js-loading__mask .js-loading__grid.js-loading__grid-02 {
  left: 30%
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__grid.js-loading__grid-02 {
    left: 27.5%
  }
}

#js-loading__mask .js-loading__grid.js-loading__grid-03 {
  left: 50%
}

#js-loading__mask .js-loading__grid.js-loading__grid-04 {
  right: 30%
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__grid.js-loading__grid-04 {
    right: 27.5%
  }
}

#js-loading__mask .js-loading__grid.js-loading__grid-05 {
  right: 10%
}

@media (max-width:991px) {
  #js-loading__mask .js-loading__grid.js-loading__grid-05 {
    right: 5%
  }
}

#l-movie {
z-index: 0;
position: fixed;
top: 443px;
left: -67px;
width: 100vw;
height: auto;
}

@media (max-width:767px) {
  #l-movie {
    width: 290vw
  }
}

#l-movie img {
  display: block;
position: absolute;
top: 50%;
left: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
transform: translate(-50%, -50%);
}
@media (max-width:767px) {
#l-movie img {
  display: block;
  position: absolute;
  top: 63%;
left: 11%;
  width: auto;
  min-width: 100%;
height: auto;
min-height: 63%;
  transform: translate(-50%, -50%)
}
}
#l-side {
  max-width: 300px;
  margin: 0 auto
}

@media (max-width:991px) {
  #l-side {
    max-width: 70%;
    padding: 60px 20px
  }
}

@media (max-width:575px) {
  #l-side {
    max-width: 350px
  }
}

#l-side .l-side__title {
  margin-bottom: 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #c1c1c1;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 110%;
  vertical-align: middle
}

@media (max-width:575px) {
  #l-side .l-side__title {
    display: block;
    font-size: 1.4rem;
    line-height: 110%
  }
}

#l-side .l-side__category--list ul {
  margin: 0;
  padding: 0;
  list-style: none
}

#l-side .l-side__category--list ul>li {
  margin-bottom: 10px
}

#l-side .l-side__category--list ul>li a {
  color: #1f1f1f;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#l-side .l-side__category--list ul>li a:active, #l-side .l-side__category--list ul>li a:focus, #l-side .l-side__category--list ul>li a:hover {
  color: #8c96a9;
  text-decoration: none
}

#p-404 .title-404 {
  font-weight: 400
}

#p-404 .title-404, #p-about .p-about__header .p-about__header-small {
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif
}

#p-about .p-about__header .p-about__header-small {
  position: relative;
  margin: 0;
  font-size: 20px
}

@media (max-width:767px) {
  #p-about .p-about__header .p-about__header-small {
    font-size: 16px
  }
}

#p-about .p-about__header .p-about__header-small:after {
  position: absolute;
  top: 14px;
  left: 100px;
  width: 100px;
  height: 1px;
  background-color: #c1c1c1;
  content: ""
}

#p-about .p-about__header .p-about__header-large {
  display: block;
  padding-top: 10px;
  font-size: 36px
}

@media (max-width:767px) {
  #p-about .p-about__header .p-about__header-large {
    padding-top: 4px;
    font-size: 28px
  }
}

#p-about .p-about__contents {
  padding-top: 60px
}

@media (max-width:575px) {
  #p-about .p-about__contents {
    padding-top: 0
  }
}

#p-about .p-about__concept {
  padding-bottom: 260px
}

#p-about .p-about__concept--top {
  position: relative
}

#p-about .p-about__concept--top .p-about__header {
  padding: 250px 0
}

@media (max-width:1440px) {
  #p-about .p-about__concept--top .p-about__header {
    padding: 200px 0
  }
}

@media (max-width:991px) {
  #p-about .p-about__concept--top .p-about__header {
    padding: 60px 0
  }
}

#p-about .p-about__concept--top .p-about__concept--img-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%
}

@media (max-width:1199px) {
  #p-about .p-about__concept--top .p-about__concept--img-box {
    width: 55%
  }
}

@media (max-width:991px) {
  #p-about .p-about__concept--top .p-about__concept--img-box {
    position: relative;
    width: 100%;
    height: 400px
  }
}

@media (max-width:575px) {
  #p-about .p-about__concept--top .p-about__concept--img-box {
    height: 300px
  }
}

#p-about .p-about__concept--top .p-about__concept--img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

#p-about .p-about__concept--top .p-about__concept--img-wrap .about__concept--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

#p-about .container {
  position: relative
}

#p-about .container .p-about__concept--logo {
  z-index: -1;
  position: absolute;
  right: -20px;
  bottom: -100px
}

#p-about .container .p-about__concept--logo .logo {
  width: 100%;
  height: auto
}

#p-about .p-about__concept--bottom {
  max-width: 650px;
  padding-top: 100px
}

#p-about .p-about__concept--bottom .p-about__concept--main {
  margin: 0;
  font-size: 14px;
  line-height: 2em
}

#p-about .p-about__concept--bottom .p-about__concept--main .strong {
  display: block;
  padding: 48px 0;
  font-size: 24px;
  line-height: 2em
}

@media (max-width:575px) {
  #p-about .p-about__concept--bottom .p-about__concept--main .strong {
    padding: 28px 0;
    font-size: 20px
  }
}

#p-about .p-about__value {
  z-index: 0;
  position: relative;
  padding: 120px 0 180px;
  background-color: #fff
}

@media (max-width:575px) {
  #p-about .p-about__value {
    padding: 100px 0 140px
  }
}

#p-about .p-about__value .p-about__header {
  padding-bottom: 72px
}

@media (max-width:767px) {
  #p-about .p-about__value .p-about__header {
    padding-bottom: 64px
  }
}

#p-about .p-about__value .p-about__header .p-about__header-large {
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif
}

#p-about .p-about__value .p-about__img {
  position: absolute;
  right: 10%;
  bottom: 10%
}

@media (max-width:767px) {
  #p-about .p-about__value .p-about__img {
    right: 5%
  }
}

#p-about .p-about__value .p-about__img .cycle-text {
  max-width: 600px;
  height: auto
}

#p-about .p-about__value--main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around
}

#p-about .p-about__value--main .p-about__value--img img {
  width: 460px;
  height: auto
}

@media (max-width:1200px) {
  #p-about .p-about__value--main .p-about__value--img img {
    width: 380px
  }
}

@media (max-width:767px) {
  #p-about .p-about__value--main .p-about__value--img img {
    padding-bottom: 32px
  }
}

#p-about .p-about__value--main .p-about__value--textbox {
  max-width: 400px;
  padding-left: 24px
}

@media (max-width:767px) {
  #p-about .p-about__value--main .p-about__value--textbox {
    padding-left: 0
  }
}

#p-about .p-about__value--main .p-about__value--textbox .p-about__value--text {
  z-index: 3;
  position: relative;
  padding-bottom: 24px
}

#p-about .p-about__value--main .p-about__value--textbox .p-about__value--text .title {
  margin-bottom: 0;
  padding-bottom: 6px;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 20px
}

#p-about .p-about__value--main .p-about__value--textbox .p-about__value--text .detail {
  margin-bottom: 0;
  font-size: 14px
}

#p-about .main-image {
  background-position: center right 40%
}

#p-company .p-company__contents {
  padding-top: 60px
}

@media (max-width:575px) {
  #p-company .p-company__contents {
    padding-top: 0
  }
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 128px
}

@media (max-width:575px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--inner {
    padding-bottom: 80px
  }
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--left {
  position: relative;
  flex: 0 0 400px;
  width: 400px;
  padding-top: 47.5%;
  overflow: hidden
}

@media (max-width:1199px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--left {
    flex: 0 0 320px;
    max-width: 320px;
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto
  }
}

@media (max-width:991px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--left {
    padding-top: 400px
  }
}

@media (max-width:767px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--left {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 48px
  }
}

@media (max-width:575px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--left {
    width: 100%;
    padding-top: 350px
  }
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--image-wrap:active .p-company__greeting--image-hover, #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--image-wrap:focus .p-company__greeting--image-hover, #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--image-wrap:hover .p-company__greeting--image-hover {
  opacity: 1
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(https://bandit.co.jp/dist/img/company/greeting01.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--image-hover {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(https://bandit.co.jp/dist/img/company/greeting02.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main {
  z-index: 2;
  position: relative;
  flex: 0 0 calc(100% - 400px);
  max-width: calc(100% - 400px);
  padding-left: 60px
}

@media (max-width:1199px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main {
    flex: 0 0 calc(100% - 320px);
    max-width: calc(100% - 320px);
    padding-left: 40px
  }
}

@media (max-width:991px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0
  }
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main .p-company__greeting--lead {
  margin: 0;
  padding-top: 72px;
  padding-bottom: 56px
}

@media (max-width:767px) {
  #p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main .p-company__greeting--lead {
    padding-top: 40px
  }
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main .p-company__greeting--name {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  text-align: right
}

#p-company .p-company__greeting .p-company__greeting--wrapper .p-company__greeting--main .p-company__greeting--name .post {
  padding-right: 20px;
  color: #646464;
  font-size: 12px
}

#p-company .p-company__overview .p-company__overview--wrapper {
  padding-top: 120px;
  padding-bottom: 160px;
  background-color: #fff
}

#p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--inner {
  z-index: 2;
  position: relative;
  margin: 0 78px
}

@media (max-width:767px) {
  #p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--inner {
    margin: 0
  }
}

#p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--table {
  box-sizing: border-box;
  width: 100%;
  margin-top: 88px
}

@media (max-width:767px) {
  #p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--table {
    margin-top: 40px
  }
}

#p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--table tr .table-title {
  max-width: 230px;
  padding: 28px 16px 28px 0;
  color: #646464;
  font-weight: 400;
  vertical-align: top
}

#p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--table tr .table-main {
  padding: 28px 0
}

@media (max-width:767px) {
  #p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--table tr .table-title {
    display: block;
    padding: 12px 0 4px
  }
  #p-company .p-company__overview .p-company__overview--wrapper .p-company__overview--table tr .table-main {
    display: block;
    padding: 4px 0 12px
  }
}

@media (max-width:767px) {
  #p-company .p-company__overview .p-company__overview--wrapper {
    padding: 120px 0
  }
}

@media (max-width:575px) {
  #p-company .p-company__overview .p-company__overview--wrapper {
    padding: 100px 0
  }
}

#p-company .p-company__footer-img {
  background-image: url(https://bandit.co.jp/dist/img/company/company-footer.jpg)
}

#p-entry .c-lower__heading {
  padding-top: 60px;
  padding-bottom: 30px
}

#p-entry .c-lower__heading .c-lower__title {
  line-height: 99%
}

#p-faq .p-faq__contents {
  z-index: 2;
  position: relative;
  padding: 60px 0 160px
}

#p-faq .p-faq__contents .p-faq__list {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 48px
}

#p-faq .p-faq__contents .p-faq__list--item {
  margin-bottom: 0
}

#p-faq .p-faq__contents .p-faq__list--item .question {
  position: relative;
  padding: 12px 0 12px 100px;
  font-size: 16px
}

#p-faq .p-faq__contents .p-faq__list--item .question .question-number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 32px
}

@media (max-width:575px) {
  #p-faq .p-faq__contents .p-faq__list--item .question .question-number {
    font-size: 28px
  }
}

@media (max-width:767px) {
  #p-faq .p-faq__contents .p-faq__list--item .question {
    padding: 12px 0 12px 72px
  }
}

@media (max-width:575px) {
  #p-faq .p-faq__contents .p-faq__list--item .question {
    padding: 4px 0 12px 72px
  }
}

#p-faq .p-faq__contents .p-faq__list--item .question-main {
  margin: 0;
  padding-left: 100px
}

#p-faq .p-faq__contents .p-faq__list--item .question-main .anser {
  color: #646464;
  font-size: 14px
}

#p-faq .p-faq__contents .p-faq__list--item .question-main .supplement {
  margin-top: 32px;
  padding: 24px;
  border: 1px solid #c1c1c1;
  font-size: 14px
}

@media (max-width:767px) {
  #p-faq .p-faq__contents .p-faq__list--item .question-main {
    padding-left: 72px
  }
}

@media (max-width:767px) {
  #p-faq .p-faq__contents {
    padding: 60px 0 120px
  }
}

@media (max-width:575px) {
  #p-faq .p-faq__contents {
    padding: 0 0 80px
  }
}

#p-faq .p-faq__footer {
  background-image: url(https://bandit.co.jp/dist/img/faq/faq-fotter.jpg)
}

#p-flow .p-flow__content {
  padding: 60px 0 160px
}

@media (max-width:767px) {
  #p-flow .p-flow__content {
    padding: 60px 0 120px
  }
}

@media (max-width:575px) {
  #p-flow .p-flow__content {
    padding: 0 0 80px
  }
}

#p-flow .p-flow__box {
  position: relative;
  padding-bottom: 88px;
  padding-left: 200px
}

@media (max-width:767px) {
  #p-flow .p-flow__box {
    padding-bottom: 64px;
    padding-left: 120px
  }
}

@media (max-width:420px) {
  #p-flow .p-flow__box {
    padding-left: 80px
  }
}

#p-flow .p-flow__box:before {
  position: absolute;
  left: 60px;
  width: 1px;
  height: 100%;
  background-color: #c1c1c1;
  content: ""
}

@media (max-width:767px) {
  #p-flow .p-flow__box:before {
    left: 40px
  }
}

@media (max-width:420px) {
  #p-flow .p-flow__box:before {
    left: 32px
  }
}

#p-flow .p-flow__box .p-flow__box-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border: 1px solid #c1c1c1;
  border-radius: 50%;
  background-color: #fff;
  line-height: 120px;
  text-align: center
}

#p-flow .p-flow__box .p-flow__box-icon img {
  width: 48px;
  height: 48px
}

@media (max-width:767px) {
  #p-flow .p-flow__box .p-flow__box-icon img {
    width: 28px;
    height: 28px
  }
}

@media (max-width:420px) {
  #p-flow .p-flow__box .p-flow__box-icon img {
    width: 24px;
    height: 24px
  }
}

@media (max-width:767px) {
  #p-flow .p-flow__box .p-flow__box-icon {
    width: 80px;
    height: 80px;
    line-height: 80px
  }
}

@media (max-width:420px) {
  #p-flow .p-flow__box .p-flow__box-icon {
    width: 64px;
    height: 64px;
    line-height: 64px
  }
}

#p-flow .p-flow__box .p-flow__box-heading {
  display: block;
  font-size: 28px
}

@media (max-width:420px) {
  #p-flow .p-flow__box .p-flow__box-heading {
    font-size: 24px
  }
}

#p-flow .p-flow__box .p-flow__box-heading .step {
  display: block;
  padding-top: 10px;
  color: #7e7e7e;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 18px
}

#p-flow .p-flow__box .p-flow__box-body {
  padding-top: 24px
}

#p-flow .p-flow__box .p-flow--more {
  padding-top: 36px
}

#p-flow .p-flow__box .p-flow__box-supplement {
  display: inline-block;
  margin-top: 28px;
  padding: 20px;
  border: 1px solid #c1c1c1
}

#p-flow .p-flow__box:last-of-type:before {
  content: none
}

#p-index #p-index__information {
  display: flex;
  z-index: 3;
  position: relative;
  top: -50px;
  flex-wrap: wrap;
  width: 80%;
  margin-bottom: -50px;
  margin-left: auto;
  padding: 30px;
  background-color: #fff
}

@media (max-width:767px) {
  #p-index #p-index__information {
    top: -25px;
    width: calc(100% - 20px);
    margin-bottom: -40px
  }
}

#p-index #p-index__information .p-index__information--title {
  flex: 0 0 160px;
  max-width: 160px;
  padding-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .8px
}

@media (max-width:767px) {
  #p-index #p-index__information .p-index__information--title {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0
  }
}

#p-index #p-index__information .p-index__information--content {
  position: relative;
  flex: 0 0 calc(100% - 160px);
  max-width: calc(100% - 160px);
  padding-left: 30px
}

@media (max-width:767px) {
  #p-index #p-index__information .p-index__information--content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-left: 0
  }
}

#p-index #p-index__information .p-index__information--content:before {
  position: absolute;
  top: 5%;
  left: 0;
  width: 1px;
  height: 90%;
  background-color: #c1c1c1;
  content: ""
}

@media (max-width:767px) {
  #p-index #p-index__information .p-index__information--content:before {
    top: 0;
    width: 48px;
    height: 1px
  }
}

#p-index #p-index__information .p-index__information--content .p-index__information--link {
  color: #1f1f1f
}

#p-index #p-index__information .p-index__information--content .p-index__information--link:active, #p-index #p-index__information .p-index__information--content .p-index__information--link:focus, #p-index #p-index__information .p-index__information--content .p-index__information--link:hover {
  text-decoration: none
}

#p-index #p-index__information .p-index__information--content .p-index__information--link:active .p-index__information--body, #p-index #p-index__information .p-index__information--content .p-index__information--link:focus .p-index__information--body, #p-index #p-index__information .p-index__information--content .p-index__information--link:hover .p-index__information--body {
  color: rgba(31, 31, 31, .6)
}

#p-index #p-index__information .p-index__information--content .p-index__information--time {
  display: block;
  margin-bottom: 8px;
  color: #7e7e7e;
  font-size: 12px;
  letter-spacing: 1.2px;
  line-height: 20px
}

#p-index #p-index__information .p-index__information--content .p-index__information--body {
  display: block;
  font-size: 13px;
  line-height: 140%;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  transition-property: color;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#p-index #p-index__information .p-index__information--button {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding: 9px 15px;
  font-size: 14px
}

@media (max-width:767px) {
  #p-index #p-index__information .p-index__information--button {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 20px
  }
}

#p-index #p-index__about .p-index__about--wrapper {
  padding: 120px 0 200px
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--wrapper {
    padding: 100px 0
  }
}

#p-index #p-index__about .p-index__about--section {
  position: relative
}

#p-index #p-index__about .p-index__about--image-shadow {
  display: flex;
  position: relative;
  flex: 0 0 44%;
  max-width: 44%
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--image-shadow {
    flex: 0 0 100%;
    max-width: 400px;
    margin: 0 auto
  }
}

@media (max-width:575px) {
  #p-index #p-index__about .p-index__about--image-shadow {
    max-width: 94%
  }
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--image-shadow:after {
    z-index: 0;
    position: absolute;
    right: -10%;
    bottom: -60px;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .4);
    content: ""
  }
}

#p-index #p-index__about .p-index__about--image-wrap {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

#p-index #p-index__about .p-index__about--image-wrap .p-index__about--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition-property: transform
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--image-wrap .p-index__about--image {
    position: relative;
    height: 0;
    padding-top: 120%
  }
}

#p-index #p-index__about .p-index__about--content-wrap {
  z-index: 2;
  position: relative;
  flex: 0 0 51%;
  max-width: 51%
}

@media (max-width:1199px) {
  #p-index #p-index__about .p-index__about--content-wrap {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--content-wrap {
    flex: 0 0 100%;
    max-width: 100%
  }
}

#p-index #p-index__about .p-index__about--content {
  padding: 100px 30px 200px
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--content {
    max-width: 500px;
    margin: 0 auto;
    padding: 60px 26px 0
  }
}

#p-index #p-index__about .p-index__about--title {
  color: #037cae;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 1.2px
}

@media (max-width:575px) {
#p-index #p-index__about .p-index__about--title {
  color: #037cae;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 1.2px
}
}
#p-index #p-index__about .p-index__about--catch {
  z-index: 2;
  position: relative;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 1.2px
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--catch {
    font-size: 20px
  }
}

#p-index #p-index__about .p-index__about--lead {
  z-index: 2;
  position: relative;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: .5px
}

#p-index #p-index__about .p-index__about--more {
  z-index: 2;
  position: relative;
  padding-top: 30px
}

#p-index #p-index__about .p-index__about--more-button {
  min-width: 160px;
  padding-top: 10px;
  padding-bottom: 10px
}

#p-index #p-index__about .p-index__about--en {
  z-index: 0;
  position: absolute;
  right: 2%;
  bottom: -199px;
}

#p-index #p-index__about .p-index__about--en svg {
  max-width: 100%
}

@media (max-width:991px) {
  #p-index #p-index__about .p-index__about--en {
    right: -10%
  }
}

@media (max-width:575px) {
  #p-index #p-index__about .p-index__about--en {
    display: none;
  }
}

#p-index #p-index__moviearea {
  position: relative;
  padding-top: 440px
}

#p-index #p-index__moviearea:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: .1
}

@media (max-width:767px) {
  #p-index #p-index__moviearea {
    padding-top: 60%
  }
}

@media (max-width:575px) {
  #p-index #p-index__moviearea {
    padding-top: 90%
  }
}

#p-index #p-index__service .p-index__service--wrapper {
  padding: 100px 0;
  background-color: #f7f7f7
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--wrapper {
    padding-bottom: 30px
  }
}

#p-index #p-index__service .p-index__service--title {
  margin-bottom: 40px
}

#p-index #p-index__service .p-index__service--text {
  z-index: 2;
  position: relative;
  margin-bottom: 60px;
  text-align: center
}

@media (max-width:575px) {
  #p-index #p-index__service .p-index__service--text br {
    display: none
  }
}

#p-index #p-index__service .p-index__service--section {
  position: relative;
  margin-bottom: 150px;
  margin-top: 100px;
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--section {
    margin-bottom: 30px
  }
}

#p-index #p-index__service .p-index__service--section .p-index__service--str-wrap {
  display: flex;
  position: relative;
  flex: 0 0 55%;
  max-width: 55%
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--section .p-index__service--str-wrap {
    flex: 0 0 100%;
    max-width: 100%
  }
}

#p-index #p-index__service .p-index__service--section .p-index__service--str {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: -15px;
  transform: translateY(70%);
  transform-origin: left top
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--section .p-index__service--str {
    transform: translateY(70%) scale(.8)
  }
}

@media (max-width:575px) {
  #p-index #p-index__service .p-index__service--section .p-index__service--str {
    transform: translateY(80%) scale(.5)
  }
}

#p-index #p-index__service .p-index__service--section#service-02 .p-index__service--str {
  right: -15px;
  left: auto;
  transform-origin: right top
}

#p-index #p-index__service .p-index__service--section#service-02 .p-index__service--image-wrap {
  margin-right: 0;
  margin-left: auto
}

#p-index #p-index__service .p-index__service--image-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--image-wrap {
    width: calc(100% - 30px);
    margin-right: auto
  }
}

#p-index #p-index__service .p-index__service--image-wrap .p-index__service--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition-property: transform
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--image-wrap .p-index__service--image {
    position: relative;
    height: 0;
    padding-top: 55.5%
  }
}

#p-index #p-index__service .p-index__service--content-wrap {
  flex: 0 0 45%;
  max-width: 45%
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--content-wrap {
    flex: 0 0 100%;
    max-width: 100%
  }
}

#p-index #p-index__service .p-index__service--content {
  width: 440px;
  margin: 0 auto;
  padding: 100px 0
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--content {
    padding: 80px 0
  }
}

@media (max-width:575px) {
  #p-index #p-index__service .p-index__service--content {
    max-width: 100%;
    padding: 60px 20px
  }
}

#p-index #p-index__service .p-index__service--content .p-index__service--sub-title {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 20px;
  font-weight: 400
}

#p-index #p-index__service .p-index__service--content .p-index__service--sub-title .p-index__service--sub-title-en {
  margin-bottom: 5px;
  font-size: 45px;
  letter-spacing: 1.2px;
  color: #037cae;
}

#p-index #p-index__service .p-index__service--content .p-index__service--sub-title .p-index__service--sub-title-en span {
  position: relative
}

#p-index #p-index__service .p-index__service--content .p-index__service--sub-title .p-index__service--sub-title-en span:after {
  position: absolute;
  top: 20px;
  right: -100px;
  width: 80px;
  height: 1px;
  background-color: #c1c1c1;
  content: ""
}

#p-index #p-index__service .p-index__service--content .p-index__service--sub-title .p-index__service--sub-title-ja {
  color: #8c96a9;
  font-size: 12px;
  letter-spacing: .5px
}

#p-index #p-index__service .p-index__service--content .p-index__service--catch {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 1.2px
}

@media (max-width:991px) {
  #p-index #p-index__service .p-index__service--content .p-index__service--catch {
    font-size: 20px
  }
}

#p-index #p-index__service .p-index__service--content .p-index__service--lead {
  margin-bottom: 30px;
  font-size: 14px;
  letter-spacing: .5px
}

#p-index #p-index__service .p-index__service--content .p-index__service--more {
  padding-top: 30px
}

#p-index #p-index__service .p-index__service--content .p-index__service--more-button {
  min-width: 160px;
  padding-top: 10px;
  padding-bottom: 10px
}

#p-index #p-index__works .p-index__works--wrapper {
  position: relative;
  padding: 100px 0;
  background-color: #fff
}

#p-index #p-index__works .p-index__works--content-wrapper {
  position: relative
}

#p-index #p-index__works .p-index__works--title {
  margin-bottom: 40px
}

#p-index #p-index__works #p-index__works--slider {
  padding-bottom: 40px
}

@media (max-width:767px) {
  #p-index #p-index__works #p-index__works--slider {
    padding-right: 25px;
    padding-left: 25px
  }
}

#p-index #p-index__works .p-index__works--more {
  position: absolute;
  top: 10px;
  right: 0
}

@media (max-width:991px) {
  #p-index #p-index__works .p-index__works--more {
    position: relative;
    top: 0;
    padding: 30px 0 0;
    text-align: center
  }
}

#p-index #p-index__works .p-index__works--more .p-index__works--button {
  min-width: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px
}

#p-index #p-index__recruit .p-index__recruit--wrapper {
  max-width: 550px;
  margin: 0 20px 0 auto;
  padding: 100px 30px
}

@media (max-width:1199px) {
  #p-index #p-index__recruit .p-index__recruit--wrapper {
    max-width: 480px;
    margin-right: 0
  }
}

@media (max-width:991px) {
  #p-index #p-index__recruit .p-index__recruit--wrapper {
    max-width: 450px;
    margin: 0 auto
  }
}

#p-index #p-index__recruit .p-index__recruit--title {
  margin-bottom: 30px
}

#p-index #p-index__recruit .p-index__recruit--text {
  margin-bottom: 60px;
  color: #646464;
  font-size: 18px;
  line-height: 200%
}

@media (max-width:991px) {
  #p-index #p-index__recruit .p-index__recruit--text {
    margin-bottom: 40px
  }
}

.p-index__recruit--links {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 80px;
}
@media (max-width:991px) {
.p-index__recruit--links {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 40px;
}
}
.p-index__recruit--links .p-index__recruit--links-item {
  display: flex;
  position: relative;
  flex: 0 0 50%;
  align-items: center;
  max-width: 50%;
  padding: 20px 15px;
  color: #1f1f1f
}

.p-index__recruit--links .p-index__recruit--links-item:before {
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background-color: #c1c1c1;
  content: ""
}

.p-index__recruit--links .p-index__recruit--links-item:after {
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  transform: scaleX(0);
  transform-origin: left top;
  background-color: #1f1f1f;
  content: "";
  transition: all .4s cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.p-index__recruit--links .p-index__recruit--links-item:active,
.p-index__recruit--links .p-index__recruit--links-item:focus, 
.p-index__recruit--links .p-index__recruit--links-item:hover {
  text-decoration: none
}

.p-index__recruit--links .p-index__recruit--links-item:active .p-index__recruit--links-icon svg,
.p-index__recruit--links .p-index__recruit--links-item:focus .p-index__recruit--links-icon svg, 
.p-index__recruit--links .p-index__recruit--links-item:hover .p-index__recruit--links-icon svg {
  fill: #1f1f1f
}
.p-index__recruit--links .p-index__recruit--links-item:active:after, 
.p-index__recruit--links .p-index__recruit--links-item:focus:after, 
.p-index__recruit--links .p-index__recruit--links-item:hover:after {
  transform: scaleX(1)
}

@media (max-width:991px) {
  .p-index__recruit--links .p-index__recruit--links-item {
    flex: 0 0 100%;
    max-width: 100%
  }
}

.p-index__recruit--links .p-index__recruit--links-icon {
  flex: 0 0 42px;
  max-width: 42px;
  text-align: right
}

.p-index__recruit--links .p-index__recruit--links-icon svg {
  fill: #c1c1c1;
  transition: all .4s cubic-bezier(.19, 1, .22, 1);
  transition-property: fill;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@media (max-width:1199px) and (min-width:992px) {
  .p-index__recruit--links .p-index__recruit--links-icon {
    flex: 0 0 28px;
    max-width: 28px;
    text-align: center
  }
  .p-index__recruit--links .p-index__recruit--links-icon svg {
    width: 100%
  }
}

.p-index__recruit--links .p-index__recruit--links-body {
  display: flex;
  flex: 0 0 calc(100% - 32px);
  flex-direction: column-reverse;
  max-width: calc(100% - 32px);
  padding-left: 15px
}

@media (max-width:1199px) and (min-width:992px) {
 .p-index__recruit--links .p-index__recruit--links-body {
    flex: 0 0 calc(100% - 28px);
    max-width: calc(100% - 28px);
    padding-left: 10px
  }
}

.p-index__recruit--links .p-index__recruit--links-en {
  font-size: 18px;
  letter-spacing: .5px;
  line-height: 120%;
  white-space: nowrap
}

.p-index__recruit--links .p-index__recruit--links-ja {
  color: #8c96a9;
  font-size: 12px;
  line-height: 120%;
  white-space: nowrap
}

.p-index__recruit--image-link {
  display: flex;
  position: relative;
  align-items: center;
  height: 50%;
  overflow: hidden;
  color: #fff
}

@media (max-width:991px) {
  .p-index__recruit--image-link {
    padding: 100px 0
  }
}

@media (max-width:575px) {
  .p-index__recruit--image-link {
    padding: 80px 0
  }
}

.p-index__recruit--image-link:active, .p-index__recruit--image-link:focus, .p-index__recruit--image-link:hover {
  text-decoration: none
}

.p-index__recruit--image-link:active .p-index__recruit--image-link-bg, .p-index__recruit--image-link:focus .p-index__recruit--image-link-bg, .p-index__recruit--image-link:hover .p-index__recruit--image-link-bg {
  transform: scale(1.05)
}

.p-index__recruit--image-link:active .p-index__recruit--image-link-content:after,.p-index__recruit--image-link:focus .p-index__recruit--image-link-content:after, .p-index__recruit--image-link:hover .p-index__recruit--image-link-content:after {
  transform: scaleX(1)
}

.p-index__recruit--image-link .p-index__recruit--image-link-bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s cubic-bezier(.165, .84, .44, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.p-index__recruit--image-link .p-index__recruit--image-link-content {
  display: flex;
  z-index: 2;
  position: relative;
  flex-direction: column-reverse;
  width: 70%;
  padding-right: 60px;
  padding-bottom: 40px;
  padding-left: 60px
}

@media (max-width:991px) {
  .p-index__recruit--image-link .p-index__recruit--image-link-content {
    width: calc(100% - 60px);
    padding-right: 30px;
    padding-left: 30px
  }
}

.p-index__recruit--image-link .p-index__recruit--image-link-content:before {
  position: absolute;
  bottom: 0;
  left: 60px;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
  content: ""
}

@media (max-width:991px) {
  .p-index__recruit--image-link .p-index__recruit--image-link-content:before {
    left: 30px
  }
}

.p-index__recruit--image-link .p-index__recruit--image-link-content:after {
  position: absolute;
  bottom: 0;
  left: 60px;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left top;
  background-color: #fff;
  content: "";
  transition: all .4s cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

@media (max-width:991px) {
  .p-index__recruit--image-link .p-index__recruit--image-link-content:after {
    left: 30px
  }
}

.p-index__recruit--image-link .p-index__recruit--image-link-content .p-index__recruit--image-link-en {
  justify-content: start;
  margin-bottom: 10px;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 50px
}

@media (max-width:1199px) {
  .p-index__recruit--image-link .p-index__recruit--image-link-content .p-index__recruit--image-link-en {
    font-size: 34px
  }
}

.p-index__recruit--image-link .p-index__recruit--image-link-content .p-index__recruit--image-link-ja {
  justify-content: start;
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 100%
}

#p-oneday .p-oneday__btn-box {
  display: flex;
  z-index: 2;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 60px
}

#p-oneday .p-oneday__btn-box .p-oneday__btn {
  position: relative;
  margin-left: 64px;
  font-size: 14px
}

@media (max-width:575px) {
  #p-oneday .p-oneday__btn-box .p-oneday__btn {
    min-width: 120px;
    padding-bottom: 20px;
    font-size: 12px
  }
}

#p-oneday .p-oneday__btn-box .p-oneday__btn:active, #p-oneday .p-oneday__btn-box .p-oneday__btn:focus, #p-oneday .p-oneday__btn-box .p-oneday__btn:hover {
  text-decoration: none
}

#p-oneday .p-oneday__btn-box .p-oneday__btn:before {
  display: inline-block;
  position: absolute;
  left: -36px;
  width: 24px;
  height: 24px;
  padding-bottom: 4px;
  padding-left: 4px;
  border: 1px solid #c1c1c1;
  border-radius: 50%;
  color: #c1c1c1;
  font-family: Font Awesome\ 5 Pro;
  content: "\F078"
}

@media (max-width:575px) {
  #p-oneday .p-oneday__btn-box .p-oneday__btn:before {
    padding-left: 5px
  }
}

#p-oneday .p-oneday__btn-box .p-oneday__btn-up {
  position: relative;
  margin-left: 64px;
  font-size: 14px
}

#p-oneday .p-oneday__btn-box .p-oneday__btn-up:active, #p-oneday .p-oneday__btn-box .p-oneday__btn-up:focus, #p-oneday .p-oneday__btn-box .p-oneday__btn-up:hover {
  text-decoration: none
}

#p-oneday .p-oneday__btn-box .p-oneday__btn-up:before {
  display: inline-block;
  position: absolute;
  left: -36px;
  width: 24px;
  height: 24px;
  padding-bottom: 4px;
  padding-left: 4px;
  border: 1px solid #c1c1c1;
  border-radius: 50%;
  color: #c1c1c1;
  font-family: Font Awesome\ 5 Pro;
  content: "\F077"
}

#p-oneday .p-oneday__content {
  padding: 60px 0 110px
}

@media (max-width:767px) {
  #p-oneday .p-oneday__content {
    padding: 60px 0 90px
  }
}

@media (max-width:575px) {
  #p-oneday .p-oneday__content {
    padding: 40px 0 72px
  }
}

#p-oneday .p-oneday__schedule--title {
  padding-bottom: 88px
}

#p-oneday .p-oneday__schedule--text {
  z-index: 2;
  position: relative;
  padding-bottom: 56px
}

#p-oneday .p-oneday__box {
  position: relative;
  padding-bottom: 88px;
  padding-left: 136px
}

@media (max-width:767px) {
  #p-oneday .p-oneday__box {
    padding-bottom: 64px;
    padding-left: 120px
  }
}

@media (max-width:420px) {
  #p-oneday .p-oneday__box {
    padding-bottom: 40px;
    padding-left: 80px
  }
}

#p-oneday .p-oneday__box:before {
  position: absolute;
  left: 48px;
  width: 1px;
  height: 100%;
  background-color: #c1c1c1;
  content: ""
}

@media (max-width:767px) {
  #p-oneday .p-oneday__box:before {
    left: 40px
  }
}

@media (max-width:420px) {
  #p-oneday .p-oneday__box:before {
    left: 32px
  }
}

#p-oneday .p-oneday__box .p-oneday__step {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  border: 1px solid #c1c1c1;
  border-radius: 50%;
  background-color: #fff;
  line-height: 96px;
  text-align: center
}

#p-oneday .p-oneday__box .p-oneday__step .time {
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 20px
}

@media (max-width:575px) {
  #p-oneday .p-oneday__box .p-oneday__step .time {
    font-size: 16px
  }
}

@media (max-width:767px) {
  #p-oneday .p-oneday__box .p-oneday__step {
    width: 80px;
    height: 80px;
    line-height: 80px
  }
}

@media (max-width:420px) {
  #p-oneday .p-oneday__box .p-oneday__step {
    width: 64px;
    height: 64px;
    line-height: 64px
  }
}

#p-oneday .p-oneday__box .p-oneday__box-heading {
  display: block;
  padding-top: 32px;
  font-size: 18px
}

@media (max-width:767px) {
  #p-oneday .p-oneday__box .p-oneday__box-heading {
    padding-top: 20px;
    font-size: 16px
  }
}

#p-oneday .p-oneday__box .p-oneday__box-img-wrap {
  display: block;
  position: relative;
  width: 60%;
  margin-top: 46px
}

@media (max-width:991px) {
  #p-oneday .p-oneday__box .p-oneday__box-img-wrap {
    width: 80%
  }
}

@media (max-width:575px) {
  #p-oneday .p-oneday__box .p-oneday__box-img-wrap {
    width: 100%;
    margin-top: 24px
  }
}

#p-oneday .p-oneday__box .p-oneday__box-img-wrap:before {
  display: block;
  padding-top: 57.377%;
  content: ""
}

#p-oneday .p-oneday__box .p-oneday__box-img-wrap .p-oneday__box-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

#p-oneday .p-oneday__box:last-of-type:before {
  content: none
}

#p-oneday .p-oneday__btn-under {
  padding-bottom: 120px
}

#p-pp {
  padding-bottom: 60px
}

#p-pp .c-lower__heading {
  padding-top: 60px
}

#p-pp .c-lower__heading .c-lower__title {
  line-height: 99%
}

#p-pp .p-pp__title {
  padding-bottom: 15px;
  border-bottom: 1px solid #1f1f1f;
  font-size: 1rem
}

#p-pp .p-pp__content {
  margin-bottom: 40px;
  font-size: .8rem
}

#p-pp .p-pp__table td, #p-pp .p-pp__table th {
  padding: 5px 10px
}

#p-pp .p-pp__btn--close {
  padding-top: 40px
}

#p-recruit .p-recruit__button {
  min-width: 160px;
  padding-top: 10px;
  padding-bottom: 10px
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper {
  padding-top: 60px;
  padding-bottom: 150px
}

@media (max-width:767px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper {
    padding-top: 20px;
    padding-bottom: 80px
  }
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--title {
  padding-bottom: 64px
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--box {
  position: relative;
  background-color: #fff
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner {
  display: flex;
  z-index: 2;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  height: 280px;
  padding-top: 44px;
  padding-bottom: 52px
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-title {
  margin: 0;
  padding-bottom: 42px;
  font-size: 18px;
  font-weight: 400;
  text-align: center
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body .data-body--inner {
  padding-right: 40px;
  text-align: center
}

@media (max-width:575px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body .data-body--inner {
    padding-right: 20px
  }
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body .data-body--inner:last-of-type {
  padding-right: 0
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body2 .data-body2--inner {
  flex: 0 0 200px;
  max-width: 200px;
  padding: 0 20px
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body2 .inline {
  display: inline
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body2 .data-body--text {
  display: inline-block;
  margin: 0;
  padding-bottom: 12px;
  padding-left: 8px;
  font-size: 16px;
  white-space: nowrap
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body--heading {
  margin: 0;
  color: #7e7e7e;
  font-size: 18px;
  font-weight: 400
}

@media (max-width:575px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body--heading {
    font-size: 12px
  }
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body--number {
  margin: 0;
  font-size: 18px
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body--number .number-strong {
  padding-right: 10px;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 48px
}

@media (max-width:575px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body--number .number-strong {
    font-size: 36px
  }
}

@media (max-width:1200px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner .data-body--number {
    font-size: 16px
  }
}

@media (max-width:1200px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner {
    height: 240px
  }
}

@media (max-width:575px) {
  #p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .p-recruit__data--inner {
    height: 100%
  }
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .p-recruit__data--main .data-body--img {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 35%;
  max-height: 100px;
  transform: translateY(-50%) translateX(-50%)
}

#p-recruit .p-recruit__data .p-recruit__data--wrapper .current-date {
  display: block;
  color: #7e7e7e;
  font-size: 12px;
  text-align: right
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--wrapper {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview-img-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://bandit.co.jp/dist/img/recruit/topinterview.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media (max-width:575px) {
  #p-recruit .p-recruit__topinterview .p-recruit__topinterview--img {
    background-position: center right 40%
  }
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--inner {
  z-index: 2;
  position: relative;
  padding: 100px 0
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--inner .p-recruit__topinterview--title {
  padding-bottom: 64px;
  color: #fff
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--inner .p-recruit__topinterview--title .c-section__title-ja {
  color: #fff
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--inner .p-recruit__topinterview--outline {
  max-width: 550px;
  margin: 0;
  padding-bottom: 32px;
  color: #fff
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--inner .p-recruit--more .btn-outline {
  border-color: #fff;
  color: #fff
}

#p-recruit .p-recruit__topinterview .p-recruit__topinterview--inner .p-recruit--more .btn-outline:before {
  background: hsla(0, 0%, 100%, .3)
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--wrapper {
  margin: 140px 0 72px
}

@media (max-width:575px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--wrapper {
    margin: 100px 0 56px
  }
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--title {
  padding-bottom: 64px
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 48px;
  overflow: hidden
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box:active, #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box:focus, #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box:hover {
  background-color: hsla(0, 0%, 100%, .3);
  text-decoration: none
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box:active .p-recruit__staffinterview--img, #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box:focus .p-recruit__staffinterview--img, #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box:hover .p-recruit__staffinterview--img {
  transform: scale(1.1)
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .7s cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--img.img01 {
  background-image: url(https://bandit.co.jp/dist/img/recruit/staff01.jpg)
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--img.img02 {
  background-image: url(https://bandit.co.jp/dist/img/recruit/staff02.jpg)
}

@media (max-width:991px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--img.img03 {
    background-position: center right 80%
  }
}

@media (max-width:350px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--img.img03 {
    background-position: center right 60%
  }
}

#p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--detalis {
  z-index: 2;
  position: relative;
  padding: 265px 32px 56px
}

@media (max-width:575px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box .p-recruit__staffinterview--detalis {
    padding: 200px 24px 40px
  }
}

@media (max-width:991px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__staffinterview--content .p-recruit__staffinterview--box {
    margin-bottom: 32px
  }
}

#p-recruit .p-recruit__staffinterview .p-recruit__oneday--box {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden
}

#p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://bandit.co.jp/dist/img/recruit/staff03.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media (max-width:991px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--img {
    background-position: center right 80%
  }
}

@media (max-width:470px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--img {
    background-position: center right 60%
  }
}

#p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--detalis {
  z-index: 2;
  position: relative;
  width: 100%;
  margin-left: 64%;
  padding: 92px 0
}

#p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--detalis .btn-outline {
  display: inline-block;
  margin-top: 52px;
  border-color: #fff;
  color: #fff
}

#p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--detalis .btn-outline:before {
  background: hsla(0, 0%, 100%, .3)
}

@media (max-width:575px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--detalis .btn-outline {
    margin-top: 32px
  }
}

@media (max-width:991px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--detalis {
    margin-left: 0;
    padding: 80px 32px 60px
  }
}

@media (max-width:575px) {
  #p-recruit .p-recruit__staffinterview .p-recruit__oneday--box .p-recruit__oneday--detalis {
    padding: 64px 28px
  }
}

#p-recruit .p-recruit__staffinterview .number {
  padding-bottom: 10px;
  color: #fff;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 32px
}

@media (max-width:575px) {
  #p-recruit .p-recruit__staffinterview .number {
    font-size: 24px
  }
}

#p-recruit .p-recruit__staffinterview .supplement {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 32px;
  color: #fff;
  font-size: 12px
}

#p-recruit .p-recruit__staffinterview .post {
  color: #fff;
  font-size: 16px
}

@media (max-width:575px) {
  #p-recruit .p-recruit__staffinterview .post {
    font-size: 14px
  }
}

#p-recruit .p-recruit__requirements .p-recruit__requirements--wrapper {
  z-index: 2;
  position: relative
}

#p-recruit .p-recruit__requirements .p-recruit__requirements--wrapper .p-recruit__requirements--content {
  margin: 0 5% 72px;
  padding: 48px 0 54px;
  background-color: #fff;
  text-align: center
}

@media (max-width:575px) {
  #p-recruit .p-recruit__requirements .p-recruit__requirements--wrapper .p-recruit__requirements--content {
    margin: 0 0 72px
  }
}

#p-recruit .p-recruit__requirements .p-recruit__requirements--wrapper .p-recruit__requirements--title {
  padding-bottom: 48px
}

.p-recruit__entry .p-recruit__entry--image-link {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  color: #fff
}

.p-recruit__entry .p-recruit__entry--image-link:active, .p-recruit__entry .p-recruit__entry--image-link:focus, .p-recruit__entry .p-recruit__entry--image-link:hover {
  text-decoration: none
}

.p-recruit__entry .p-recruit__entry--image-link:active .p-recruit__entry--image-link-bg, .p-recruit__entry .p-recruit__entry--image-link:focus .p-recruit__entry--image-link-bg, .p-recruit__entry .p-recruit__entry--image-link:hover .p-recruit__entry--image-link-bg {
  transform: scale(1.05)
}

.p-recruit__entry .p-recruit__entry--image-link:active .p-recruit__entry--image-link-content:after, .p-recruit__entry .p-recruit__entry--image-link:focus .p-recruit__entry--image-link-content:after, .p-recruit__entry .p-recruit__entry--image-link:hover .p-recruit__entry--image-link-content:after {
  transform: scaleX(1)
}

.p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s cubic-bezier(.165, .84, .44, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content {
  display: flex;
  z-index: 2;
  position: relative;
  flex-direction: column-reverse;
  width: 70%;
  padding: 120px 210px 190px
}

@media (max-width:991px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content {
    width: calc(100% - 240px);
    padding: 80px 120px 150px
  }
}

@media (max-width:767px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content {
    width: calc(100% - 60px);
    padding: 80px 30px 120px
  }
}

.p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content:before {
  position: absolute;
  bottom: 120px;
  left: 210px;
  width: 100%;
  height: 1px;
  background-color: #c1c1c1;
  content: ""
}

@media (max-width:991px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content:before {
    bottom: 90px;
    left: 120px
  }
}

@media (max-width:767px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content:before {
    bottom: 70px;
    left: 30px
  }
}

.p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content:after {
  position: absolute;
  bottom: 120px;
  left: 210px;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left top;
  background-color: #fff;
  content: "";
  transition: all .4s cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

@media (max-width:991px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content:after {
    bottom: 90px;
    left: 120px
  }
}

@media (max-width:767px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content:after {
    bottom: 70px;
    left: 30px
  }
}

.p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content .p-recruit__entry--image-link-en {
  justify-content: start;
  padding-bottom: 20px;
  color: #fff;
  font-size: 64px;
  letter-spacing: 2px;
  line-height: 50px
}

@media (max-width:767px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content .p-recruit__entry--image-link-en {
    padding-bottom: 8px;
    font-size: 40px
  }
}

.p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content .p-recruit__entry--image-link-ja {
  justify-content: start;
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 100%
}

@media (max-width:767px) {
  .p-recruit__entry .p-recruit__entry--image-link .p-recruit__entry--image-link-content .p-recruit__entry--image-link-ja {
    font-size: 12px
  }
}

#p-requirements .p-requirements__content {
  padding: 60px 0 160px
}

@media (max-width:767px) {
  #p-requirements .p-requirements__content {
    padding: 60px 0 120px
  }
}

@media (max-width:575px) {
  #p-requirements .p-requirements__content {
    padding: 0 0 80px
  }
}

#p-requirements .p-requirements__button-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

@media (max-width:870px) {
  #p-requirements .p-requirements__button-box {
    padding-bottom: 20px
  }
}

#p-requirements .p-requirements__button--more {
  margin: 0 20px;
  padding-bottom: 56px
}

@media (max-width:870px) {
  #p-requirements .p-requirements__button--more {
    padding-bottom: 24px
  }
}

@media (max-width:575px) {
  #p-requirements .p-requirements__button--more {
    flex: 0 0 100%
  }
}

#p-requirements .p-requirements__button--more .p-requirements__button {
  min-width: 320px
}

@media (max-width:575px) {
  #p-requirements .p-requirements__button--more .p-requirements__button {
    width: 100%;
    min-width: 0
  }
}

#p-requirements .p-requirements--title {
  padding-bottom: 88px
}

#p-requirements .p-requirements__box {
  z-index: 2;
  position: relative;
  margin-bottom: 88px;
  padding: 72px 56px;
  background-color: #fff
}

@media (max-width:767px) {
  #p-requirements .p-requirements__box {
    margin-bottom: 56px;
    padding: 64px 40px
  }
}

@media (max-width:575px) {
  #p-requirements .p-requirements__box {
    padding: 48px 20px
  }
}

@media (max-width:420px) {
  #p-requirements .p-requirements__box {
    padding: 48px 12px
  }
}

#p-requirements .p-requirements__box:last-of-type {
  margin-bottom: 0
}

#p-requirements .p-requirements__box--title {
  margin: 0;
  padding-bottom: 48px;
  font-weight: 400;
  text-align: center
}

@media (max-width:575px) {
  #p-requirements .p-requirements__box--title {
    padding-bottom: 28px
  }
}

#p-requirements .p-requirements__box--inner tr {
  border-top: 1px solid #c1c1c1
}

#p-requirements .p-requirements__box--inner tr:last-of-type {
  border-bottom: 1px solid #c1c1c1
}

#p-requirements .p-requirements__box--inner .table-title {
  width: 200px;
  padding: 32px 20px;
  font-size: 14px;
  font-weight: 700
}

@media (max-width:991px) {
  #p-requirements .p-requirements__box--inner .table-title {
    width: 160px
  }
}

@media (max-width:767px) {
  #p-requirements .p-requirements__box--inner .table-title {
    display: block;
    width: 100%;
    padding: 16px
  }
}

#p-requirements .p-requirements__box--inner .table-main {
  padding: 32px 20px;
  font-size: 14px
}

@media (max-width:767px) {
  #p-requirements .p-requirements__box--inner .table-main {
    display: block;
    padding: 0 16px 16px
  }
}

#p-service .p-service__contents {
  padding: 60px 0 160px
}

@media (max-width:767px) {
  #p-service .p-service__contents {
    padding: 60px 0 120px
  }
}

@media (max-width:575px) {
  #p-service .p-service__contents {
    padding: 0 0 80px
  }
}

#p-service .p-service__contents .service__contents--inner {
  margin-bottom: 160px
}

@media (max-width:991px) {
  #p-service .p-service__contents .service__contents--inner {
    margin-bottom: 80px
  }
}

#p-service .p-service__contents .service__contents--inner:last-of-type {
  margin-bottom: 0
}

#p-service .p-service__contents .p-service__service--section {
  position: relative
}

#p-service .p-service__contents .p-service__service--section .p-service__service--str-wrap {
  display: flex;
  position: relative;
  flex: 0 0 55%;
  flex-wrap: wrap;
  max-width: 55%
}

@media (max-width:991px) {
  #p-service .p-service__contents .p-service__service--section .p-service__service--str-wrap {
    flex: 0 0 100%;
    max-width: 100%
  }
}

#p-service .p-service__contents .p-service__service--section#service-02 .p-service__service--str {
  right: -15px;
  left: auto;
  transform-origin: right top
}

#p-service .p-service__contents .p-service__service--section#service-02 .p-service__service--image-wrap {
  margin-right: 0;
  margin-left: auto
}

#p-service .p-service__contents .p-service__service--image-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 460px;
  overflow: hidden
}

@media (max-width:991px) {
  #p-service .p-service__contents .p-service__service--image-wrap {
    max-height: inherit;
    padding-top: 56.2%
  }
}

#p-service .p-service__contents .p-service__service--image-wrap .p-service__service--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 460px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition-property: transform
}

@media (max-width:991px) {
  #p-service .p-service__contents .p-service__service--image-wrap .p-service__service--image {
    padding-top: 55.5%
  }
}

#p-service .p-service__contents .p-service__service--header-wrap {
  flex: 0 0 45%;
  max-width: 45%
}

@media (max-width:991px) {
  #p-service .p-service__contents .p-service__service--header-wrap {
    flex: 0 0 100%;
    max-width: 100%
  }
}

#p-service .p-service__contents .p-service__service--header {
  position: relative;
  width: 370px;
  margin: 0 auto;
  padding: 160px 0
}

@media (max-width:991px) {
  #p-service .p-service__contents .p-service__service--header {
    padding: 80px 0
  }
}

@media (max-width:575px) {
  #p-service .p-service__contents .p-service__service--header {
    max-width: 100%;
    padding: 60px 20px
  }
}

#p-service .p-service__contents .p-service__service--header .p-service__service--sub-title {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  margin-bottom: 32px;
  font-weight: 400
}

#p-service .p-service__contents .p-service__service--header .p-service__service--sub-title .p-service__service--sub-title-number {
  position: absolute;
  top: -80px;
  left: -40px;
  color: #f0f0f0;
  font-family: Cardo, "\30D2\30E9\30AE\30CE\660E\671D   Pro W3", Hiragino Mincho Pro, "\6E38\660E\671D\4F53", YuMincho, Yu Mincho, "\FF2D\FF33   \FF30\660E\671D", MS PMincho, serif;
  font-size: 127px
}

#p-service .p-service__contents .p-service__service--header .p-service__service--sub-title .p-service__service--sub-title-en {
  margin-bottom: 5px;
  font-size: 28px;
  letter-spacing: 1.2px
}

#p-service .p-service__contents .p-service__service--header .p-service__service--sub-title .p-service__service--sub-title-en span {
  position: relative
}

#p-service .p-service__contents .p-service__service--header .p-service__service--sub-title .p-service__service--sub-title-en span:after {
  position: absolute;
  top: 20px;
  right: -100px;
  width: 80px;
  height: 1px;
  background-color: #c1c1c1;
  content: ""
}

#p-service .p-service__contents .p-service__service--header .p-service__service--sub-title .p-service__service--sub-title-ja {
  color: #8c96a9;
  font-size: 12px;
  letter-spacing: .5px
}

#p-service .p-service__contents .p-service__service--header .p-service__service--catch {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 1.7em
}

@media (max-width:991px) {
  #p-service .p-service__contents .p-service__service--header .p-service__service--catch {
    font-size: 25px
  }
}

#p-service .p-service__contents .p-service__service--header .p-service__service--more {
  padding-top: 30px
}

#p-service .p-service__contents .p-service__service--header .p-service__service--more-button {
  min-width: 160px;
  padding-top: 10px;
  padding-bottom: 10px
}

#p-service .p-service__contents .p-service__service--content-wrap {
  max-width: 780px;
  margin: 0 auto
}

#p-service .p-service__contents .p-service__service--content-wrap .p-service__service--text {
  z-index: 2;
  position: relative;
  margin-bottom: 0;
  padding-top: 80px;
  font-size: 14px
}

#p-staffinterview .p-staffinterview__content {
  padding: 60px 0 160px
}

@media (max-width:767px) {
  #p-staffinterview .p-staffinterview__content {
    padding: 60px 0 120px
  }
}

@media (max-width:575px) {
  #p-staffinterview .p-staffinterview__content {
    padding: 0 0 80px
  }
}

#p-topinterview .p-topinterview__content {
  padding: 60px 0 160px
}

@media (max-width:767px) {
  #p-topinterview .p-topinterview__content {
    padding: 60px 0 120px
  }
}

@media (max-width:575px) {
  #p-topinterview .p-topinterview__content {
    padding: 0 0 80px
  }
}

/*
// カリキュラム
*/
.ttl_top{
  font-size: 20px;
  margin-bottom: 30px;
}
.color_reddeep {
  color: #000;
}
.color_purpledeep {
  color: #000;
}
.color_greendeep {
  color: #000;
}
.weight-bold {
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Droid Sans Japanese, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.grid-flex {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
}
ul.grid-flex li{
  margin-right: 15px;
}
.flexcol_sx {
  -webkit-flex-basis: 19% !important;
  flex-basis: 19% !important;
}
.flexcol_l {
  -webkit-flex-basis: 80% !important;
  flex-basis: 80% !important;
}
.bottom-solid {
  border-bottom: 1px solid #a0a8b3;
    border-bottom-color: rgb(160, 168, 179);
}
.flow-arrow {
  display: inline-block;
  width: 90px;
  height: 28px;
  overflow: hidden;
}
.flow-arrow:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 28px 45px;
  border-color: #273166 transparent transparent transparent;
}
.flow-arrow.cs:before {
  border-top-color: #396288;
}
.flow-arrow.ds:before {
  border-top-color: #ea855b;
}
.flow-arrow.bs:before {
  border-top-color: #6da84e;
}
.flow-arrow.ms:before {
  border-top-color: #037cae;
}
.flow-arrow.hs:before {
  border-top-color: #d22c40;
}
.flow-arrow.eng:before {
  border-top-color: #565485;
}

.flow-bar-block .block-body {
  display: table;
  width: 100%;
}
.flow-bar-block .block-body > .bar, .flow-bar-block .block-body .block-content {
  display: table-cell;
  vertical-align: top;
}
.flow-bar-block .block-body .bar {
  padding-top: 5px;
  width: 90px;
  background-color: #273166;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}
.flow-bar-block .block-body .bar strong {
  font-size: 2em;
}
.flow-bar-block .block-body .block-content {
  background-color: #c0cada;
  padding: 20px 26px 30px;
}
.flow-bar-block.cs .bar {
  background-color: #396288;
}
.flow-bar-block.cs .block-content {
  background-color: #effbff;
}
.flow-bar-block.ds .bar {
  background-color: #ea855b;
}
.flow-bar-block.ds .block-content {
  background-color: #fff3ee;
}
.flow-bar-block.bs .bar {
  background-color: #6da84e;
}
.flow-bar-block.bs .block-content {
  background-color: #f1faec;
}
.flow-bar-block.ms .bar {
  background-color: #037cae;
}
.flow-bar-block.ms .block-content {
  background-color: #f8f7f7;
}
.flow-bar-block.hs .bar {
  background-color: #d22c40;
}
.flow-bar-block.hs .block-content {
  background-color: #fdf3f4;
}
.flow-bar-block.eng .bar {
  background-color: #565485;
}
.flow-bar-block.eng .block-content {
  background-color: #f4f4fa;
}

.flow-group.group-ms {
  position: relative;
}
.flow-group.group-ms .block-content {
  padding-right: 30px;
}
.flow-group.group-ms .bar1, .flow-group.group-ms .bar2, .flow-group.group-ms .bar3 {
  position: absolute;
  text-align: center;
  font-weight: bold;
}
.flow-group.group-ms .bar1:after, .flow-group.group-ms .bar2:after, .flow-group.group-ms .bar3:after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 20px 20px;
  border-color: #273166 transparent transparent;
}
.flow-group.group-ms .bar1 span, .flow-group.group-ms .bar2 span, .flow-group.group-ms .bar3 span {
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.flow-group.group-ms .bar1 {
  background-color: #e6d4a7;
  top: 0;
  right: 50px;
  width: 40px;
  height: calc(100% - 20px);
  padding-top: 50%;
}
.flow-group.group-ms .bar1:after {
  bottom: -40px;
  right: 0px;
  border-color: #e6d4a7 transparent transparent;
}
.flow-group.group-ms .bar2 {
  background-color: #f0cda3;
  top: 40px;
  right: 0;
  width: 40px;
  height: calc(49.8% - 60px);
  padding-top: 50%;
}
.flow-group.group-ms .bar2:after {
  bottom: -40px;
  right: 0px;
  border-color: #f0cda3 transparent transparent;
}
.flow-group.group-ms .bar3 {
background-color: #b2dcf0;
top: 102%;
right: 0;
width: 40px;
bottom: 34px;
height: calc(17% - 84px);
padding-top: 2%;
}
.flow-group.group-ms .bar3:after {
  bottom: -38px;
  right: 0px;
  border-color: #b2dcf0 transparent transparent;
}

@media screen and (max-width: 767px) {
  .flow-bar-block .block-body {
    display: block;
  }
  .flow-bar-block .block-body > .bar, .flow-bar-block .block-body .block-content {
    display: block;
  }
  .flow-bar-block .block-body .bar {
    text-align: left;
    padding: 0.4em 0.6em;
    width: auto;
  }
  .flow-bar-block .block-body .bar strong {
    font-size: 1em;
  }
  .flow-bar-block .block-body .block-content {
    padding: 0.6em 0.6em 1em;
  }
  .flow-bar-block .block-footer {
    margin-top: 1em;
    text-align: center;
  }

  .flow-group .group-footer {
    margin-top: 1em;
    text-align: center;
  }

  .flow-group.group-ms {
    position: relative;
  }
  .flow-group.group-ms .block-content {
    padding-right: 15px;
  }
  .flow-group.group-ms .bar1, .flow-group.group-ms .bar2, .flow-group.group-ms .bar3 {
    width: 30px;
  }
  .flow-group.group-ms .bar1:after, .flow-group.group-ms .bar2:after, .flow-group.group-ms .bar3:after {
    bottom: -30px;
    border-width: 15px;
  }
  .flow-group.group-ms .bar1 {
    right: 31px;
  }
}