@charset "UTF-8";
/*
Theme Name: RubyTheme
Theme URI: http://wds.com.vn/
Author: Wakka Data Service
Author URI: http://wds.com.vn/
Description: RubyTheme
Requires at least: WordPress 4.9.6
Version: 1.3
Text Domain: rubytheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Variables & Mixins */
/**
 * VARIABLES
 */
/**
 * ICON MOON
 */
/**
 * OTHERS
 */
/* Normalize */
/*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -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-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

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

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

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

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

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

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?ajmdfd");
  src: url("fonts/icomoon.eot?ajmdfd#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?ajmdfd") format("truetype"), url("fonts/icomoon.woff?ajmdfd") format("woff"), url("fonts/icomoon.svg?ajmdfd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook-2:before {
  content: "\e917"; }

.icon-line1 .path1:before {
  content: "\e918";
  color: #00c300; }

.icon-line1 .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: white; }

.icon-twitter:before {
  content: "\e91a"; }

.icon-checked2:before {
  content: "\e916"; }

.icon-checked:before {
  content: "\e915"; }

.icon-search:before {
  content: "\e914"; }

.icon-question:before {
  content: "\e913"; }

.icon-job-desc:before {
  content: "\e90e"; }

.icon-job-point:before {
  content: "\e90f"; }

.icon-fulltime:before {
  content: "\e910"; }

.icon-heart-circle:before {
  content: "\e911"; }

.icon-star-outline:before {
  content: "\e912"; }

.icon-arrow-nav-down:before {
  content: "\e90d"; }

.icon-nav-right-thin:before {
  content: "\e90b"; }

.icon-nav-left-thin:before {
  content: "\e90c"; }

.icon-home:before {
  content: "\e90a"; }

.icon-line:before {
  content: "\e907"; }

.icon-link-ext:before {
  content: "\e908"; }

.icon-nav-right:before {
  content: "\e900"; }

.icon-nav-left:before {
  content: "\e901"; }

.icon-instagram:before {
  content: "\e902"; }

.icon-facebook:before {
  content: "\e903"; }

.icon-entry:before {
  content: "\e904"; }

.icon-arrow-top:before {
  content: "\e905"; }

.icon-arrow-right2:before {
  content: "\e906"; }

.icon-arrow-right:before {
  content: "\e909"; }

/* Bootstrap Custom Grid */
/**
 * CONTAINER
 */
.container-wide {
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 1200px) {
    .container-wide {
      padding-left: 50px;
      padding-right: 50px; } }

.container-header {
  padding-left: 15px; }
  @media (min-width: 1200px) {
    .container-header {
      padding-left: 60px; } }

[class*="--max-"] {
  margin-left: auto;
  margin-right: auto; }

.--max-700 {
  max-width: 730px; }

.--max-768 {
  max-width: 798px; }

.--max-890 {
  max-width: 920px; }

.--max-1110 {
  max-width: 1140px; }

/** Thay đổi Padding trên Container SP **/
@media (max-width: 767.98px) {
  .container {
    padding-left: 20px;
    padding-right: 20px; }
    .container.--sm-20 {
      padding-left: 20px;
      padding-right: 20px; }
    .container.--sm-10 {
      padding-left: 10px;
      padding-right: 10px; } }
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/** BIẾN **/
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

.container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }
@media (min-width: 768px) {
  .container {
    max-width: 720px; } }
@media (min-width: 992px) {
  .container {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }
.container-fluid {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -ms-flex-order: 12;
  order: 12; }

.offset-1 {
  margin-left: 8.333333%; }

.offset-2 {
  margin-left: 16.666667%; }

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

.offset-4 {
  margin-left: 33.333333%; }

.offset-5 {
  margin-left: 41.666667%; }

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

.offset-7 {
  margin-left: 58.333333%; }

.offset-8 {
  margin-left: 66.666667%; }

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

.offset-10 {
  margin-left: 83.333333%; }

.offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1 {
    margin-left: 8.333333%; }

  .offset-sm-2 {
    margin-left: 16.666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.333333%; }

  .offset-sm-5 {
    margin-left: 41.666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.333333%; }

  .offset-sm-8 {
    margin-left: 66.666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.333333%; }

  .offset-sm-11 {
    margin-left: 91.666667%; } }
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1 {
    margin-left: 8.333333%; }

  .offset-md-2 {
    margin-left: 16.666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.333333%; }

  .offset-md-5 {
    margin-left: 41.666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.333333%; }

  .offset-md-8 {
    margin-left: 66.666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.333333%; }

  .offset-md-11 {
    margin-left: 91.666667%; } }
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-lg-0 {
    margin-left: 0; }

  .offset-lg-1 {
    margin-left: 8.333333%; }

  .offset-lg-2 {
    margin-left: 16.666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.333333%; }

  .offset-lg-5 {
    margin-left: 41.666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.333333%; }

  .offset-lg-8 {
    margin-left: 66.666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.333333%; }

  .offset-lg-11 {
    margin-left: 91.666667%; } }
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1; }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13; }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0; }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1; }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2; }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3; }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4; }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5; }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6; }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7; }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8; }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9; }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10; }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11; }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12; }

  .offset-xl-0 {
    margin-left: 0; }

  .offset-xl-1 {
    margin-left: 8.333333%; }

  .offset-xl-2 {
    margin-left: 16.666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.333333%; }

  .offset-xl-5 {
    margin-left: 41.666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.333333%; }

  .offset-xl-8 {
    margin-left: 66.666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.333333%; }

  .offset-xl-11 {
    margin-left: 91.666667%; } }
.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: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  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: -ms-flexbox !important;
    display: flex !important; }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important; }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important; }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important; }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
    display: flex !important; }

  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

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

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

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

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

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

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

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

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

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

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

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

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

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

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

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

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

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }

  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }

  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }

  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }

  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }

  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }

  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important; }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important; }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }

  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }

  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important; }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important; }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important; }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }
.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-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !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-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !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-1 {
    margin: 0.25rem !important; }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }

  .m-sm-2 {
    margin: 0.5rem !important; }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }

  .m-sm-3 {
    margin: 1rem !important; }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }

  .m-sm-4 {
    margin: 1.5rem !important; }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }

  .m-sm-5 {
    margin: 3rem !important; }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !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-1 {
    padding: 0.25rem !important; }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }

  .p-sm-2 {
    padding: 0.5rem !important; }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }

  .p-sm-3 {
    padding: 1rem !important; }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }

  .p-sm-4 {
    padding: 1.5rem !important; }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }

  .p-sm-5 {
    padding: 3rem !important; }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }

  .m-sm-n1 {
    margin: -0.25rem !important; }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }

  .m-sm-n2 {
    margin: -0.5rem !important; }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }

  .m-sm-n3 {
    margin: -1rem !important; }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }

  .m-sm-n4 {
    margin: -1.5rem !important; }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }

  .m-sm-n5 {
    margin: -3rem !important; }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !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-1 {
    margin: 0.25rem !important; }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }

  .m-md-2 {
    margin: 0.5rem !important; }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }

  .m-md-3 {
    margin: 1rem !important; }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }

  .m-md-4 {
    margin: 1.5rem !important; }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }

  .m-md-5 {
    margin: 3rem !important; }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !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-1 {
    padding: 0.25rem !important; }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }

  .p-md-2 {
    padding: 0.5rem !important; }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }

  .p-md-3 {
    padding: 1rem !important; }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }

  .p-md-4 {
    padding: 1.5rem !important; }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }

  .p-md-5 {
    padding: 3rem !important; }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }

  .m-md-n1 {
    margin: -0.25rem !important; }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }

  .m-md-n2 {
    margin: -0.5rem !important; }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }

  .m-md-n3 {
    margin: -1rem !important; }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }

  .m-md-n4 {
    margin: -1.5rem !important; }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }

  .m-md-n5 {
    margin: -3rem !important; }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !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-1 {
    margin: 0.25rem !important; }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }

  .m-lg-2 {
    margin: 0.5rem !important; }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }

  .m-lg-3 {
    margin: 1rem !important; }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }

  .m-lg-4 {
    margin: 1.5rem !important; }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }

  .m-lg-5 {
    margin: 3rem !important; }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !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-1 {
    padding: 0.25rem !important; }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }

  .p-lg-2 {
    padding: 0.5rem !important; }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }

  .p-lg-3 {
    padding: 1rem !important; }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }

  .p-lg-4 {
    padding: 1.5rem !important; }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }

  .p-lg-5 {
    padding: 3rem !important; }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }

  .m-lg-n1 {
    margin: -0.25rem !important; }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }

  .m-lg-n2 {
    margin: -0.5rem !important; }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }

  .m-lg-n3 {
    margin: -1rem !important; }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }

  .m-lg-n4 {
    margin: -1.5rem !important; }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }

  .m-lg-n5 {
    margin: -3rem !important; }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !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-1 {
    margin: 0.25rem !important; }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }

  .m-xl-2 {
    margin: 0.5rem !important; }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }

  .m-xl-3 {
    margin: 1rem !important; }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }

  .m-xl-4 {
    margin: 1.5rem !important; }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }

  .m-xl-5 {
    margin: 3rem !important; }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !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-1 {
    padding: 0.25rem !important; }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }

  .p-xl-2 {
    padding: 0.5rem !important; }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }

  .p-xl-3 {
    padding: 1rem !important; }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }

  .p-xl-4 {
    padding: 1.5rem !important; }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }

  .p-xl-5 {
    padding: 3rem !important; }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }

  .m-xl-n1 {
    margin: -0.25rem !important; }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }

  .m-xl-n2 {
    margin: -0.5rem !important; }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }

  .m-xl-n3 {
    margin: -1rem !important; }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }

  .m-xl-n4 {
    margin: -1.5rem !important; }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }

  .m-xl-n5 {
    margin: -3rem !important; }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !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; } }
/*# sourceMappingURL=bootstrap-grid.css.map */
/**
 * GRID ĐẶT VỊ TRÍ SAU FILE BOOTSTRAP-GRID
 */
/**
 * GRID
 */
.rubygrid, .grid-flex {
  display: flex;
  justify-content: center; }

.col-max-890 {
  max-width: 890px; }

/** Bổ sung grid xxl */
@media (min-width: 1400px) {
  .container:not([class*="--max-"]) {
    max-width: 1360px; } }
@media (min-width: 1600px) {
  .container:not([class*="--max-"]) {
    max-width: 1530px; } }
/* Template Reset */
/**
 * FONT
 */
html {
  font-size: 10px; }

body {
  font-family: "Noto Sans JP", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-weight: 700; }

h1, h2 {
  font-size: 7.6rem; }
  @media (max-width: 767.98px) {
    h1, h2 {
      font-size: 3.6rem; } }

h3 {
  font-size: 2.4rem; }
  @media (max-width: 767.98px) {
    h3 {
      font-size: 1.8rem; } }

h4 {
  font-size: 1.8rem; }
  @media (max-width: 767.98px) {
    h4 {
      font-size: 1.4rem; } }

h5 {
  font-size: 1.4rem; }
  @media (max-width: 767.98px) {
    h5 {
      font-size: 1.2rem; } }

h6 {
  font-size: 1.2rem; }
  @media (max-width: 767.98px) {
    h6 {
      font-size: 1rem; } }

.__h1, .__h2, .__h3, .__h4, .__h5, .__h6 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  line-height: 1.4; }

p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 2; }
  @media (max-width: 767.98px) {
    p {
      font-size: 14px; } }

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
  line-height: 1.7; }

/** List **/
ul:focus {
  outline: none; }

/** Bootstrap Collapse **/
.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

/** Bootstrap Modal **/
.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }
  .modal .close {
    position: absolute;
    right: -10px;
    top: -15px;
    border-radius: 38px;
    width: 38px;
    height: 38px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
    .modal .close a, .modal .close button {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      padding: 0;
      background-color: #122A88;
      border-width: 0;
      border-radius: 38px;
      color: #fff;
      cursor: pointer;
      transition: transform 0.2s; }
      .modal .close a:focus, .modal .close button:focus {
        outline: none; }
    .modal .close span {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -99999px; }
      .modal .close span::before, .modal .close span::after {
        content: '';
        position: absolute;
        left: calc(50% - 8px);
        top: 50%;
        width: 16px;
        height: 1px;
        background-color: #fff;
        text-indent: 0; }
      .modal .close span::before {
        transform: rotate(45deg); }
      .modal .close span::after {
        transform: rotate(-45deg); }
    .modal .close:hover a, .modal .close:hover button {
      transform: rotate(180deg); }
  @media (max-width: 767.98px) {
    .modal .close {
      right: 0;
      top: 0;
      box-shadow: none; }
      .modal .close a, .modal .close button {
        border-radius: 0; }
      .modal .close:hover a, .modal .close:hover button {
        transform: rotate(0); } }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 20px;
  pointer-events: none; }

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px); }

.modal-slide {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%; }
  .modal-slide.slide-current {
    position: static; }

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none; } }
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none; }

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem); }

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden; }

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.modal-dialog-scrollable .modal-body {
  overflow-y: auto; }

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem); }

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: ""; }

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none; }

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop.show {
  opacity: 0.5; }

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.modal-footer > :not(:first-child) {
  margin-left: .25rem; }

.modal-footer > :not(:last-child) {
  margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto; }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem); }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem); }

  .modal-sm {
    max-width: 300px; } }
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }
/**
 * GENERAL TAGS
 */
.pc, .pc-xs, .pc-sm, .pc-md, .pc-lg {
  display: block !important; }

.sp, .sp-xs, .sp-sm, .sp-md, .sp-lg {
  display: none !important; }

@media (max-width: 991.98px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; } }
@media (max-width: 575.98px) {
  .pc-xs {
    display: none !important; }

  .sp-xs {
    display: block !important; } }
@media (max-width: 767.98px) {
  .pc-sm {
    display: none !important; }

  .sp-sm {
    display: block !important; } }
@media (max-width: 991.98px) {
  .pc-md {
    display: none !important; }

  .sp-md {
    display: block !important; } }
@media (max-width: 1199.98px) {
  .pc-lg {
    display: none !important; }

  .sp-lg {
    display: block !important; } }
.block {
  display: block; }

.inline {
  display: inline-block; }

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

.display-none {
  display: none; }

.inline-group > * {
  display: inline-block; }

/** HIDDEN **/
@media (max-width: 575.98px) {
  .hidden-xs {
    display: none !important; } }
@media (max-width: 767.98px) {
  .hidden-sm {
    display: none !important; } }
@media (max-width: 991.98px) {
  .hidden-md {
    display: none !important; } }
/** TITLE **/
.title-border {
  padding-bottom: 20px;
  margin-bottom: 50px;
  border-bottom: 1px solid #DCDFE2;
  text-align: center; }
  .title-border h2, .title-border h3 {
    letter-spacing: 2px; }
  @media (max-width: 767.98px) {
    .title-border {
      margin-bottom: 35px; } }

.h3-underline {
  position: relative;
  text-align: center; }
  .h3-underline::after {
    content: "";
    position: relative;
    left: calc(50% - (96px / 2));
    top: 0;
    display: block;
    width: 96px;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #707070; }
  @media (max-width: 767.98px) {
    .h3-underline {
      font-size: 1.6rem;
      line-height: 1.8; }
      .h3-underline::after {
        left: calc(50% - (46px / 2));
        width: 46px;
        margin-top: 25px;
        margin-bottom: 25px; } }

.topic-h1 {
  display: inline-block;
  padding: 15px 50px;
  border: 3px solid #1e1e1e;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center; }
  @media (max-width: 991.98px) {
    .topic-h1 {
      padding: 12px 40px;
      border-width: 2px;
      font-size: 1.2rem; } }

/** IMAGE **/
figure {
  margin-bottom: 0; }

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

.img-res-sp img {
  display: block; }
@media (max-width: 991.98px) {
  .img-res-sp img {
    width: 100%;
    height: auto; } }

.img-res-xs img {
  display: block; }
@media (max-width: 575.98px) {
  .img-res-xs img {
    width: 100%;
    height: auto; } }

.img-round {
  overflow: hidden;
  border-radius: 10000px; }

/* Image responsive */
img[data-width-sp] {
  opacity: 0; }
  img[data-width-sp].img-res-actived {
    opacity: 1; }

/** Image effect hover **/
.img-hover {
  overflow: hidden;
  position: relative;
  display: block;
  /** Image effect hover 2 **/ }
  .img-hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) repeat;
    background-color: rgba(0, 0, 0, 0.25);
    transition: opacity 0.4s;
    opacity: 0; }
  .img-hover img {
    transition: transform 0.4s;
    transform: perspective(600px); }
  .img-hover:hover::after {
    opacity: 1; }
  .img-hover:hover img {
    transform: perspective(600px) translate3d(0, 0, 100px); }
  .img-hover.--hover-2:hover img {
    transform: perspective(600px) translate3d(0, 0, 100px) rotate(-5deg); }

/** BREAK LINE **/
[class^=br-] {
  display: none; }

@media (max-width: 575.98px) {
  .br-xs {
    display: inline-block;
    width: 100%; } }

@media (max-width: 767.98px) {
  .br-sm {
    display: inline-block;
    width: 100%; } }

@media (min-width: 576px) {
  .br-min-sm {
    display: inline-block;
    width: 100%; } }

@media (min-width: 768px) {
  .br-min-md {
    display: inline-block;
    width: 100%; } }

@media (min-width: 992px) {
  .br-min-lg {
    display: inline-block;
    width: 100%; } }

[class^=br-flex]::before, [class^=br-flex]::after {
  display: none !important; }

.br-flex {
  width: 100%; }

@media (max-width: 767.98px) {
  .br-flex-sm {
    display: block;
    width: 100%; } }

@media (max-width: 991.98px) {
  .br-flex-md {
    display: block;
    width: 100%; } }

/** TEXT ELEMENT **/
.text-primary {
  color: #122A88; }

.text-yellow {
  color: #FF9933; }

.text-yellow-alter {
  color: #f7931e; }

.text-sm {
  font-size: 1.2rem; }

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

@media (max-width: 767.98px) {
  .text-left-sp {
    text-align: left !important; } }

.bold {
  font-weight: 700; }

/** BUTTON **/
.btn {
  display: flex;
  /** MEDIA **/ }
  .btn a {
    position: relative;
    display: block;
    padding: 18px 30px;
    background-color: #000;
    color: #fff; }
    .btn a:hover {
      text-decoration: none;
      background: linear-gradient(45deg, #70e6ff 0%, #708afd 100%);
      color: #fff; }
  .btn a:not([href]) {
    color: #fff;
    cursor: pointer; }
    .btn a:not([href]):hover {
      color: #fff; }
  .btn i {
    font-size: 0.8em; }
  .btn.btn--gradient a {
    padding: 12px 30px 13px;
    border-radius: 100px;
    background: linear-gradient(66deg, #70e0ff 0%, #708afd 100%);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    line-height: 1.2;
    text-align: center; }
    .btn.btn--gradient a:hover {
      background: #000 !important; }
  .btn.btn--link a {
    padding: 0;
    background: transparent;
    color: #000; }
    .btn.btn--link a:hover {
      opacity: 0.5; }
  .btn.btn--center {
    justify-content: center; }
  .btn.btn--bold a {
    font-weight: 700; }
  .btn.btn--xs a {
    padding: 5px 20px; }
  .btn.btn--md a {
    min-width: 250px;
    padding: 24px 30px; }
  .btn.btn--lg a {
    min-width: 480px;
    padding: 25px 50px;
    font-size: 30px;
    font-weight: 500; }
  .btn.btn--lg .small {
    font-size: 0.5em;
    font-weight: 400; }
  .btn.btn--block a {
    width: 100%; }
  .btn.btn--min350 a {
    min-width: 350px; }
  .btn.btn--min500 a {
    min-width: 500px; }
  .btn.btn--outline a {
    border-radius: 100px;
    border: 1px solid #000;
    background: transparent;
    color: #000; }
    .btn.btn--outline a:hover {
      background: #000;
      color: #fff; }
  .btn .small {
    font-size: 0.8em; }
  .btn [class*=icon-] {
    padding-left: 8px;
    padding-right: 0; }
    .btn [class*=icon-].icon--inline-right {
      padding-left: 12px; }
    .btn [class*=icon-].icon--inline-left {
      padding-left: 0;
      padding-right: 8px; }
    .btn [class*=icon-].icon--right {
      position: absolute;
      top: calc(50% - 5px);
      right: 20px; }
    .btn [class*=icon-].icon--sm {
      font-size: 0.6em; }
    .btn [class*=icon-].icon--xs {
      font-size: 0.4em; }
  @media (max-width: 767.98px) {
    .btn a {
      padding: 14px 20px;
      font-size: 13px; }
    .btn.btn-md a {
      width: 100%;
      padding: 20px 20px;
      font-size: 1.4rem; }
    .btn.btn--lg a {
      min-width: auto;
      width: 100%;
      padding: 15px 15px;
      font-size: 24px;
      line-height: 1.4; }
    .btn.btn--lg .small {
      font-size: 0.6em; }
    .btn .small {
      font-size: 0.8em; }
    .btn.btn--min350 a {
      min-width: 300px; }
    .btn.btn--min500 a {
      min-width: 100%; }
    .btn.btn--block-sp a {
      min-width: 100%; } }

/** LINK **/
a {
  color: inherit; }
  a:hover {
    color: #000; }

.link {
  /** MEDIA **/ }
  .link a {
    color: #122A88;
    text-decoration: underline; }
  .link a:hover {
    color: #00436A; }
    .link a:hover i {
      animation: animate-moveToRight 0.3s forwards; }
  .link.link-right {
    text-align: right; }
    .link.link-right i {
      padding-left: 10px; }
  @media (max-width: 575.98px) {
    .link b {
      vertical-align: middle; } }

.link-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9; }

.disable {
  opacity: 0.3; }

@keyframes animate-tada {
  0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: scale3d(1, 1, 1); } }
@keyframes animate-shake {
  0%, 100% {
    transform: translate3d(0, 0, 0); }
  15%, 45%, 75% {
    transform: translate3d(-4px, 0, 0); }
  30%, 60%, 90% {
    transform: translate3d(4px, 0, 0); } }
@keyframes animate-moveToRight {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(4px, 0, 0) scale(0.8); } }
/** TAG **/
/** ICON **/
[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  height: 15px;
  padding-right: 8px;
  font-weight: inherit;
  line-height: 12px;
  vertical-align: middle; }

.icon-right {
  padding-left: 8px;
  padding-right: 0; }

.link-blank a::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  padding-left: 10px;
  padding-right: 0;
  font-size: 0.85em; }

.icon-star-filled {
  color: #122A88; }
  .icon-star-filled::before {
    content: "\e90c"; }

.icon-star-empty {
  color: #E5E5E5; }
  .icon-star-empty::before {
    content: "\e90c"; }

.icon-star-half {
  color: #122A88; }
  .icon-star-half::before {
    content: "\e911"; }

.icon-star2-filled {
  padding-right: 5px;
  height: 1.3em;
  color: #f09c3b; }
  .icon-star2-filled:before {
    font-size: 1.5rem; }

.icon-star2-empty {
  height: 1.3em;
  color: #f09c3b; }
  .icon-star2-empty:before {
    font-size: 1.5rem; }

/** RATING **/
.rating {
  padding-top: 2px;
  padding-bottom: 5px;
  font-size: 1.2rem; }
  .rating [class*=icon-star-] {
    padding-right: 0; }
  .rating [class*=icon-star2-] {
    padding-right: 3px; }
  .rating .count-rate {
    display: inline-block;
    padding-left: 5px;
    margin-top: -3px;
    color: #f09c3b;
    font-size: 1.6rem;
    font-weight: bold;
    vertical-align: middle; }
  @media (max-width: 575.98px) {
    .rating .count-rate {
      font-size: 1.4rem; } }

/**
 * HIGHLIGHT
 */
.highlight {
  color: #278AA3;
  box-shadow: 0 1px 0 0 #278AA3; }
  .highlight:hover {
    transition: box-shadow 0.4s; }

/** CSS LIVE **/
.css-live-reload-done {
  display: none !important;
  opacity: 0 !important; }

/** Fixed **/
.hidden {
  display: none !important; }

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; } }
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; } }
/**
 * BUTTON
 */
.wp-block-button {
  display: flex;
  /** MEDIA **/ }
  .wp-block-button a {
    position: relative;
    display: block;
    padding: 18px 30px;
    background-color: #000;
    color: #fff;
    font-size: 15px; }
    .wp-block-button a:hover {
      text-decoration: none;
      background: linear-gradient(45deg, #70e6ff 0%, #708afd 100%);
      color: #fff; }
  .wp-block-button a:not([href]) {
    color: #fff;
    cursor: pointer; }
    .wp-block-button a:not([href]):hover {
      color: #fff; }
  .wp-block-button i {
    font-size: 0.8em; }
  .wp-block-button.btn--gradient a {
    padding: 12px 30px 13px;
    border-radius: 100px;
    background: linear-gradient(66deg, #70e0ff 0%, #708afd 100%);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    line-height: 1.2;
    text-align: center; }
    .wp-block-button.btn--gradient a:hover {
      background: #000 !important; }
  .wp-block-button.btn--link a {
    padding: 0;
    background: transparent;
    color: #000; }
    .wp-block-button.btn--link a:hover {
      opacity: 0.5; }
  .wp-block-button.btn--center {
    justify-content: center; }
  .wp-block-button.btn--bold a {
    font-weight: 700; }
  .wp-block-button.btn--xs a {
    padding: 5px 20px; }
  .wp-block-button.btn--md a {
    min-width: 250px;
    padding: 24px 30px; }
  .wp-block-button.btn--lg a {
    min-width: 480px;
    padding: 25px 50px;
    font-size: 30px;
    font-weight: 500; }
  .wp-block-button.btn--lg .small {
    font-size: 0.5em;
    font-weight: 400; }
  .wp-block-button.btn--block a {
    width: 100%; }
  .wp-block-button.btn--min350 a {
    min-width: 350px; }
  .wp-block-button.btn--min500 a {
    min-width: 500px; }
  .wp-block-button.btn--outline a {
    border-radius: 100px;
    border: 1px solid #000;
    background: transparent;
    color: #000; }
    .wp-block-button.btn--outline a:hover {
      background: #000;
      color: #fff; }
  .wp-block-button .small {
    font-size: 0.8em; }
  .wp-block-button [class*=icon-] {
    padding-left: 8px;
    padding-right: 0; }
    .wp-block-button [class*=icon-].icon--inline-right {
      padding-left: 12px; }
    .wp-block-button [class*=icon-].icon--inline-left {
      padding-left: 0;
      padding-right: 8px; }
    .wp-block-button [class*=icon-].icon--right {
      position: absolute;
      top: calc(50% - 5px);
      right: 20px; }
    .wp-block-button [class*=icon-].icon--sm {
      font-size: 0.6em; }
    .wp-block-button [class*=icon-].icon--xs {
      font-size: 0.4em; }
  @media (max-width: 767.98px) {
    .wp-block-button a {
      padding: 14px 20px;
      font-size: 13px; }
    .wp-block-button.btn-md a {
      width: 100%;
      padding: 20px 20px;
      font-size: 1.4rem; }
    .wp-block-button.btn--lg a {
      min-width: auto;
      width: 100%;
      padding: 15px 15px;
      font-size: 24px;
      line-height: 1.4; }
    .wp-block-button.btn--lg .small {
      font-size: 0.6em; }
    .wp-block-button .small {
      font-size: 0.8em; }
    .wp-block-button.btn--min350 a {
      min-width: 300px; }
    .wp-block-button.btn--min500 a {
      min-width: 100%; }
    .wp-block-button.btn--block-sp {
      min-width: 100%; }
      .wp-block-button.btn--block-sp a {
        min-width: 100%; } }

/**
 * FORM
 */
::placeholder {
  color: #888;
  font-weight: 400; }

input:focus, textarea:focus {
  outline: none; }

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
textarea,
select {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 15px 25px;
  background-color: #f1f1f1;
  border: 1px solid transparent;
  color: #000;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  transition: box-shadow 0.15s; }
  input[type=text]:hover,
  input[type=email]:hover,
  input[type=password]:hover,
  input[type=tel]:hover,
  input[type=url]:hover,
  textarea:hover,
  select:hover {
    border-radius: 2px; }
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=password]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  textarea:focus,
  select:focus {
    background-color: #fff;
    border-color: #122A88;
    border-radius: 2px;
    box-shadow: 0 0 0 5px rgba(18, 42, 136, 0.25);
    outline: 0; }
  input[type=text]:disabled,
  input[type=email]:disabled,
  input[type=password]:disabled,
  input[type=tel]:disabled,
  input[type=url]:disabled,
  textarea:disabled,
  select:disabled {
    color: #000; }
  input[type=text].input-300,
  input[type=email].input-300,
  input[type=password].input-300,
  input[type=tel].input-300,
  input[type=url].input-300,
  textarea.input-300,
  select.input-300 {
    width: 300px; }
  input[type=text].input-sm,
  input[type=email].input-sm,
  input[type=password].input-sm,
  input[type=tel].input-sm,
  input[type=url].input-sm,
  textarea.input-sm,
  select.input-sm {
    padding: 9px 20px;
    font-size: 1.2rem; }

select {
  display: inline-block;
  min-width: 250px;
  padding-right: 24px;
  background-image: url(/imgs/icon-arrow-bottom.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 22px;
  font-weight: 700; }
  select option {
    font-weight: 400; }
  select::-ms-expand {
    display: none; }
  select.select-style2 {
    background-image: url(/imgs/icon-arrow-bottom-solid.png);
    background-size: 24px; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4; }

/** MEDIA **/
@media (max-width: 767.98px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=url],
  textarea,
  select {
    padding: 10px 15px;
    font-size: 12px; }
    input[type=text]:focus,
    input[type=email]:focus,
    input[type=password]:focus,
    input[type=tel]:focus,
    input[type=url]:focus,
    textarea:focus,
    select:focus {
      box-shadow: 0 0 0 5px rgba(18, 42, 136, 0.35); }

  label {
    font-size: 14px; } }
/**
 * INPUT CHECKBOX
 */
.input-checkbox input[type=checkbox] {
  display: none; }
.input-checkbox input[type=checkbox] + label {
  position: relative;
  min-height: 50px;
  padding-left: 65px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
  cursor: pointer; }
  .input-checkbox input[type=checkbox] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #C6C6C6;
    transition: all 0.2s;
    transform: rotate(90deg); }
  .input-checkbox input[type=checkbox] + label::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e916";
    position: absolute;
    left: 10px;
    top: 14px;
    display: block;
    color: transparent;
    font-size: 22px;
    transition: all 0.2s;
    transform: scale(1); }
  .input-checkbox input[type=checkbox] + label span {
    line-height: 50px; }
  @media (max-width: 1199.98px) {
    .input-checkbox input[type=checkbox] + label {
      min-height: 25px;
      padding-left: 30px;
      font-size: 10px; }
      .input-checkbox input[type=checkbox] + label::before {
        width: 25px;
        height: 25px; }
      .input-checkbox input[type=checkbox] + label::after {
        left: 6px;
        top: 8px;
        font-size: 1rem; }
      .input-checkbox input[type=checkbox] + label span {
        line-height: 25px; } }
.input-checkbox input[type=checkbox]:checked + label::before {
  border-color: #000;
  transform: rotate(0); }
.input-checkbox input[type=checkbox]:checked + label::after {
  color: #000;
  transform: scale(1); }

.input-checkbox2 {
  /** MEDIA **/ }
  .input-checkbox2 input[type=checkbox] {
    display: none; }
  .input-checkbox2 input[type=checkbox] + label {
    position: relative;
    min-height: 50px;
    padding-left: 65px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.6;
    cursor: pointer;
    display: block;
    margin-bottom: 5px; }
    .input-checkbox2 input[type=checkbox] + label::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 50px;
      height: 50px;
      background-color: #fff;
      border: 1px solid #C6C6C6;
      transition: all 0.2s;
      transform: rotate(90deg); }
    .input-checkbox2 input[type=checkbox] + label::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e916";
      position: absolute;
      left: 10px;
      top: 14px;
      display: block;
      color: transparent;
      font-size: 22px;
      transition: all 0.2s;
      transform: scale(1); }
    .input-checkbox2 input[type=checkbox] + label span {
      line-height: 50px; }
    @media (max-width: 1199.98px) {
      .input-checkbox2 input[type=checkbox] + label {
        min-height: 25px;
        padding-left: 30px;
        font-size: 10px; }
        .input-checkbox2 input[type=checkbox] + label::before {
          width: 25px;
          height: 25px; }
        .input-checkbox2 input[type=checkbox] + label::after {
          left: 6px;
          top: 8px;
          font-size: 1rem; }
        .input-checkbox2 input[type=checkbox] + label span {
          line-height: 25px; } }
    .input-checkbox2 input[type=checkbox] + label::before {
      background-color: #fff;
      border-width: 0; }
    .input-checkbox2 input[type=checkbox] + label::after {
      color: #F4F9FA; }
  .input-checkbox2 input[type=checkbox]:checked + label::before {
    background-color: #122A88;
    transform: rotate(0); }
  .input-checkbox2 input[type=checkbox]:checked + label::after {
    color: #fff;
    transform: scale(1); }
  @media (max-width: 575.98px) {
    .input-checkbox2 input[type=checkbox] + label {
      padding-left: 30px; } }

/**
 * FORM THEME
 */
.form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px; }
  .form-row .col, .form-row .col-3, .form-row .col-4, .form-row .col-6, .form-row .col-9,
  .form-row .col-sm-4, .form-row .col-sm-6, .form-row .col-sm-9,
  .form-row .col-xs-4, .form-row .col-xs-6, .form-row .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px; }

.form-line-wrap {
  padding: 25px 30px 5px;
  background-color: #f1f1f1; }

.form-line {
  margin-bottom: 20px; }

@media (max-width: 991.98px) {
  .form-md-reverse {
    display: flex;
    flex-direction: column-reverse; } }

.form-group {
  display: flex;
  flex-direction: column;
  padding: 20px 0; }

.form-group-btn {
  display: flex;
  margin-left: -20px;
  margin-right: -20px; }
  .form-group-btn .form-field {
    width: 50%;
    margin-left: 20px;
    margin-right: 20px; }

.form-text {
  margin: -10px 0 60px;
  letter-spacing: 1px; }
  .form-text p {
    line-height: 1.8; }
  .form-text a {
    position: relative;
    display: inline-block; }
    .form-text a::before {
      content: "";
      position: absolute;
      background-color: #000;
      width: 100%;
      height: 2px;
      left: 0;
      bottom: 0;
      text-align: center;
      transition: height 0.1s; }
    .form-text a:hover {
      color: #fff;
      background-color: #000;
      text-decoration: none; }

.form-title {
  margin: 0 0 10px; }
  .form-title .badge {
    display: inline-block;
    padding: 0;
    margin-right: 12px;
    color: #961C7A;
    font-size: 1.8rem;
    vertical-align: top;
    margin: -9px 0 0 2px; }

.form-inline {
  display: inline-block;
  margin-right: 11px; }
  .form-inline.last {
    margin-right: 0; }
  .form-inline input[type="text"] {
    display: inline-block;
    width: 221px;
    margin-right: 0; }
  .form-inline select {
    min-width: 167px; }

.form-field-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .form-field-wrap .form-field {
    flex: 0 0 48%; }

.form-link a {
  color: #122A88;
  text-decoration: underline; }
.form-link i.icon-arrow {
  color: #122A88; }
.form-link i.icon-arrow-back {
  color: #FF7166; }

.form-input,
.form-textarea {
  flex: 1; }

.form-select {
  position: relative; }
  .form-select::after {
    content: '';
    position: absolute;
    right: 18px;
    top: calc(50% - 3px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #666 transparent transparent transparent; }

.form-submit .btn, .form-back .btn {
  position: relative; }
.form-submit a, .form-submit button, .form-submit input, .form-back a, .form-back button, .form-back input {
  padding: 20px 30px 25px;
  min-width: 100%;
  border-width: 0;
  background-color: #000000;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  letter-spacing: 4px; }
  .form-submit a:hover, .form-submit button:hover, .form-submit input:hover, .form-back a:hover, .form-back button:hover, .form-back input:hover {
    background: linear-gradient(45deg, #70e6ff 0%, #708afd 100%);
    color: #fff; }
  .form-submit a:focus, .form-submit button:focus, .form-submit input:focus, .form-back a:focus, .form-back button:focus, .form-back input:focus {
    outline: none; }
  .form-submit a[disabled], .form-submit button[disabled], .form-submit input[disabled], .form-back a[disabled], .form-back button[disabled], .form-back input[disabled] {
    opacity: 0.2;
    cursor: not-allowed; }
.form-submit .link-wrap, .form-back .link-wrap {
  position: relative;
  width: 100%; }
.form-submit .submit-sub, .form-submit .btn-sub, .form-back .submit-sub, .form-back .btn-sub {
  display: block;
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px; }

.form-back input {
  visibility: hidden;
  height: 0;
  padding: 0; }
.form-back button {
  background-color: #666; }

.form-dragdrop .form-inner {
  padding: 20px 20px 10px;
  background-color: #f1f1f1; }
.form-dragdrop .codedropz-upload-handler {
  border-radius: 0; }
.form-dragdrop .codedropz-upload-inner h3 {
  font-size: 1.6rem;
  font-weight: 400; }
.form-dragdrop .codedropz-upload-inner span {
  color: #999; }
.form-dragdrop .cd-upload-btn {
  display: inline-block;
  padding: 5px 15px;
  margin-top: 10px;
  margin-bottom: 0;
  background-color: #fff;
  border: 1px solid #999;
  color: #999;
  font-size: 1.2rem; }
  .form-dragdrop .cd-upload-btn:hover {
    background-color: #00436A;
    border-color: #00436A;
    color: #fff; }

.form-hidden {
  position: absolute !important;
  opacity: 0;
  z-index: -1; }

/** FORM DUMMMY **/
.form-dummy {
  padding: 15px 25px;
  background-color: #fff;
  font-weight: 700; }
  .form-dummy.form-inline {
    padding-left: 10px;
    padding-right: 10px; }
  .form-dummy.form-textarea {
    min-height: 250px;
    padding-bottom: 30px; }
  .form-dummy.form-select {
    min-width: 167px; }
    .form-dummy.form-select::after {
      display: none; }

.form-dummy-radio {
  position: relative; }
  .form-dummy-radio:before {
    content: '';
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 12px;
    vertical-align: middle;
    border-radius: 100px;
    background-color: #fff;
    color: transparent; }
  .form-dummy-radio:after {
    content: '';
    position: absolute;
    top: 13px;
    left: 13px;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    background-color: #122A88; }

/** MEDIA **/
@media (max-width: 991.98px) {
  .form-inline {
    margin-right: 0px;
    width: 100%; }
    .form-inline select {
      min-width: 100%; }
    .form-inline input[type=text] {
      width: 70px; }

  .form-birthday {
    display: flex;
    margin-left: -10px;
    margin-right: -10px; }
    .form-birthday .form-inline {
      width: 33.3%;
      padding-left: 10px;
      padding-right: 10px; }

  .form-submit a, .form-submit button, .form-submit input {
    padding: 15px 50px 30px;
    font-size: 3.2rem; }
    .form-submit a span, .form-submit button span, .form-submit input span {
      font-size: 1.8rem; } }
@media (max-width: 767.98px) {
  .form-group {
    flex-direction: column;
    align-items: stretch;
    padding-top: 10px;
    padding-bottom: 10px; }

  .form-group-btn {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0; }
    .form-group-btn .form-field {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }

  .form-title {
    margin: 0; }
    .form-title .badge {
      font-size: 1rem;
      line-height: 0;
      vertical-align: baseline; }

  .form-dummy {
    padding: 10px 18px;
    font-size: 12px; }
    .form-dummy.form-textarea {
      min-height: 200px;
      padding-bottom: 15px; }
    .form-dummy.form-select {
      min-width: auto; }

  .form-dummy-radio {
    font-size: 12px; }
    .form-dummy-radio::before {
      width: 30px;
      height: 30px; }
    .form-dummy-radio::after {
      width: 12px;
      height: 12px;
      left: 9px;
      top: 9px; }

  .form-field-wrap .form-field {
    flex: 0 0 100%; }
    .form-field-wrap .form-field:nth-of-type(1) {
      margin: 0 0 11px; }

  .form-dragdrop .form-inner {
    padding: 12px 12px 2px; }

  .form-text {
    margin: 0; }
    .form-text p {
      margin: 0 0 30px;
      font-size: 12px;
      letter-spacing: 0; }
    .form-text a:before {
      height: 1px; }
    .form-text a:after {
      height: 1px;
      bottom: -2px; }

  .form-submit .link-wrap, .form-back .link-wrap {
    width: 100%; }
  .form-submit a, .form-submit button, .form-submit input, .form-back a, .form-back button, .form-back input {
    padding: 14px 30px;
    min-width: 100%;
    width: 100%;
    font-size: 2.1rem;
    letter-spacing: 3.6px; }
  .form-submit span.submit-sub, .form-back span.submit-sub {
    font-size: 9px;
    margin: 7px 0; } }
/**
 * FORM ELEMENTS
 */
.form-radio2 {
  /** MEIDA **/ }
  .form-radio2 input[type=radio] {
    display: none; }
  .form-radio2 label {
    position: relative;
    display: block;
    padding: 12px 20px 12px 46px;
    background-color: #F4F4F4;
    border: 1px solid transparent;
    border-radius: 40px;
    font-size: 1.6rem;
    font-weight: 700;
    transition: box-shadow 0.15s; }
    .form-radio2 label::before {
      content: '';
      position: absolute;
      top: calc(50% - 8px);
      left: 20px;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 10px;
      background-color: #fff;
      border-radius: 100%; }
    .form-radio2 label:hover, .form-radio2 label:focus {
      border-color: #FF7166;
      box-shadow: 0 0 0 4px rgba(255, 113, 102, 0.35); }
  .form-radio2 input[type=radio]:checked + label {
    background-color: #fff;
    border-color: #FF7166; }
    .form-radio2 input[type=radio]:checked + label::before {
      background-color: #FF7166;
      transform: scale(0.5); }
  @media (max-width: 575.98px) {
    .form-radio2 label {
      padding: 9px 20px 9px 40px; }
      .form-radio2 label::before {
        left: 15px; } }

.form-radio3 input[type="radio"] {
  height: 40px;
  width: 40px;
  margin: 0 6px 0 0;
  position: relative;
  vertical-align: middle;
  -webkit-appearance: none;
  border-radius: 200px;
  background-color: #F0F3F7;
  color: transparent;
  border: transparent;
  outline: none; }
  .form-radio3 input[type="radio"]:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12; }
  .form-radio3 input[type="radio"]:after {
    position: absolute;
    content: '';
    background: #07326C;
    background-size: contain;
    outline: none;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    z-index: 12;
    transition: transform 0.2s, opacity 0.2s;
    transform: perspective(600px) translate3d(0, 0, -2000px);
    opacity: 0; }
  .form-radio3 input[type="radio"]:checked {
    background-color: rgba(18, 42, 136, 0.15); }
    .form-radio3 input[type="radio"]:checked:after {
      transform: perspective(600px) translate3d(0, 0, 0);
      opacity: 1; }

/** MEDIA **/
@media (max-width: 767.98px) {
  .form-radio3 input[type="radio"] {
    height: 30px;
    width: 30px; }
    .form-radio3 input[type="radio"]:checked:after {
      width: 12px;
      height: 12px;
      top: calc(50% - 6px);
      left: calc(50% - 6px); } }
/**
 * FORM NOTES 
 * FORM ERROR
 */
.form-note {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #999; }
  .form-note p {
    font-size: 1.4rem; }

.form-error input[type=text],
.form-error input[type=email],
.form-error input[type=password],
.form-error input[type=tel],
.form-error input[type=url],
.form-error textarea,
.form-error select {
  background-color: #fff4f4;
  border: 2px solid #FF4545; }
  .form-error input[type=text]:hover, .form-error input[type=text]:focus,
  .form-error input[type=email]:hover,
  .form-error input[type=email]:focus,
  .form-error input[type=password]:hover,
  .form-error input[type=password]:focus,
  .form-error input[type=tel]:hover,
  .form-error input[type=tel]:focus,
  .form-error input[type=url]:hover,
  .form-error input[type=url]:focus,
  .form-error textarea:hover,
  .form-error textarea:focus,
  .form-error select:hover,
  .form-error select:focus {
    box-shadow: 0 0 0 4px rgba(255, 113, 102, 0.35); }
.form-error select {
  background-image: url(/imgs/icon-arrow-bottom-error.png); }
.form-error .form-checkbox {
  background-color: #fff4f4 !important;
  border: 2px solid #FF4545 !important; }
.form-error .form-radio2 label {
  background-color: #fff4f4;
  border: 2px solid #FF4545; }
  .form-error .form-radio2 label:hover, .form-error .form-radio2 label:focus {
    box-shadow: 0 0 0 4px rgba(255, 113, 102, 0.35); }
.form-error .form-message {
  margin-top: 12px;
  color: #FF4545;
  font-size: 1.2rem;
  font-weight: 700; }

/** MEDIA **/
@media (max-width: 767.98px) {
  .form-note {
    margin-bottom: 0; }
    .form-note p {
      margin-bottom: 10px;
      font-size: 1.2rem; } }
/** CONTACT FORM 7 **/
.wpcf7 {
  /** MEDIA **/ }
  .wpcf7 form .wpcf7-radio {
    display: block;
    padding: 0; }
    .wpcf7 form .wpcf7-radio input {
      margin-right: 12px;
      vertical-align: middle; }
    .wpcf7 form .wpcf7-radio .wpcf7-list-item {
      margin-left: 0;
      margin-right: 60px; }
      .wpcf7 form .wpcf7-radio .wpcf7-list-item.last {
        margin-right: 0; }
  .wpcf7 form .wpcf7-not-valid-tip {
    padding-top: 5px;
    font-size: 14px; }
  .wpcf7 form .wpcf7-response-output {
    padding: 15px 10px;
    margin: 60px 0 0;
    border-color: red !important;
    color: red;
    text-align: center; }
  .wpcf7 form .wpcf7-list-item {
    margin-left: 0; }
  .wpcf7 form .ajax-loader {
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    padding: 12px !important;
    margin-left: 0 !important;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 20px; }
  @media (max-width: 767.98px) {
    .wpcf7 form .wpcf7-previous {
      font-size: 0.9rem; }
    .wpcf7 form .wpcf7-radio {
      padding-bottom: 0;
      margin: 0 0 -4px; }
      .wpcf7 form .wpcf7-radio .wpcf7-list-item {
        margin-right: 40px; }
      .wpcf7 form .wpcf7-radio .wpcf7-list-item-label {
        font-size: 12px; }
      .wpcf7 form .wpcf7-radio input {
        margin-right: 8px; } }

/**
 * PAGE ENTRY
 */
.entry, .entry-confirm {
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .entry .entry-title, .entry-confirm .entry-title {
    margin-bottom: 0;
    text-align: left; }
    .entry .entry-title h3, .entry-confirm .entry-title h3 {
      font-size: 3.2rem;
      letter-spacing: 8px;
      line-height: 1.2; }
    .entry .entry-title h4, .entry-confirm .entry-title h4 {
      font-size: 2.4rem; }
    .entry .entry-title p, .entry-confirm .entry-title p {
      margin: 24px 0 0;
      font-size: 1.6rem; }
      .entry .entry-title p span.require, .entry-confirm .entry-title p span.require {
        color: #961C7A;
        font-size: 2.6rem;
        vertical-align: middle; }
    .entry .entry-title p:nth-of-type(2), .entry-confirm .entry-title p:nth-of-type(2) {
      margin: 0 0 10px;
      font-weight: bold; }
  .entry .entry-content h2, .entry .entry-content h3, .entry .entry-content h4, .entry-confirm .entry-content h2, .entry-confirm .entry-content h3, .entry-confirm .entry-content h4 {
    margin-bottom: 20px; }
  .entry .form-policy, .entry-confirm .form-policy {
    margin-bottom: 100px; }
  .entry .form-dragdrop em, .entry-confirm .form-dragdrop em {
    padding-left: 5px;
    color: #999;
    font-size: 0.85em; }
  .entry .form-footer, .entry-confirm .form-footer {
    padding-top: 100px;
    text-align: center; }
  .entry .policy-agree, .entry-confirm .policy-agree {
    display: inline-block;
    margin-bottom: 5px; }
    .entry .policy-agree input, .entry-confirm .policy-agree input {
      min-width: 20px;
      min-height: 20px;
      margin-right: 10px;
      margin-bottom: 3px;
      vertical-align: middle; }
  .entry .entry-footer, .entry-confirm .entry-footer {
    margin-top: 80px;
    text-align: center; }
  .entry .entry-note, .entry-confirm .entry-note {
    padding: 30px 20px 10px;
    border: solid #122A88;
    border-width: 2px 0;
    color: #122A88;
    font-weight: 700;
    text-align: center; }
  .entry.entry-thanks, .entry-confirm.entry-thanks {
    padding-bottom: 120px; }
  @media (max-width: 767.98px) {
    .entry, .entry-confirm {
      padding-top: 41px;
      padding-bottom: 51px; }
      .entry .entry-content, .entry-confirm .entry-content {
        padding-bottom: 0px; }
        .entry .entry-content h3, .entry-confirm .entry-content h3 {
          margin-bottom: 5px; }
      .entry .entry-title, .entry-confirm .entry-title {
        margin: 0 20px; }
        .entry .entry-title h3, .entry-confirm .entry-title h3 {
          letter-spacing: 1px; }
        .entry .entry-title h4, .entry-confirm .entry-title h4 {
          font-size: 1.4rem;
          margin: 0 0 3px 0; }
        .entry .entry-title p, .entry-confirm .entry-title p {
          font-size: 0.8rem;
          margin: 5px 0 0; }
          .entry .entry-title p span.require, .entry-confirm .entry-title p span.require {
            font-size: 1.3rem;
            margin: 0 1px; }
          .entry .entry-title p:nth-of-type(2), .entry-confirm .entry-title p:nth-of-type(2) {
            margin: 0 0 8px; }
      .entry .form-policy, .entry-confirm .form-policy {
        margin-bottom: 50px; }
      .entry .form-footer, .entry-confirm .form-footer {
        padding-top: 50px; }
      .entry .entry-footer, .entry-confirm .entry-footer {
        margin-top: 50px; }
      .entry.entry-thanks, .entry-confirm.entry-thanks {
        padding-bottom: 70px; } }

.entry-confirm {
  background-color: #F0F3F7; }

/**
 * MAIN
 */
.home #page {
  position: relative; }

#main::after {
  content: '';
  display: table;
  clear: both; }

@media (max-width: 767.98px) {
  #page {
    overflow: hidden; } }

.main-align-items-center {
  display: flex;
  flex-direction: column; }

.main-primary {
  overflow: hidden;
  background-color: rgba(39, 138, 163, 0.1);
  /** MEDIA **/ }
  .main-primary .container-inner {
    display: flex; }
  .main-primary #main-content {
    flex: 1;
    padding-top: 30px; }
  .main-primary #sidebar {
    width: 28.8%;
    padding-top: 30px;
    margin-left: 22px; }
  @media (max-width: 991.98px) {
    .main-primary .container-inner {
      flex-direction: column; }
    .main-primary #main-content > section:last-of-type {
      margin-bottom: 0; }
    .main-primary #sidebar {
      width: 100%;
      margin-left: 0; } }
  @media (max-width: 767.98px) {
    .main-primary #main-content {
      padding-top: 20px; }
    .main-primary #sidebar {
      padding-top: 0; } }
  @media (max-width: 575.98px) {
    .main-primary > .container {
      padding-left: 0;
      padding-right: 0; }
    .main-primary #main-content {
      padding-top: 0; } }

/**
 * SCROLL ANIMATION (SCROLL-FX)
 * Hỗ trợ các class :
 * + fx-clip : sử dụng để hiệu ứng chuyển động trong cái hộp (overflow)
 * + fx-overlay : thêm element ::after overlay vào hiệu ứng -> hiệu ứng chuyển động phức tạp thêm
 */
.scroll-fx {
  /** HIỆU ỨNG ACTIVED **/
  /** THIẾT LẬP DELAY **/
  /** THIẾT LẬP TÊN ANIMATION **/ }
  .scroll-fx > .fx-holder {
    opacity: 0;
    animation: fx-bottom-short 1.2s both;
    animation-play-state: paused; }
  .scroll-fx.fx-clip {
    overflow: hidden; }
  .scroll-fx.fx-overlay {
    overflow: hidden; }
    .scroll-fx.fx-overlay > .fx-holder::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: white;
      animation: fx-bottom-out 1.5s 0.5s both;
      animation-play-state: paused; }
  .scroll-fx.animation-actived > .fx-holder {
    animation-play-state: running; }
    .scroll-fx.animation-actived > .fx-holder::after {
      animation-play-state: running; }
  .scroll-fx.fx-delay-1 > .fx-holder {
    animation-delay: 0s; }
  .scroll-fx.fx-delay-2 > .fx-holder {
    animation-delay: 0.4s; }
  .scroll-fx.fx-delay-3 > .fx-holder {
    animation-delay: 0.8s; }
  .scroll-fx.fx-delay-4 > .fx-holder {
    animation-delay: 1.2s; }
  .scroll-fx.fx-delay-5 > .fx-holder {
    animation-delay: 1.6s; }
  .scroll-fx.fx-delay-6 > .fx-holder {
    animation-delay: 2.0s; }
  .scroll-fx.fx-delay-7 > .fx-holder {
    animation-delay: 2.4s; }
  .scroll-fx.fx-delay-8 > .fx-holder {
    animation-delay: 2.8s; }
  .scroll-fx.fx-delay-9 > .fx-holder {
    animation-delay: 3.2s; }
  .scroll-fx.fx-delay-10 > .fx-holder {
    animation-delay: 3.6s; }
  .scroll-fx.fx-fade > .fx-holder {
    animation-name: fx-fade;
    animation-duration: 4s; }
  .scroll-fx.fx-tada > .fx-holder {
    animation-name: fx-tada; }
  .scroll-fx.fx-left-short > .fx-holder {
    animation-name: fx-left-short; }
    .scroll-fx.fx-left-short > .fx-holder::after {
      animation-name: fx-left-out; }
  .scroll-fx.fx-right-short > .fx-holder {
    animation-name: fx-right-short; }
    .scroll-fx.fx-right-short > .fx-holder::after {
      animation-name: fx-right-out; }
  .scroll-fx.fx-top-short > .fx-holder {
    animation-name: fx-top-short; }
    .scroll-fx.fx-top-short > .fx-holder::after {
      animation-name: fx-top-out; }
  .scroll-fx.fx-bottom-short > .fx-holder {
    animation-name: fx-bottom-short; }
    .scroll-fx.fx-bottom-short > .fx-holder::after {
      animation-name: fx-bottom-out; }
  .scroll-fx.fx-left-long > .fx-holder {
    animation-name: fx-left-long; }
    .scroll-fx.fx-left-long > .fx-holder::after {
      animation-name: fx-left-out; }
  .scroll-fx.fx-right-long > .fx-holder {
    animation-name: fx-right-long; }
    .scroll-fx.fx-right-long > .fx-holder::after {
      animation-name: fx-right-out; }
  .scroll-fx.fx-top-long > .fx-holder {
    animation-name: fx-top-long; }
    .scroll-fx.fx-top-long > .fx-holder::after {
      animation-name: fx-top-out; }
  .scroll-fx.fx-bottom-long > .fx-holder {
    animation-name: fx-bottom-long; }
    .scroll-fx.fx-bottom-long > .fx-holder::after {
      animation-name: fx-bottom-out; }

/**
 * PAGE NAVIGATION
 */
.page-navigation {
  display: flex;
  justify-content: center;
  /** MEDIA **/ }
  .page-navigation .nav-inner {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    border: solid #DCDFE2;
    border-width: 1px 0; }
  .page-navigation .navitem {
    padding: 22px 28px;
    color: #122A88;
    font-size: 1.4rem; }
    .page-navigation .navitem i {
      padding-right: 0; }
    .page-navigation .navitem.disabled {
      opacity: 0.3; }
  .page-navigation a {
    position: relative;
    perspective: 600px; }
    .page-navigation a::after {
      content: "";
      position: absolute;
      left: -1px;
      top: -1px;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      border: 1px solid #707070;
      transition: all .2s;
      transform: translate3d(0, 0, -1000px);
      opacity: 0; }
    .page-navigation a:hover {
      background-color: #DCDFE2; }
      .page-navigation a:hover::after {
        transform: translate3d(0, 0, 0);
        opacity: 1; }
  @media (max-width: 767.98px) {
    .page-navigation .navitem {
      padding: 12px 25px; } }

ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 120px;
  /** MEDIA **/ }
  ul.page-numbers li {
    display: block;
    list-style-type: none; }
    ul.page-numbers li > a, ul.page-numbers li > span {
      display: block;
      padding: 18px 22px;
      margin: 4px 4px;
      border: 1px solid #aaa;
      color: #aaa;
      font-size: 15px;
      line-height: 1;
      transition: all 0.4s; }
      ul.page-numbers li > a:hover, ul.page-numbers li > span:hover {
        background-color: #122A88;
        border-color: #00436A;
        color: #fff;
        text-decoration: none; }
      ul.page-numbers li > a.current, ul.page-numbers li > span.current {
        background-color: #122A88;
        border-color: #00436A;
        color: #fff; }
      ul.page-numbers li > a.prev::before, ul.page-numbers li > span.prev::before {
        padding-right: 8px;
        content: '‹';
        font-size: 1.8em;
        line-height: 12px;
        vertical-align: sub; }
      ul.page-numbers li > a.next::after, ul.page-numbers li > span.next::after {
        padding-left: 8px;
        content: '›';
        font-size: 1.8em;
        line-height: 12px;
        vertical-align: sub; }
  @media (max-width: 991.98px) {
    ul.page-numbers {
      margin-bottom: 60px; }
      ul.page-numbers li > a, ul.page-numbers li > span {
        padding: 12px 15px;
        font-size: 12px; } }

/**
 * 404 - PAGE NOT FOUND
 */
.content-none {
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .content-none .post-content {
    max-width: 600px;
    padding: 60px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 12px 12px 2px rgba(0, 0, 0, 0.1); }
  .content-none .content-inner {
    text-align: center; }
  .content-none .wp-block-buttons {
    padding-top: 40px; }
  .content-none .wp-block-button {
    justify-content: center; }
  @media (max-width: 767.98px) {
    .content-none {
      padding-top: 60px;
      padding-bottom: 60px; }
      .content-none .post-content {
        padding: 30px; } }

/**
 * TABLE STYLE
 */
.table-line {
  /** MEDIA **/ }
  .table-line table {
    width: 100%;
    margin-bottom: 0; }
    .table-line table tr {
      border-bottom: 1px solid #DCDFE2; }
      .table-line table tr:last-child {
        border-bottom: none; }
    .table-line table th {
      padding: 18px 10px 18px 0;
      color: #707070;
      font-family: "Roboto Slab", serif;
      font-weight: 400; }
    .table-line table td {
      padding: 18px 15px;
      color: #122A88;
      letter-spacing: 1px; }
  .table-line.table-line2 table {
    border: solid #DCDFE2;
    border-width: 1px 0; }
  @media (max-width: 767.98px) {
    .table-line table th, .table-line table td {
      display: block; }
    .table-line table th {
      padding: 18px 0 0; }
    .table-line table td {
      padding: 8px 0 18px; } }

/**
 * KEYFRAMES
 */
@keyframes fx-tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes fx-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/** KEYFRAMES LEFT-RIGHT-TOP-BOTTOM SHORT **/
@keyframes fx-left-short {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes fx-right-short {
  0% {
    opacity: 0;
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes fx-top-short {
  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes fx-bottom-short {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
/** KEYFRAMES LEFT-RIGHT-TOP-BOTTOM LONG **/
@keyframes fx-left-long {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes fx-right-long {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes fx-top-long {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes fx-bottom-long {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
/** KEYFRAMES LEFT-RIGHT-TOP-BOTTOM OUT **/
@keyframes fx-left-out {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-100%, 0, 0); } }
@keyframes fx-right-out {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(100%, 0, 0); } }
@keyframes fx-top-out {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, -100%, 0); } }
@keyframes fx-bottom-out {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, 100%, 0); } }
/**
 * RubySlider Main Styles
 * @package         RubySlider
 * @author          HaiBach
 * @link            http://haibach.net/rubyslider
 * @version         1.6
 */
.rs01, .rs01ie7 .rs01pag {
  position: relative; }

.rs01viewport {
  position: relative; }

.rs01none {
  display: none !important; }

.rs01noclip {
  overflow: visible !important; }

.rs01ghost, .rs01hide {
  visibility: hidden !important; }

.rs01wfit > * {
  width: 100% !important; }

.rs01hfit > * {
  height: 100% !important; }

.rs01mask {
  overflow: hidden; }

.rs01mask-x {
  overflow-x: hidden; }

.rs01init .rs01slide.rs01sleep {
  display: none; }

.rs01canvas {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.rs01no-transform .rs01canvas {
  position: relative; }

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

.rs01slide.rs01no-loaded {
  min-height: 150px; }

.rs01no-transform .rs01slide.rs01cur {
  position: relative; }

.rs01slide.rs01deactived, .rs01pagitem, .rs01outside .rs01pagitem {
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.rs01viewport, .rs01canvas, .rs01pagitem, .rs01pagmark-item {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.rs01slide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rs01overlay-ghost {
  display: none; }

.rs01grabbing .rs01overlay-ghost {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999; }

.rs01height-fixed > .rs01viewport > .rs01canvas, .rs01height-fixed > .rs01viewport > .rs01canvas > .rs01slide, .rs01height-fixed > .rs01viewport > .rs01canvas > .rs01slide > .rs01imgback-wrap {
  height: 100%; }

.rs01height-fixed .rs01slide > .rs01imgback-wrap {
  -webkit-transition: top .2s;
  -moz-transition: top .2s;
  transition: top .2s; }

.rs01nav-next, .rs01nav-prev, .rs01playpause {
  cursor: pointer;
  z-index: 99999; }

.rs01nav-prev, .rs01nav-next {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  opacity: .5;
  background-image: url(imgs/icon-nav.svg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  cursor: pointer; }

.rs01no-transform .rs01nav-prev, .rs01no-transform .rs01nav-next {
  background-image: url(imgs/icon-nav.png); }

.rs01nav-prev {
  left: 0;
  background-position: 0 0; }

.rs01nav-next {
  right: 0;
  background-position: -50px 0; }

.rs01nav-prev:hover, .rs01nav-next:hover {
  opacity: 1; }

.rs01nav-prev.rs01deactived, .rs01nav-next.rs01deactived {
  visibility: hidden;
  cursor: inherit; }

.rs01nav-dark .rs01nav-prev, .rs01nav-dark .rs01nav-next {
  background-image: url(imgs/icon-nav-dark.svg); }

.rs01nav-dark.rs01no-transform .rs01nav-prev, .rs01nav-dark.rs01no-transform .rs01nav-next {
  background-image: url(imgs/icon-nav-dark.png); }

.rs01pag {
  overflow: hidden;
  z-index: 3; }

.rs01paginner {
  position: relative; }

.rs01pagitem {
  cursor: pointer; }

.rs01pag.rs01pag-hor.rs01pag-begin {
  margin-bottom: 20px; }

.rs01pag.rs01pag-hor.rs01pag-end {
  margin-top: 20px; }

.rs01pag.rs01pag-ver.rs01pag-begin {
  float: left; }

.rs01pag.rs01pag-ver.rs01pag-end {
  position: absolute;
  right: 0;
  top: 0; }

.rs01pag.rs01pag-ver.rs01pag-begin {
  margin-right: 30px; }

.rs01pag.rs01pag-ver.rs01pag-end {
  margin-left: 30px; }

.rs01tabs .rs01pagitem {
  padding-bottom: 5px;
  color: #bbb;
  white-space: nowrap; }

.rs01tabs .rs01pagitem.rs01cur {
  color: #111; }

.rs01tabs.rs01pag-hor .rs01pagitem {
  padding: 15px 22px;
  text-align: center; }

.rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 15px 20px; }

.rs01tabs.rs01pag-ver.rs01pag-end.rs01outside {
  position: static; }

.rs01list .rs01pagitem {
  position: static;
  display: inline-block; }

.rs01thumbnail .rs01pagitem {
  width: 100px;
  height: 70px;
  border: 1px solid #e5e5e5;
  border-radius: 3px; }

.rs01thumbnail.rs01pag-hor .rs01pagitem {
  margin-left: 8px;
  margin-right: 8px; }

.rs01thumbnail.rs01pag-hor .rs01pagitem.rs01first {
  margin-left: 0; }

.rs01thumbnail.rs01pag-hor .rs01pagitem.rs01last {
  margin-right: 0; }

.rs01thumbnail.rs01pag-ver .rs01pagitem {
  margin-top: 5px;
  margin-bottom: 5px; }

.rs01thumbnail.rs01pag-ver .rs01pagitem.rs01first {
  margin-top: 0; }

.rs01thumbnail.rs01pag-ver .rs01pagitem.rs01last {
  margin-bottom: 0; }

.rs01thumbwrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 4px solid #fff;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.rs01thumbwrap img {
  position: relative;
  max-width: none !important;
  -webkit-transform: translateZ(0); }

.rs01pagitem .rs01thumbwrap img {
  opacity: 1;
  -webkit-transition: -webkit-transform .15s,opacity .15s;
  transition: transform .15s,opacity .15s; }

.rs01pagitem.rs01cur {
  border-color: rgba(0, 0, 0, 0.75); }

.rs01pagitem.rs01cur .rs01thumbwrap {
  background-color: #333; }

.rs01pagitem.rs01cur .rs01thumbwrap img {
  opacity: .2;
  -webkit-transform: perspective(400px) translateZ(200px);
  transform: perspective(400px) translateZ(200px); }

.rs01no-opacity .rs01pagitem.rs01cur {
  border-color: #000; }

@media only screen and (max-width: 767px) {
  .rs01thumbnail .rs01pagitem {
    width: 60px;
    height: 40px;
    margin-left: 3px;
    margin-right: 3px; }

  .rs01thumbnail.rs01pag-hor .rs01pagitem {
    margin-left: 3px;
    margin-right: 3px; }

  .rs01thumbnail.rs01pag-ver .rs01pagitem {
    margin-top: 3px;
    margin-bottom: 3px; }

  .rs01thumbwrap {
    border-width: 2px; } }
.rs01pag {
  position: relative; }

.rs01pagarrow-item {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.rs01pagarrow-item.rs01actived {
  opacity: 1;
  z-index: 99999; }

.rs01pag-hor .rs01pagarrow-item {
  top: 0;
  width: 25px;
  height: 100%; }

.rs01pag-hor .rs01pagarrow-left {
  left: 0; }

.rs01pag-hor .rs01pagarrow-right {
  right: 0; }

.rs01pag-ver .rs01pagarrow-item {
  left: 0;
  width: 100%;
  height: 15px; }

.rs01pag-ver .rs01pagarrow-left {
  top: 0; }

.rs01pag-ver .rs01pagarrow-right {
  bottom: 0; }

.rs01pagarrow-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  margin-left: -5px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  opacity: .7; }

.rs01pagarrow-item:hover .rs01pagarrow-icon {
  opacity: 1; }

.rs01pag-hor .rs01pagarrow-left .rs01pagarrow-icon {
  margin-left: -3px;
  border-left-width: 0;
  border-right-color: #000; }

.rs01pag-hor .rs01pagarrow-right .rs01pagarrow-icon {
  margin-left: -1px;
  border-right-width: 0;
  border-left-color: #000; }

.rs01pag-ver .rs01pagarrow-left .rs01pagarrow-icon {
  margin-top: -3px;
  border-top-width: 0;
  border-bottom-color: #000; }

.rs01pag-ver .rs01pagarrow-right .rs01pagarrow-icon {
  margin-top: -1px;
  border-bottom-width: 0;
  border-top-color: #000; }

.rs01no-opacity .rs01pagarrow-icon {
  display: none; }

.rs01no-opacity .rs01pagarrow-item.rs01actived {
  display: block; }

.rs01pagmark-item {
  position: absolute;
  background-color: #c05;
  -webkit-transition: -webkit-transform .2s,width .2s,height .2s;
  transition: transform .2s,width .2s,height .2s; }

.rs01pag-hor > .rs01pagmark > .rs01pagmark-item {
  height: 4px; }

.rs01pag-ver > .rs01pagmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }

.rs01pag-ver > .rs01pagmark > .rs01pagmark-item {
  width: 4px; }

.rs01capinner {
  position: relative; }

.rs01cap-last {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0; }

.rs01cap-last:after, .rs01cap-cur:after {
  content: " ";
  display: table;
  clear: both; }

.rs01cap-last, .rs01cap-cur {
  *zoom: 1; }

.rs01loader {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px; }

.rs01loader:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 8px solid #fff;
  box-sizing: border-box; }

.rs01loader-circular {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: rs01LoaderRotate 2s linear infinite;
  animation: rs01LoaderRotate 2s linear infinite; }

.rs01loader-path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: rs01loaderDash 1s ease-in-out infinite,rs01loaderColor 4s ease-in-out infinite;
  animation: rs01loaderDash 1s ease-in-out infinite,rs01loaderColor 4s ease-in-out infinite; }

@-webkit-keyframes rs01LoaderRotate {
  0% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes rs01LoaderRotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes rs01loaderDash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }
@keyframes rs01loaderDash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }
@-webkit-keyframes rs01loaderColor {
  0%,100% {
    stroke: #c05; }
  15% {
    stroke: #fa0; }
  30% {
    stroke: #c9c900; }
  45% {
    stroke: #0c0; }
  60% {
    stroke: #0cf; }
  75% {
    stroke: #90f; }
  90% {
    stroke: #f0c; } }
@keyframes rs01loaderColor {
  0%,100% {
    stroke: #c05; }
  15% {
    stroke: #fa0; }
  30% {
    stroke: #c9c900; }
  45% {
    stroke: #0c0; }
  60% {
    stroke: #0cf; }
  75% {
    stroke: #90f; }
  90% {
    stroke: #f0c; } }
.rs01loader-small {
  width: 26px;
  height: 26px;
  margin-left: -13px;
  margin-top: -13px; }

.rs01loader-small:before {
  border-width: 7px; }

.rs01loader-old {
  width: 70px;
  height: 32px;
  margin-left: -35px;
  margin-top: -16px;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 32px; }

.rs01timer-line {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.1); }

.rs01timer-line > .rs01timeritem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.5); }

.rs01timer-arc {
  width: 40px;
  height: 40px; }

.rs01grab {
  cursor: url(../ruby/imgs/grab.cur), auto;
  cursor: url(imgs/grab.cur) 8 6, auto; }

.rs01grabbing, .rs01grabbing .rs01pagitem {
  cursor: url(../ruby/imgs/grabbing.cur), auto;
  cursor: url(imgs/grabbing.cur) 8 6, auto; }

.rs01edge .rs01grab {
  cursor: grab; }

.rs01edge .rs01grabbing, .rs01edge .rs01grabbing .rs01pagitem {
  cursor: grabbing; }

.rs01imgback {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  max-width: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: translateZ(0); }

.rs01imgclone {
  position: absolute !important; }

.rs01videoback {
  display: block;
  position: relative; }

.rs01videoposter {
  overflow: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.rs01slide.rs01cur > .rs01videoback-wrap > .rs01videoposter {
  visibility: hidden; }

.rs01fx-back .rs01videoposter, .rs01fx-front .rs01videoposter {
  position: relative; }

.rs01layout-dot > .rs01viewport > .rs01canvas > .rs01deactived {
  visibility: hidden; }

.rs01layout-dot > .rs01viewport > .rs01canvas > .rs01slide.rs01cur {
  z-index: 2; }

.rs01slide.rs01cur.rs01css-prev, .rs01slide.rs01cur.rs01css-next {
  position: relative; }

.rs01layout-dot > .rs01viewport > .rs01canvas > .rs01slide.rs01css-prev {
  visibility: visible;
  z-index: 1; }

.rs01layout-dot > .rs01viewport > .rs01canvas > .rs01slide.rs01css-next {
  visibility: visible;
  z-index: 2; }

.rs01css-mask {
  overflow: hidden; }

.rs01fx-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999; }

.rs01fx-front-wrap {
  position: relative; }

.rs01math-mask > .rs01fx-front {
  overflow: hidden; }

.rs01layout-dot .rs01fx-front {
  position: absolute; }

.rs01fx-front .rs01imgback-wrap {
  overflow: hidden;
  position: absolute;
  left: 0; }

.rs01fx-front .rs01imgback-wrap > img {
  left: 0; }

.rs01fx-back {
  position: absolute;
  overflow: hidden;
  width: 100%; }

.rs01fx-back .rs01imgback-wrap, .rs01fx-back .rs01imgback-wrap > img {
  left: 0; }

.rs01height-fixed .rs01fx-back, .rs01height-fixed .rs01imgback-wrap {
  height: 100%; }

.rs01fx-overlay .rs01btn-play {
  display: none; }

.rs01fx-3d > .rs01viewport > .rs01canvas {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.rs01video {
  position: relative;
  display: inline-block; }

.rs01video.rs01imgback-wrap {
  display: block; }

.rs01video > .rs01video-item {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0; }

.rs01video img {
  display: block; }

.rs01video .rs01loader {
  visibility: hidden; }

.rs01btn-play {
  display: block;
  position: absolute;
  width: 70px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -25px;
  background-image: url(imgs/icon-video-play.svg);
  background-repeat: no-repeat;
  cursor: pointer !important;
  opacity: 1;
  -webkit-transition: opacity .15s;
  transition: opacity .15s; }

.rs01no-transform .rs01btn-play {
  background-image: url(imgs/icon-video-play.png); }

.rs01btn-play:hover {
  opacity: .5; }

.rs01youtube .rs01btn-play {
  background-position: 0 0; }

.rs01vimeo .rs01btn-play {
  background-position: -70px 0; }

.rs01btn-close {
  display: none;
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  background-color: #333;
  cursor: pointer;
  opacity: 0; }

.rs01video:hover > .rs01btn-close, .rs01video-ready > .rs01btn-close.rs01hover {
  opacity: 1; }

.rs01btn-close:hover {
  background-color: #fff; }

.rs01video-init {
  background-color: #000; }

.rs01video-init > img, .rs01video-init > .rs01btn-play, .rs01video-init > .rs01video-item {
  visibility: hidden; }

.rs01video-init > .rs01loader {
  visibility: visible; }

.rs01video-ready > img, .rs01video-ready > .rs01btn-play {
  visibility: hidden; }

.rs01video-ready > .rs01btn-close {
  visibility: visible; }

.rs01no-preview .rs01video-item {
  position: relative; }

.rs01no-transform .rs01deactived .rs01video-ready > img {
  visibility: visible; }

.rs01no-transform .rs01deactived .rs01video-ready > .rs01video-item {
  visibility: hidden; }

.rs01hotspot {
  position: relative; }

.rs01hspoint {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 6px solid rgba(0, 0, 0, 0.75);
  border-radius: 50%;
  cursor: pointer;
  -webkit-animation: rs01wave 2s ease infinite;
  animation: rs01wave 2s ease infinite; }

@-webkit-keyframes rs01wave {
  0%,100% {
    -webkit-transform: perspective(800px) translateZ(0); }
  25%,75% {
    -webkit-transform: perspective(800px) translateZ(-100px); }
  50% {
    -webkit-transform: perspective(800px) translateZ(100px); } }
@keyframes rs01wave {
  0%,100% {
    transform: perspective(800px) translateZ(0); }
  25%,75% {
    transform: perspective(800px) translateZ(-100px); }
  50% {
    transform: perspective(800px) translateZ(100px); } }
.rs01hsitem {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #444;
  border-radius: 4px; }

.rs01hsitem.rs01widthfixed {
  white-space: normal; }

.rs01hotspot.rs01actived .rs01hsitem {
  visibility: visible; }

.rs01slide.rs01deactived .rs01hotspot, .rs01slide.rs01deactived .rs01hsitem {
  visibility: hidden; }

.rs01hsitem:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 1px solid #444;
  border-radius: 50%; }

.rs01hs-top .rs01hsitem:after {
  bottom: -6px; }

.rs01hs-bottom .rs01hsitem:after {
  top: -6px; }

.rs01hs-left .rs01hsitem:after {
  right: -5px; }

.rs01hs-right .rs01hsitem:after {
  left: -6px; }

.rs01hs-top .rs01hsitem:after, .rs01hs-bottom .rs01hsitem:after {
  left: 50%;
  margin-left: -5px; }

.rs01hs-left .rs01hsitem:after, .rs01hs-right .rs01hsitem:after {
  top: 50%;
  margin-top: -5px; }

.rs01layer {
  position: absolute;
  left: 0;
  top: 0; }

.rs01layeritem {
  display: block;
  margin: 0 !important;
  white-space: nowrap; }

.rs01layerghost {
  visibility: hidden; }

.rs01layeritem .rs01layer {
  position: relative;
  display: inline-block; }

.rs01shadow {
  position: absolute;
  left: 0;
  top: 100%; }

.rs01shadow > img {
  display: block;
  width: 100%;
  height: auto; }

.rs01outside.rs01tabs.rs01pag-ver.rs01pag-begin {
  float: none; }

.rs01androidnative.rs01layout-line .rs01imgback-wrap {
  -webkit-transform: translatez(0); }

.rs01firefox .ruby-animated {
  outline: 1px solid transparent; }

.rs01, .rs01pag, .rs01cap {
  -webkit-font-smoothing: antialiased; }

.rs01viewport, .rs01pag {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rs01swipe-prevent {
  cursor: auto; }

.rs01api {
  cursor: pointer; }

.rs01flatbox > .rs01tabs {
  margin-bottom: 0; }

.rs01flat > .rs01tabs .rs01pagitem.rs01cur, .rs01flatbox > .rs01tabs .rs01pagitem.rs01cur {
  background-color: #c05;
  color: #fff; }

.rs01flat > .rs01tabs.rs01pag-hor.rs01pag-begin, .rs01flatbox > .rs01tabs.rs01pag-hor.rs01pag-begin {
  border-bottom: 2px solid #c05; }

.rs01flat > .rs01tabs.rs01pag-hor.rs01pag-end, .rs01flatbox > .rs01tabs.rs01pag-hor.rs01pag-end {
  border-top: 2px solid #c05; }

.rs01flatbox > .rs01tabs.rs01pag-hor {
  margin-top: 0;
  margin-bottom: 0; }

.rs01flatbox.rs01pag-hor > .rs01viewport {
  padding: 20px;
  border: solid #e5e5e5;
  background-color: #fff; }

.rs01flatbox.rs01pag-hor.rs01pag-begin > .rs01viewport {
  border-width: 0 1px 1px 1px; }

.rs01flatbox.rs01pag-hor.rs01pag-end > .rs01viewport {
  border-width: 1px 1px 0 1px; }

.rs01flat > .rs01tabs.rs01pag-ver .rs01pagitem, .rs01flatbox > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 16px 20px 14px 20px;
  border-bottom: 1px dotted #ddd; }

.rs01flat > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur, .rs01flatbox > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur {
  margin-top: -1px;
  border-bottom-color: #c05; }

.rs01flatbox > .rs01tabs.rs01pag-ver {
  margin-left: 0;
  margin-right: 0; }

.rs01flatbox.rs01pag-ver > .rs01viewport {
  padding: 25px;
  border: solid #e5e5e5; }

.rs01flatbox.rs01pag-ver.rs01pag-begin > .rs01viewport {
  border-width: 1px 1px 1px 0; }

.rs01flatbox.rs01pag-ver.rs01pag-end > .rs01viewport {
  border-width: 1px 0 1px 1px; }

.rs01flat > .rs01pag-ver.rs01pag-begin {
  border-right: 2px solid #c05; }

.rs01flat > .rs01pag-ver.rs01pag-end {
  border-left: 2px solid #c05; }

.rs01flatbox.rs01pag-ver.rs01pag-begin > .rs01viewport {
  border-left: 2px solid #c05; }

.rs01flatbox.rs01pag-ver.rs01pag-end > .rs01viewport {
  border-right: 2px solid #c05; }

.rs01round > .rs01tabs .rs01pagitem {
  background-color: #f0f0f0; }

.rs01round > .rs01tabs .rs01pagitem.rs01cur {
  background-color: #c05;
  color: #fff; }

.rs01round > .rs01pag-hor .rs01pagitem:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.rs01round > .rs01pag-hor .rs01pagitem:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.rs01round.rs01pag-hor > .rs01tabs .rs01pagitem {
  margin-right: 0; }

.rs01round > .rs01tabs.rs01pag-ver .rs01pagitem:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.rs01round > .rs01tabs.rs01pag-ver .rs01pagitem:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.rs01round.rs01pag-ver.rs01outside.rs01pag-begin > .rs01viewport {
  padding-left: 0; }

.rs01round.rs01pag-ver.rs01outside.rs01pag-end > .rs01viewport {
  padding-right: 0; }

.rs01outline > .rs01tabs .rs01pagitem.rs01cur:before, .rs01outline > .rs01tabs .rs01pagitem.rs01cur:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #c05; }

.rs01outline > .rs01tabs.rs01pag-hor .rs01pagitem.rs01cur, .rs01outline > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur {
  border-color: #c05;
  z-index: 2; }

.rs01outline > .rs01tabs.rs01pag-hor .rs01pagitem {
  margin-left: 5px;
  margin-right: 5px;
  border: solid #e5e5e5; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  padding-top: 12px; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  padding-bottom: 12px; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem {
  border-width: 1px 1px 0 1px; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem {
  border-width: 0 1px 1px 1px; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  border-top-width: 4px; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  border-bottom-width: 4px; }

.rs01outline > .rs01tabs.rs01pag-hor .rs01pagitem.rs01cur:before, .rs01outline > .rs01tabs.rs01pag-hor .rs01pagitem.rs01cur:after {
  width: 20000px;
  height: 1px; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur:before {
  bottom: 0;
  right: 100%; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur:after {
  bottom: 0;
  left: 100%; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur:before {
  top: 0;
  right: 100%; }

.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur:after {
  top: 0;
  left: 100%; }

.rs01outline > .rs01tabs.rs01pag-ver .rs01pagitem {
  margin-top: 3px;
  margin-bottom: 3px;
  border: solid #e5e5e5; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem.rs01cur {
  padding-left: 17px; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem.rs01cur {
  padding-right: 17px; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem {
  border-width: 1px 0 1px 1px; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem {
  border-width: 1px 1px 1px 0; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem.rs01cur {
  border-left-width: 4px; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem.rs01cur {
  border-right-width: 4px; }

.rs01outline > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur:before, .rs01outline > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur:after {
  width: 1px;
  height: 20000px; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem.rs01cur:before {
  right: 0;
  bottom: 100%; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem.rs01cur:after {
  right: 0;
  top: 100%; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem.rs01cur:before {
  left: 0;
  bottom: 100%; }

.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem.rs01cur:after {
  left: 0;
  top: 100%; }

.rs01outline.rs01pag-ver.rs01outside.rs01pag-begin > .rs01viewport {
  padding-left: 0; }

.rs01outline.rs01pag-ver.rs01outside.rs01pag-end > .rs01viewport {
  padding-right: 0; }

.rs01underline > .rs01tabs .rs01pagitem {
  padding: 18px 0; }

.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-begin {
  border-bottom: 1px solid #e5e5e5; }

.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01paginner {
  top: 1px; }

.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-end {
  border-top: 1px solid #e5e5e5; }

.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01paginner {
  bottom: 1px; }

.rs01underline > .rs01tabs.rs01pag-hor .rs01pagitem {
  margin: 0 15px; }

.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  padding-bottom: 14px;
  border-bottom: 4px solid #c05; }

.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  padding-top: 14px;
  border-top: 4px solid #c05; }

.rs01underline > .rs01tabs.rs01pag-ver.rs01pag-begin {
  margin-right: 50px; }

.rs01underline > .rs01tabs.rs01pag-ver.rs01pag-end {
  margin-left: 50px; }

.rs01underline > .rs01tabs.rs01pag-ver .rs01pagitem {
  border-bottom: 1px dotted #ddd; }

.rs01underline > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur {
  padding-bottom: 14px;
  border-bottom: 4px solid #c05; }

.rs01size-l > .rs01tabs.rs01pag-hor .rs01pagitem {
  padding: 20px 32px; }

.rs01size-l > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 20px 36px 20px 0; }

.rs01size-l.rs01flat > .rs01tabs.rs01pag-ver .rs01pagitem, .rs01size-l.rs01flatbox > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 21px 36px 19px 36px; }

.rs01size-l.rs01round > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 20px 36px; }

.rs01size-l.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  padding-top: 17px; }

.rs01size-l.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  padding-bottom: 17px; }

.rs01size-l.rs01outline > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 20px 36px; }

.rs01size-l.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem.rs01cur {
  padding-left: 33px; }

.rs01size-l.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem.rs01cur {
  padding-right: 33px; }

.rs01size-l.rs01underline > .rs01tabs .rs01pagitem {
  padding: 22px 0; }

.rs01size-l.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  padding-bottom: 18px; }

.rs01size-l.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  padding-top: 18px; }

.rs01size-l.rs01underline > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur {
  padding-bottom: 18px; }

.rs01size-s > .rs01tabs.rs01pag-hor .rs01pagitem {
  padding: 8px 12px; }

.rs01size-s > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 8px 15px 8px 0; }

.rs01size-s.rs01flat > .rs01tabs.rs01pag-ver .rs01pagitem, .rs01size-s.rs01flatbox > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 9px 15px 7px 15px; }

.rs01size-s.rs01round > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 8px 15px; }

.rs01size-s.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  padding-top: 5px; }

.rs01size-s.rs01outline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  padding-bottom: 5px; }

.rs01size-s.rs01outline > .rs01tabs.rs01pag-ver .rs01pagitem {
  padding: 8px 15px; }

.rs01size-s.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-begin .rs01pagitem.rs01cur {
  padding-left: 12px; }

.rs01size-s.rs01outline > .rs01tabs.rs01pag-ver.rs01pag-end .rs01pagitem.rs01cur {
  padding-right: 12px; }

.rs01size-s.rs01underline > .rs01tabs .rs01pagitem {
  padding: 10px 0; }

.rs01size-s.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-begin .rs01pagitem.rs01cur {
  padding-bottom: 6px; }

.rs01size-s.rs01underline > .rs01tabs.rs01pag-hor.rs01pag-end .rs01pagitem.rs01cur {
  padding-top: 6px; }

.rs01size-s.rs01underline > .rs01tabs.rs01pag-ver .rs01pagitem.rs01cur {
  padding-bottom: 6px; }

.rs01ss-control {
  position: absolute;
  z-index: 99999; }

.rs01playpause {
  position: absolute;
  width: 26px;
  height: 26px;
  background: transparent url(imgs/icon-playpause.svg) no-repeat -12px -12px;
  text-indent: -99999px; }

.rs01no-transform .rs01playpause {
  background-image: url(imgs/icon-playpause.png); }

.rs01playpause.rs01actived {
  background-position: -60px -12px; }

.rs01timer-arcTop .rs01ss-control {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px; }

.rs01timer-arcTop .rs01playpause {
  left: 7px;
  top: 7px; }

.rs01timer-arcTop .rs01timer {
  position: absolute; }

.rs01timer-arcTop.rs01no-transform .rs01timer.rs01timer-line {
  background-color: #e5e5e5; }

.rs01timer-lineTop .rs01ss-control {
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px; }

.rs01timer-lineTop .rs01playpause {
  left: 7px;
  top: 7px; }

.rs01timer-lineTop .rs01timer {
  position: absolute; }

.rs01timer-lineBottom .rs01ss-control {
  position: relative; }

.rs01timer-lineBottom .rs01playpause {
  right: 4px;
  bottom: 4px; }

.rs01flickr-info {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: #999; }

a.rs01flickr-photo-title {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 18px; }

a.rs01flickr-album-title, a.rs01flickr-author {
  display: inline-block;
  opacity: .5;
  color: #fff;
  font-size: 12px; }

a.rs01flickr-album-title:hover, a.rs01flickr-author:hover {
  opacity: 1; }

.rs01pag-bullet > .rs01pag.rs01bullet {
  margin: 0; }

.rs01bullet {
  padding-top: 10px;
  padding-bottom: 10px; }

.rs01bullet .rs01pagitem {
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  margin-right: 6px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  text-indent: -99999px; }

.rs01bullet .rs01pagitem:hover, .rs01bullet .rs01pagitem.rs01cur {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); }

.rs01bulletflat .rs01pag {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #c05; }

.rs01bulletflat .rs01viewport {
  padding: 20px;
  background-color: #fff;
  border: solid #e5e5e5;
  border-width: 0 1px 1px 1px; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * CUSTOM OWL CAROUSEL
 */
.owl-carousel {
  /** MEDIA **/ }
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: calc(38% - 22px);
    height: 44px;
    width: 44px;
    padding: 0 !important;
    margin: 0;
    border-radius: 100px;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.25);
    opacity: 1;
    text-align: center;
    outline: none; }
    .owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {
      display: inline-block;
      padding-right: 0;
      font-size: 18px; }
    .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
      background-color: #122A88;
      color: #fff; }
    .owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled {
      opacity: 0; }
  .owl-carousel .owl-nav button.owl-prev {
    left: -52px; }
    .owl-carousel .owl-nav button.owl-prev i {
      margin-right: 2px; }
  .owl-carousel .owl-nav button.owl-next {
    right: -52px; }
    .owl-carousel .owl-nav button.owl-next i {
      margin-left: 2px; }
  .owl-carousel .owl-dots {
    padding-top: 10px; }
    .owl-carousel .owl-dots button.owl-dot:focus {
      outline: none; }
  @media (max-width: 1199.98px) {
    .owl-carousel .owl-nav button.owl-prev {
      left: -22px; }
    .owl-carousel .owl-nav button.owl-next {
      right: -22px; } }
  @media (max-width: 767.98px) {
    .owl-carousel .owl-nav button.owl-prev {
      left: 15px; }
    .owl-carousel .owl-nav button.owl-next {
      right: 15px; } }
  @media (max-width: 575.98px) {
    .owl-carousel .owl-nav {
      display: none; } }

.nav-fullwidth .owl-nav {
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  width: calc(100vw - 15px);
  margin-top: 0; }

/**
 * COLLAPSE PUREJS - CORE
 */
.collapse-toggle {
  cursor: pointer; }

.collapse-target {
  overflow: hidden; }

/* Header */
/** SITE HEADER **/
.site-header {
  position: relative;
  z-index: 99;
  /** MEDIA **/ }
  .site-header .__inner {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .site-header .__logo {
    padding-top: 14px;
    padding-bottom: 20px; }
    .site-header .__logo a {
      display: flex;
      align-items: center; }
      .site-header .__logo a:hover {
        text-decoration: none; }
  .site-header .__logo_primary.--white {
    display: none; }
  .site-header .__tagline {
    margin-top: -10px;
    margin-left: 20px;
    font-size: 16px;
    color: #00436A;
    letter-spacing: 2px; }
  @media (max-width: 767.98px) {
    .site-header .__inner {
      padding-right: 0; }
    .site-header .__logo {
      padding-top: 5px;
      padding-bottom: 5px; }
      .site-header .__logo svg {
        width: 100px;
        height: auto; }
    .site-header .__tagline {
      margin-top: -5px;
      margin-left: 10px;
      font-size: 8px;
      letter-spacing: 1px; } }

/**
 * HEADER SCROLL FIXED
 */
.scroll-fixed .scroll-holder {
  display: none; }
@media (min-width: 768px) {
  .scroll-fixed.fixed-actived .scroll-holder {
    display: block; }
  .scroll-fixed.fixed-actived .scroll-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
    animation: headerMoveDown 0.2s both;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px); }
  .scroll-fixed.fixed-actived .__logo {
    padding-top: 8px;
    padding-bottom: 13px; }
    .scroll-fixed.fixed-actived .__logo svg, .scroll-fixed.fixed-actived .__logo img {
      width: 150px;
      height: auto; }
  .scroll-fixed.fixed-actived .__tagline {
    margin-top: -5px;
    font-size: 13px; }
  .scroll-fixed.fixed-actived .__menus a {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 15px; }
  .scroll-fixed.fixed-actived .__entry {
    margin-left: 25px;
    margin-right: 25px; }
    .scroll-fixed.fixed-actived .__entry a {
      min-width: 120px;
      padding: 7px 20px 8px;
      font-size: 18px; }
  .scroll-fixed.fixed-actived .hamburger {
    width: 40px;
    height: 40px; }
    .scroll-fixed.fixed-actived .hamburger .hamburger__deco {
      width: 30px;
      height: 20px; }
    .scroll-fixed.fixed-actived .hamburger.rm01push .hamburger__deco > span::before {
      transform: translate3d(0, 9px, 0) rotate(45deg) scaleX(0.7); }
    .scroll-fixed.fixed-actived .hamburger.rm01push .hamburger__deco > span::after {
      transform: translate3d(0, -9px, 0) rotate(-45deg) scaleX(0.7); } }

/**
 * NAVIGATION TOP
 */
.navtop {
  display: flex;
  align-items: center;
  /** MEDIA **/ }
  .navtop .__menus {
    display: none; }
    .navtop .__menus ul {
      display: flex;
      flex-wrap: wrap;
      padding-left: 20px;
      margin-bottom: 0; }
    .navtop .__menus li {
      list-style-type: none; }
    .navtop .__menus a {
      display: block;
      padding: 7px 15px;
      margin-left: 4px;
      border-radius: 100px;
      border: 1px solid transparent;
      color: #000;
      font-size: 13px;
      font-weight: 700; }
      .navtop .__menus a:hover {
        border-color: rgba(255, 255, 255, 0.5);
        text-decoration: none; }
  .navtop .__entry {
    margin-left: 40px;
    margin-right: 30px; }
    .navtop .__entry a {
      min-width: 160px; }
    .navtop .__entry i {
      padding-right: 8px; }
  @media (max-width: 767.98px) {
    .navtop {
      margin-top: 0; }
      .navtop .__menus {
        display: none; }
      .navtop .__entry {
        margin-left: 10px;
        margin-right: 0; }
        .navtop .__entry a {
          min-width: 60px;
          height: 54px;
          padding: 9px 12px 6px;
          border-radius: 0; }
        .navtop .__entry .btn__text {
          font-size: 14px; }
        .navtop .__entry i {
          display: block;
          padding-right: 0;
          padding-left: 0;
          font-size: 20px;
          line-height: 20px; } }
  @media (min-width: 1430px) {
    .navtop .__menus {
      display: block; } }
  @media (min-width: 1600px) {
    .navtop .__menus a {
      padding: 7px 20px;
      font-size: 17px; } }

/**
 * MAIN MENUS
 * Menu chính trong Menu Drawer
 */
#main-menus {
  width: 100%;
   color: #fff;
  /** MEDIA **/ }
  #main-menus ul {
    padding-left: 0;
    margin-bottom: 0; }
  #main-menus li {
    list-style-type: none; }
  #main-menus a {
    display: block;
    max-width: 270px; }
    #main-menus a:hover {
      color: #fff;
      text-decoration: underline; }
  #main-menus .__menu_thumb img {
    width: 100%;
    height: auto; }
  #main-menus .__menu_thumb .--sp {
    display: none; }
  #main-menus .__menus_inner {
    display: flex; }
  #main-menus .__menu_left {
    width: 30%;
    padding-left: 6%; }
  #main-menus .__menu_right {
    flex: 1;
    display: flex; }
  #main-menus .__menu_1 li {
    margin-bottom: 25px; }
  #main-menus .__menu_1 a {
    font-size: 26px;
    font-weight: 700; }
  #main-menus .__menu_1 .__menu_sub, #main-menus .__menu_1 .sub-menu {
    padding-left: 30px; }
    #main-menus .__menu_1 .__menu_sub li, #main-menus .__menu_1 .sub-menu li {
      margin-bottom: 0; }
    #main-menus .__menu_1 .__menu_sub a, #main-menus .__menu_1 .sub-menu a {
      font-size: 18px; }
      #main-menus .__menu_1 .__menu_sub a::before, #main-menus .__menu_1 .sub-menu a::before {
        content: '';
        display: inline-block;
        width: 25px;
        height: 1px;
        margin-right: 15px;
        background-color: #fff;
        vertical-align: middle; }
  #main-menus .__menu_2 {
    padding-top: 10px; }
    #main-menus .__menu_2 li {
      margin-bottom: 25px; }
    #main-menus .__menu_2 a {
      font-size: 18px;
      font-weight: 700; }
    #main-menus .__menu_2 [class*="icon-"] {
      font-size: 0.7em; }
  #main-menus .__menu_thumb_1 {
    width: 35%;
    border: solid #fff;
    border-width: 0 1px;
    text-align: center; }
    #main-menus .__menu_thumb_1 .__menu_inner {
      display: inline-block;
      text-align: left;
      line-height: 1.4; }
    #main-menus .__menu_thumb_1 .__menu_list {
      display: inline-block;
      margin: 0 auto; }
    #main-menus .__menu_thumb_1 .__menu_heading {
      margin-bottom: 30px; }
    #main-menus .__menu_thumb_1 li {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 20px; }
    #main-menus .__menu_thumb_1 .__name_ja, #main-menus .__menu_thumb_1 .__name_roman, #main-menus .__menu_thumb_1 .__date, #main-menus .__menu_thumb_1 .__position {
      display: inline-block; }
    #main-menus .__menu_thumb_1 .__name {
      padding-top: 5px; }
    #main-menus .__menu_thumb_1 .__name_ja {
      font-size: 18px; }
    #main-menus .__menu_thumb_1 .__name_roman {
      padding-left: 10px;
      font-size: 10px; }
    #main-menus .__menu_thumb_1 .__date {
      font-size: 12px; }
    #main-menus .__menu_thumb_1 .__position {
      font-size: 12px; }
  #main-menus .__menu_thumb_2 {
    flex: 1; }
    #main-menus .__menu_thumb_2 .__menu_heading {
      margin-bottom: 30px; }
      #main-menus .__menu_thumb_2 .__menu_heading h4 {
        padding-left: calc(6% + 20px); }
    #main-menus .__menu_thumb_2 ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly; }
    #main-menus .__menu_thumb_2 li {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 25px;
      text-align: center; }
    #main-menus .__menu_thumb_2 a {
      display: inline-block;
      font-size: 16px; }
    #main-menus .__menu_thumb_2 .__menu_title {
      padding-top: 7px;
      line-height: 1.4;
      text-align: left; }
  #main-menus .__icon_line::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    margin-right: 10px;
    background-color: #fff;
    vertical-align: middle; }
  @media (max-width: 1480px) {
    #main-menus .__menu_thumb_1 .__menu_heading h4 {
      padding-left: 20px; }
    #main-menus .__menu_thumb_2 .__menu_heading h4 {
      padding-left: calc(3% + 10px); }
    #main-menus .__menu_thumb_2 li {
      width: 50%; } }
  @media (max-width: 991.98px) {
    #main-menus .__menus_inner {
      flex-direction: column; }
    #main-menus .__menu_left {
      width: 100%;
      padding-left: 0;
      margin-bottom: 50px; }
    #main-menus .__menu_1 li {
      margin-bottom: 10px; }
    #main-menus .__menu_1 a {
      font-size: 18px; }
    #main-menus .__menu_1 .__menu_sub a {
      font-size: 14px; }
    #main-menus .__menu_2 li {
      margin-bottom: 10px; }
    #main-menus .__menu_2 a {
      font-size: 14px; }
    #main-menus .__menu_thumb .--pc {
      display: none; }
    #main-menus .__menu_thumb .--sp {
      display: block; }
    #main-menus .__menu_thumb_1 {
      width: 32%; }
      #main-menus .__menu_thumb_1 .__menu_heading {
        margin-bottom: 20px; }
      #main-menus .__menu_thumb_1 .__name_ja {
        font-size: 14px; }
      #main-menus .__menu_thumb_1 .__date {
        font-size: 10px; }
      #main-menus .__menu_thumb_1 .__position {
        font-size: 10px; }
    #main-menus .__menu_thumb_2 {
      padding-left: 0; }
      #main-menus .__menu_thumb_2 .__menu_heading {
        padding-left: 20px;
        margin-bottom: 20px; }
        #main-menus .__menu_thumb_2 .__menu_heading h4 {
          padding-left: 0; }
      #main-menus .__menu_thumb_2 li {
        padding-left: 20px;
        margin-bottom: 20px; }
      #main-menus .__menu_thumb_2 .__menu_title {
        font-size: 14px; } }
  @media (max-width: 575.98px) {
    #main-menus .__menu_left {
      padding-left: 0;
      margin-bottom: 20px; }
    #main-menus .__menu_right {
      flex-direction: column; }
    #main-menus .__menu_thumb_1 {
      width: 100%;
      padding-top: 30px;
      padding-bottom: 20px;
      margin-bottom: 40px;
      border-width: 1px 0;
      border-style: dashed;
      text-align: left; }
      #main-menus .__menu_thumb_1 li {
        padding-left: 0;
        padding-right: 0; }
    #main-menus .__menu_thumb_2 .__menu_heading {
      padding-left: 0; }
      #main-menus .__menu_thumb_2 .__menu_heading h4 {
        padding-left: 0; }
    #main-menus .__menu_thumb_2 ul {
      margin-left: -10px;
      margin-right: -10px; }
    #main-menus .__menu_thumb_2 li {
      padding-left: 10px;
      padding-right: 10px; }
    #main-menus .__menu_thumb_2 .__menu_title {
      font-size: 12px; } }

/**
 * SCROLL FIXED
 * Làm cho vị trí của header fixed.
 * Scroll qua vị trí chỉ định thì sẽ chuyển sang `position: fixed`
 */
.header-scroll-fixed {
  position: relative;
  /** FIXED ENABLE - ĐỦ ĐIỀU KIỆN ĐỂ SCROLL FIXED HOẠT ĐỘNG **/
  /** FIXED ACTIVED - KHI SCROLL FIXED KÍCH HOẠT **/ }
  .header-scroll-fixed .scroll-inner {
    position: relative;
    width: 100%;
    z-index: 99; }
  .header-scroll-fixed.fixed-enabled .scroll-inner {
    position: absolute;
    top: 0;
    left: 0; }
  .header-scroll-fixed.fixed-actived .scroll-inner {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    animation: headerMoveDown 0.2s both;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px); }
  @media (min-width: 768px) {
    .header-scroll-fixed {
      /** FIXED ACTIVED **/ }
      .header-scroll-fixed.fixed-actived .rm01.rm01.rm01hanger .rm01list a {
        padding-top: 17px;
        padding-bottom: 17px; } }
  @media (max-width: 991.98px) {
    .header-scroll-fixed.fixed-actived .header-logo {
      padding-top: 8px !important;
      padding-bottom: 8px !important; } }
  @media (max-width: 767.98px) {
    .header-scroll-fixed.fixed-actived .rm01.rm01drawer .menu-inner {
      height: calc(100vh - 40px); } }

/** Fixed: Không hỗ trợ backdrop-filter **/
.no-backdropfilter .header-scroll-fixed.fixed-actived .scroll-inner {
  background-color: rgba(255, 255, 255, 0.95); }

@keyframes headerMoveDown {
  0% {
    transform: translate3d(0, -100%, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }
/** Fixed khi có admin bar **/
body.admin-bar .header-scroll-fixed.fixed-actived .scroll-inner {
  margin-top: 32px;
  /** MEDIA **/ }
  @media (max-width: 782px) {
    body.admin-bar .header-scroll-fixed.fixed-actived .scroll-inner {
      margin-top: 46px; } }
  @media (max-width: 599px) {
    body.admin-bar .header-scroll-fixed.fixed-actived .scroll-inner {
      margin-top: 0; } }

/** NAVIGATION HEADER **/
.rm01 {
  display: none; }

/**
 * MENU HANGER - DÀNH CHO PC
 */
.rm01.rm01hanger {
  display: block; }
  .rm01.rm01hanger ul {
    padding-left: 0;
    margin-bottom: 0; }
  .rm01.rm01hanger li {
    display: block;
    list-style-type: none; }
  .rm01.rm01hanger .rm01menu-lv1 {
    display: flex; }
  .rm01.rm01hanger .rm01list-lv1 {
    position: relative; }
    .rm01.rm01hanger .rm01list-lv1 a {
      display: block;
      padding: 30px 30px;
      font-weight: 700;
      text-align: center;
      transition: all 0.2s;
      text-transform: uppercase; }
      .rm01.rm01hanger .rm01list-lv1 a:hover {
        background-color: #ddd;
        color: #000;
        text-decoration: none; }
      .rm01.rm01hanger .rm01list-lv1 a [class*=icon-] {
        font-size: 0.75em; }
    .rm01.rm01hanger .rm01list-lv1.current-menu-item a::after, .rm01.rm01hanger .rm01list-lv1.current-menu-parent a::after, .rm01.rm01hanger .rm01list-lv1.current-category-ancestor a::after, .rm01.rm01hanger .rm01list-lv1.current-page-ancestor a::after, .rm01.rm01hanger .rm01list-lv1.current-post-ancestor a::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: calc(50% - 15px);
      width: 30px;
      height: 4px;
      background-color: rgba(30, 30, 30, 0.75); }
    .rm01.rm01hanger .rm01list-lv1.current-menu-item .rm01list-lv2 a::after, .rm01.rm01hanger .rm01list-lv1.current-menu-parent .rm01list-lv2 a::after, .rm01.rm01hanger .rm01list-lv1.current-category-ancestor .rm01list-lv2 a::after, .rm01.rm01hanger .rm01list-lv1.current-page-ancestor .rm01list-lv2 a::after, .rm01.rm01hanger .rm01list-lv1.current-post-ancestor .rm01list-lv2 a::after {
      display: none; }
  .rm01.rm01hanger .rm01menu-lv2 {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    min-width: 250px;
    border-top: 1px dashed #aaa;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  .rm01.rm01hanger .rm01link:hover + .rm01menu, .rm01.rm01hanger .rm01menu-lv2:hover {
    display: block; }
  .rm01.rm01hanger .rm01list-lv2 a {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left; }
  .rm01.rm01hanger .rm01listback {
    display: none; }
  .rm01.rm01hanger .menu-entry a {
    position: relative;
    min-width: 200px;
    background-color: #122A88;
    color: #fff; }
    .rm01.rm01hanger .menu-entry a:hover {
      background-color: #00436A;
      color: #fff; }
  .rm01.rm01hanger .menu-entry .small {
    display: none;
    font-size: 0.7em; }
  .rm01.rm01hanger .menu-entry [class*=icon-] {
    display: none; }
    .rm01.rm01hanger .menu-entry [class*=icon-].float-right {
      position: absolute;
      top: calc(50% - 5px);
      right: 20px;
      padding-right: 0; }
  .rm01.rm01hanger .menu-entry.current-menu-item a::after, .rm01.rm01hanger .menu-entry.current-menu-parent a::after, .rm01.rm01hanger .menu-entry.current-category-ancestor a::after, .rm01.rm01hanger .menu-entry.current-page-ancestor a::after, .rm01.rm01hanger .menu-entry.current-post-ancestor a::after {
    background-color: rgba(255, 255, 255, 0.75); }
  @media (max-width: 1199.98px) {
    .rm01.rm01hanger .rm01list-lv1 a {
      padding-left: 20px;
      padding-right: 20px; }
    .rm01.rm01hanger .menu-entry a {
      min-width: 150px; } }
  @media (max-width: 991.98px) {
    .rm01.rm01hanger .rm01list-lv1 a {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 1.2rem; }
    .rm01.rm01hanger .menu-entry a {
      min-width: 120px;
      font-size: 1.2rem; } }
  @media (max-width: 767.98px) {
    .rm01.rm01hanger .menu-entry .small {
      display: block; }
    .rm01.rm01hanger .menu-entry [class*=icon-] {
      display: block; } }

/**
 * MENU DRAWER - DÀNH CHO SP
 */
.rm01.rm01drawer {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 0;
  z-index: -1;
  /* Menu Push */
  /** Menu Open **/
  /* Restore style menu */
  /** MEDIA **/ }
  .rm01.rm01drawer .menu-inner {
    display: flex;
    padding: 120px 50px 60px;
    background: #70e6ff; }
  .rm01.rm01drawer .menu-links {
    width: 100%; }
  .rm01.rm01drawer .rm01menu {
    display: block;
    margin-bottom: 0;
    padding-left: 0; }
    .rm01.rm01drawer .rm01menu > .rm01list {
      /** MENU ENTRY **/ }
      .rm01.rm01drawer .rm01menu > .rm01list a {
        display: block;
        padding: 15px 20px;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #fff;
        border-radius: 0;
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase; }
        .rm01.rm01drawer .rm01menu > .rm01list a i {
          display: inline-block;
          height: 16px;
          font-size: 0.7em;
          font-weight: 400; }
        .rm01.rm01drawer .rm01menu > .rm01list a:hover {
          color: #fff; }
      .rm01.rm01drawer .rm01menu > .rm01list.menu-entry a {
        position: relative;
        background-color: #122A88;
        color: #fff;
        font-size: 1.7rem; }
        .rm01.rm01drawer .rm01menu > .rm01list.menu-entry a:hover {
          background-color: #00436A;
          color: #fff; }
      .rm01.rm01drawer .rm01menu > .rm01list.menu-entry .small {
        font-size: 0.6em; }
      .rm01.rm01drawer .rm01menu > .rm01list.menu-entry [class*=icon-].float-right {
        position: absolute;
        top: calc(50% - 5px);
        right: 20px;
        padding-right: 0; }
    .rm01.rm01drawer .rm01menu .rm01menu {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      width: 100%;
      padding-top: 10px; }
  .rm01.rm01drawer .rm01ghost {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%; }
    .rm01.rm01drawer .rm01ghost > .rm01list a {
      transform: translateY(0);
      opacity: 1; }
  .rm01.rm01drawer .rm01list {
    display: block; }
  .rm01.rm01drawer .rm01link {
    position: relative; }
  .rm01.rm01drawer .rm01caret {
    position: absolute;
    right: 0;
    top: 5px;
    width: 60px;
    height: 40px;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    z-index: 99; }
    .rm01.rm01drawer .rm01caret::before {
      content: '\00BB';
      font-size: 2rem;
      line-height: 40px; }
  .rm01.rm01drawer .rm01listback {
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: bold; }
    .rm01.rm01drawer .rm01listback a.rm01linkback {
      border-bottom: none; }
    .rm01.rm01drawer .rm01listback .rm01arrowback {
      padding-right: 10px;
      font-size: 1.8rem; }
  .rm01.rm01drawer.rm01push {
    overflow: visible;
    width: 100%;
    height: auto; }
    .rm01.rm01drawer.rm01push .rm01list > .rm01link {
      opacity: 0;
      animation-duration: 0.6s;
      animation-fill-mode: forwards; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(1) .rm01link {
      animation-delay: 0s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(2) .rm01link {
      animation-delay: 0.05s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(3) .rm01link {
      animation-delay: 0.1s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(4) .rm01link {
      animation-delay: 0.15s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(5) .rm01link {
      animation-delay: 0.2s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(6) .rm01link {
      animation-delay: 0.25s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(7) .rm01link {
      animation-delay: 0.3s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(8) .rm01link {
      animation-delay: 0.35s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(9) .rm01link {
      animation-delay: 0.4s; }
    .rm01.rm01drawer.rm01push .rm01list:nth-child(10) .rm01link {
      animation-delay: 0.45s; }
    .rm01.rm01drawer.rm01push .rm01list-lv1 > .rm01link {
      opacity: 0;
      animation-name: animate-slideToLeft; }
    .rm01.rm01drawer.rm01push .rm01list-lv2 > .rm01link {
      opacity: 0;
      animation-name: animate-slideToRight; }
    .rm01.rm01drawer.rm01push::before {
      content: '';
      position: fixed;
      width: 100%;
      min-height: calc(100vh - 70px);
      z-index: -1; }
  .rm01.rm01drawer .rm01menu.rm01open > .rm01list {
    display: none; }
    .rm01.rm01drawer .rm01menu.rm01open > .rm01list.rm01open {
      display: block; }
      .rm01.rm01drawer .rm01menu.rm01open > .rm01list.rm01open > .rm01link {
        display: none; }
      .rm01.rm01drawer .rm01menu.rm01open > .rm01list.rm01open > .rm01menu {
        display: block; }
  .rm01.rm01drawer .rm01menu.rm01fx-open {
    animation: rm01open-slideOut 0.2s; }
  .rm01.rm01drawer .rm01menu.rm01fx-closed {
    animation: rm01closed-slideOut 0.2s; }
  .rm01.rm01drawer .rm01ghost.rm01fx-open {
    animation: rm01open-slideIn 0.2s; }
  .rm01.rm01drawer .rm01ghost.rm01fx-closed {
    animation: rm01closed-slideIn 0.2s; }
  @media (max-width: 767.98px) {
    .rm01.rm01drawer .menu-inner {
      padding: 60px 20px 30px; } }

/** KHI MENU DRAWER PUSH **/
/**
 * Thiết lập menu luôn ở vị trĩ fixed
 * Thay đổi background
 */
html.rm01push {
  /** MEDIA **/ }
  html.rm01push body {
    overflow: hidden;
    height: 100vh; }
  html.rm01push .__branding > .__inner {
    animation: none; }
  html.rm01push .__logo_primary {
    display: none; }
    html.rm01push .__logo_primary.--white {
      display: block; }
  html.rm01push .__tagline {
    color: #fff; }
  html.rm01push .navtop .__menus {
    display: none; }
  html.rm01push .navtop .__entry a {
    border: 2px solid #fff;
    background: transparent; }
  html.rm01push .menu-inner {
    overflow-y: scroll;
    height: 100vh; }
    html.rm01push .menu-inner::-webkit-scrollbar {
      width: 10px; }
    html.rm01push .menu-inner::-webkit-scrollbar-track {
      border-radius: 10px; }
    html.rm01push .menu-inner::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.2); }
  @media (max-width: 767.98px) {
    html.rm01push .header-scroll-fixed .site-branding {
      position: fixed;
      background-color: rgba(30, 30, 30, 0.95) !important;
      margin-top: 0 !important;
      /* Fixed wpadminbar */ }
    html.rm01push .header-scroll-fixed .scroll-inner {
      left: 0;
      top: 0;
      backdrop-filter: none;
      box-shadow: none; }
    html.rm01push .header-scroll-fixed .tagline {
      color: #fff;
      font-weight: 400; }
    html.rm01push .navtop .__entry a {
      padding: 7px 10px 4px;
      background-color: #fff;
      color: #122A88; }
    html.rm01push #wpadminbar {
      display: none; } }

/** PAGE MENU HAMBURGER - SP **/
.hamburger {
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  border-radius: 100px;
  color: #000;
  text-align: center;
  box-sizing: content-box;
  outline: none;
  /** MEDIA **/ }
  .hamburger .hamburger__deco {
    position: relative;
    display: block;
    width: 36px;
    height: 26px;
    border-radius: 100px; }
    .hamburger .hamburger__deco::before {
      content: '';
      position: absolute;
      left: 0;
      top: calc(50% - 1px);
      width: 100%;
      height: 2px;
      background-color: #000;
      transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    .hamburger .hamburger__deco > span {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px; }
      .hamburger .hamburger__deco > span::before, .hamburger .hamburger__deco > span::after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        border-radius: 10px;
        background-color: #000;
        transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .hamburger .hamburger__deco > span::before {
        top: 0; }
      .hamburger .hamburger__deco > span::after {
        bottom: 0; }
  .hamburger .hamburger__text {
    display: block;
    margin-top: -5px;
    font-family: "Roboto Slab", serif;
    font-size: 0.9rem; }
    .hamburger .hamburger__text::before {
      content: attr(data-menu); }
  .hamburger.rm01push {
    background-color: #fff; }
    .hamburger.rm01push .hamburger__deco::before {
      transform: scale(0); }
    .hamburger.rm01push .hamburger__deco > span {
      transform: scale(0.9); }
      .hamburger.rm01push .hamburger__deco > span::before, .hamburger.rm01push .hamburger__deco > span::after {
        background-color: #517CDB; }
      .hamburger.rm01push .hamburger__deco > span::before {
        transform: translate3d(0, 12px, 0) rotate(45deg) scaleX(0.7); }
      .hamburger.rm01push .hamburger__deco > span::after {
        transform: translate3d(0, -12px, 0) rotate(-45deg) scaleX(0.7); }
    .hamburger.rm01push .hamburger__text {
      letter-spacing: 0; }
      .hamburger.rm01push .hamburger__text::before {
        content: attr(data-close); }
  .hamburger.rm01show {
    visibility: visible; }
  @media (max-width: 767.98px) {
    .hamburger {
      min-width: 60px;
      border-radius: 0;
      background-color: #000; }
      .hamburger .hamburger__deco {
        width: 30px;
        height: 20px; }
        .hamburger .hamburger__deco::before {
          background-color: #fff; }
        .hamburger .hamburger__deco > span::before {
          background-color: #fff; }
        .hamburger .hamburger__deco > span::after {
          background-color: #fff; }
      .hamburger.rm01push .hamburger__deco > span::before {
        transform: translate3d(0, 9px, 0) rotate(45deg) scaleX(0.8); }
      .hamburger.rm01push .hamburger__deco > span::after {
        transform: translate3d(0, -9px, 0) rotate(-45deg) scaleX(0.8); } }

.fixed-actived .hamburger {
  /** MEDIA **/ }
  @media (max-width: 767.98px) {
    .fixed-actived .hamburger {
      padding-top: 5px;
      padding-bottom: 5px; } }

/**
 * STYLE CHO TRANG FRONTPAGE
 */
.site-header.--header-mv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /** MEDIA **/ }
  .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .__logo_primary {
    display: none; }
        .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .__logo_primary.--white {
      display: block; }
  .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .__tagline {
    color: #fff; }
  .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .navtop .__menus a {
    color: #fff; }
    .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .navtop .__menus a:hover {
      border-color: rgba(255, 255, 255, 0.75); }
  .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .hamburger .hamburger__deco::before {
    background-color: #fff; }
  .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .hamburger .hamburger__deco > span::before, .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .hamburger .hamburger__deco > span::after {
    background-color: #fff; }
  .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .hamburger.rm01push .hamburger__deco > span::before, .site-header.--header-mv .scroll-fixed:not(.fixed-actived) .hamburger.rm01push .hamburger__deco > span::after {
    background-color: #122A88; }

/** RUBY MENU ANIMATION **/
[class*=rm01anim-] {
  position: relative; }

.rm01.rm01push [class*=rm01anim-] {
  opacity: 0;
  animation-name: animate-zoom;
  animation-duration: 0.4s;
  animation-fill-mode: forwards; }
.rm01.rm01push::before {
  opacity: 0;
  animation-name: animate-slideToRight;
  animation-duration: 0.2s;
  animation-fill-mode: forwards; }
.rm01.rm01push .menu-inner {
  position: fixed;
  height: 100vh;
  width: 100vw; }

.rm01anim-1 {
  animation-delay: 0s !important; }

.rm01anim-2 {
  animation-delay: 0.05s !important; }

.rm01anim-3 {
  animation-delay: 0.1s !important; }

.rm01anim-4 {
  animation-delay: 0.15s !important; }

.rm01anim-5 {
  animation-delay: 0.2s !important; }

.rm01anim-6 {
  animation-delay: 0.25s !important; }

.rm01anim-7 {
  animation-delay: 0.3s !important; }

.rm01anim-8 {
  animation-delay: 0.35s !important; }

.rm01anim-9 {
  animation-delay: 0.4s !important; }

.rm01anim-10 {
  animation-delay: 0.45s !important; }

/** ANIMATE KEYFRAMES **/
@keyframes animate-zoom {
  0% {
    opacity: 0;
    transform: perspective(800px) translate3d(0, 0, -1000px); }
  100% {
    opacity: 1;
    transform: perspective(800px) translate3d(0, 0, 0); } }
@keyframes animate-slideToLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes animate-slideToLeft2x {
  0% {
    opacity: 0;
    transform: translate3d(-200%, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes animate-slideToRight {
  0% {
    opacity: 0;
    transform: translate3d(200%, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
@keyframes animate-slideToRight2x {
  0% {
    opacity: 0;
    transform: translate3d(200%, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }
/** RUBYMENU KEYFRAMES **/
@keyframes rm01open-slideOut {
  to {
    transform: translateX(-100%); } }
@keyframes rm01open-slideIn {
  from {
    transform: translateX(100%); } }
@keyframes rm01closed-slideOut {
  to {
    transform: translateX(100%); } }
@keyframes rm01closed-slideIn {
  from {
    transform: translateX(-100%); } }
/**
 * HEADING TOP
 */
.headingtop {
  padding-bottom: 70px;
  background: no-repeat center center;
  background-color: #707070;
  background-size: cover;
  /** MEDIA **/ }
  .headingtop .heading {
    display: flex;
    align-items: center;
    min-height: 430px;
    color: #fff;
    text-align: center; }
    .headingtop .heading h2 {
      font-family: "Barlow Condensed", sans-serif;
      font-size: 80px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: 5px;
      text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); }
    .headingtop .heading .desc {
      margin-bottom: 0;
      font-size: 20px;
      font-weight: 700;
      text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); }
  @media (max-width: 767.98px) {
    .headingtop {
      padding-bottom: 40px; }
      .headingtop .heading {
        min-height: 160px; }
        .headingtop .heading h2 {
          font-size: 21px;
          line-height: 1;
          letter-spacing: 2px; }
        .headingtop .heading .desc {
          font-size: 24px;
          line-height: 1.2; } }

.headingtop-2 {
  position: relative;
  background: no-repeat center center;
  background-color: #707070;
  background-size: cover;
  /** MEDIA **/ }
  .headingtop-2 .__background {
    position: absolute;
    left: 0;
    top: 0; }
    .headingtop-2 .__background .img.--sp {
      display: none; }
    .headingtop-2 .__background img {
      object-fit: cover;
      width: 100%;
      height: 660px; }
  .headingtop-2 .heading {
    display: flex;
    align-items: center;
    min-height: 660px; }
    .headingtop-2 .heading h2 {
      margin-bottom: 30px;
      color: #0086D3;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 28px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: 5px;
      text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); }
    .headingtop-2 .heading .desc {
      margin-bottom: 0;
      font-size: 36px;
      font-weight: 700;
      line-height: 1.6; }
  .headingtop-2 .__info {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; }
    .headingtop-2 .__info .container {
      display: flex;
      justify-content: flex-end; }
  .headingtop-2 .__info_inner {
    width: 35%;
    padding: 45px;
    background-color: #fff; }
  .headingtop-2 .__tagname {
    line-height: 1; }
    .headingtop-2 .__tagname.--sp {
      display: none; }
    .headingtop-2 .__tagname .__h3 {
      display: inline-block;
      min-width: 150px;
      padding: 5px 20px;
      border-radius: 100px;
      border: 1px solid #0086D3;
      color: #0086D3;
      font-size: 16px;
      text-align: center; }
  .headingtop-2 .__name_ja {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.8; }
  .headingtop-2 .__name_alpha {
    display: none;
    padding-left: 10px;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500; }
  .headingtop-2 .__date_pos {
    font-size: 20px;
    font-weight: 700; }
  .headingtop-2 .__date {
    padding-right: 10px; }
  .headingtop-2 .__position {
    padding-left: 10px; }
  @media (max-width: 1199.98px) {
    .headingtop-2 .__info_inner {
      width: 40%;
      padding: 35px; } }
  @media (max-width: 991.98px) {
    .headingtop-2 .__background {
      position: relative; }
      .headingtop-2 .__background img {
        object-fit: cover;
        width: 100%;
        height: 470px; }
    .headingtop-2 .heading {
      position: absolute;
      left: 0;
      top: 50%;
      min-height: 160px;
      padding-bottom: 150px;
      transform: translate3d(0, -50%, 0); }
      .headingtop-2 .heading .container {
        padding-left: 20px; }
      .headingtop-2 .heading h2 {
        margin-bottom: 15px;
        font-size: 21px;
        line-height: 1;
        letter-spacing: 2px;
        text-shadow: none; }
      .headingtop-2 .heading .desc {
        font-size: 14px;
        line-height: 1.6; }
    .headingtop-2 .__info .container {
      padding-left: 0;
      padding-right: 0; }
    .headingtop-2 .__info_inner {
      width: 65%;
      padding: 20px 25px; }
    .headingtop-2 .__tagname .__h3 {
      min-width: 70px;
      padding: 2px 10px;
      font-size: 10px; }
    .headingtop-2 .__name_ja {
      font-size: 24px; }
    .headingtop-2 .__name_alpha {
      display: inline;
      font-size: 13px; }
    .headingtop-2 .__date_pos {
      font-size: 10px; } }
  @media (max-width: 767.98px) {
    .headingtop-2 .__background {
      position: relative; }
      .headingtop-2 .__background .img.--pc {
        display: none; }
      .headingtop-2 .__background .img.--sp {
        display: block; }
      .headingtop-2 .__background img {
        object-fit: cover;
        width: 100%;
        height: 470px; }
    .headingtop-2 .__tagname.--pc {
      display: none; }
    .headingtop-2 .__tagname.--sp {
      display: block; }
      .headingtop-2 .__tagname.--sp .__h3 {
        border-width: 0;
        color: #fff; } }

/**
 * BREADCRUMB
 */
#breadcrumb {
  /** STYLE BREADCRUMB 2 **/
  /** MEDIA **/ }
  #breadcrumb .ruby-breadcrumb {
    margin-top: -76px;
    background-color: #fff; }
  #breadcrumb ul {
    padding: 20px 30px;
    margin-bottom: 0;
    white-space: nowrap; }
  #breadcrumb li {
    display: inline-block;
    list-style-type: none;
    text-transform: uppercase; }
    #breadcrumb li:last-of-type span.breadcrumb-link {
      padding-right: 0; }
  #breadcrumb .breadcrumb-link {
    display: inline-block;
    padding-right: 15px;
    color: #707070;
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 1px; }
    #breadcrumb .breadcrumb-link::after {
      content: '';
      display: inline-block;
      width: 32px;
      height: 1px;
      margin-left: 15px;
      background-color: #707070;
      vertical-align: middle; }
  #breadcrumb span.breadcrumb-link {
    padding-right: 15px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 1px; }
    #breadcrumb span.breadcrumb-link::after {
      display: none; }
  #breadcrumb .--item-home .breadcrumb-text {
    display: none; }
  #breadcrumb .breadcrumb-icon {
    font-size: 1.4em; }
    #breadcrumb .breadcrumb-icon::before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '\e90a'; }
  #breadcrumb br {
    display: none; }
  #breadcrumb.breadcrumb-2 .ruby-breadcrumb {
    position: relative;
    width: 65%;
    background-color: transparent; }
  #breadcrumb.breadcrumb-2 ul {
    padding-left: 0; }
  #breadcrumb.breadcrumb-2 .breadcrumb-link {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    color: #fff; }
    #breadcrumb.breadcrumb-2 .breadcrumb-link::after {
      background-color: #fff;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 991.98px) {
    #breadcrumb {
      /** STYLE BREADCRUMB 2 **/ }
      #breadcrumb .container-wide {
        padding-right: 0; }
      #breadcrumb .ruby-breadcrumb {
        margin-top: -40px; }
      #breadcrumb ul {
        padding: 5px 20px; }
      #breadcrumb .breadcrumb-link {
        font-size: 9px;
        letter-spacing: 0; }
      #breadcrumb a.breadcrumb-link {
        padding-right: 8px; }
        #breadcrumb a.breadcrumb-link::after {
          width: 20px;
          margin-left: 10px; }
      #breadcrumb span.breadcrumb-link {
        max-width: 300px; }
      #breadcrumb .breadcrumb-icon {
        font-size: 10px; }
      #breadcrumb.breadcrumb-2 .ruby-breadcrumb {
        width: 100%;
        margin-top: 0; }
      #breadcrumb.breadcrumb-2 .breadcrumb-link {
        color: #707070;
        text-shadow: none; } }

/* Footer */
/**
 * FOOTER
 */
.footer {
  /** FOOTER BOTTOM **/
  /** MEDIA **/ }
  .footer .__top {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #70e6ff;
    background: linear-gradient(60deg, #70e6ff 0%, #708afd 100%);
    color: #fff;
    text-align: center; }
    .footer .__top .__nav_block {
      display: flex;
      margin-left: -35px;
      margin-right: -35px;
      margin-bottom: 30px; }
      .footer .__top .__nav_block .__item {
        width: 50%;
        padding-left: 35px;
        padding-right: 35px;
        margin-bottom: 20px; }
      .footer .__top .__nav_block a {
        display: block;
        padding: 35px 20px 30px;
        background-color: #fff;
        color: #000;
        transition: background 0.4s; }
        .footer .__top .__nav_block a:hover {
          background-color: #000 !important;
          color: #fff !important;
          text-decoration: none; }
      .footer .__top .__nav_block span {
        display: block; }
      .footer .__top .__nav_block .__name {
        font-family: "Barlow Condensed", sans-serif;
        font-size: 50px;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 5px; }
    .footer .__top .__logo {
      margin-bottom: 30px; }
    .footer .__top .__menu_top {
      margin-bottom: 30px; }
      .footer .__top .__menu_top ul {
        display: flex;
        justify-content: center;
        padding-left: 0; }
      .footer .__top .__menu_top li {
        position: relative;
        list-style-type: none; }
        .footer .__top .__menu_top li::after {
          content: '';
          position: absolute;
          right: 0;
          top: 10px;
          width: 1px;
          height: 12px;
          background-color: #fff; }
        .footer .__top .__menu_top li:last-child::after {
          display: none; }
      .footer .__top .__menu_top a {
        padding: 0 20px;
        margin-bottom: 10px; }
        .footer .__top .__menu_top a:hover {
          color: #fff; }
    .footer .__top .__address {
      margin-bottom: 40px; }
    .footer .__top .__tel a {
      min-width: 300px;
      font-size: 20px;
      line-height: 1.5; }
  .footer .__bottom {
    padding-top: 50px;
    padding-bottom: 40px;
    text-align: center; }
    .footer .__bottom .__menu_bottom {
      margin-bottom: 35px; }
      .footer .__bottom .__menu_bottom ul {
        display: flex;
        justify-content: center;
        padding-left: 0; }
      .footer .__bottom .__menu_bottom li {
        position: relative;
        list-style-type: none; }
        .footer .__bottom .__menu_bottom li::after {
          content: '';
          position: absolute;
          right: 0;
          top: 10px;
          width: 1px;
          height: 12px;
          background-color: #000; }
        .footer .__bottom .__menu_bottom li:last-child::after {
          display: none; }
      .footer .__bottom .__menu_bottom a {
        display: block;
        padding: 0 40px;
        font-size: 15px; }
    .footer .__bottom .__social {
      margin-bottom: 40px; }
      .footer .__bottom .__social ul {
        display: flex;
        justify-content: center;
        padding-left: 0; }
      .footer .__bottom .__social li {
        list-style-type: none; }
      .footer .__bottom .__social a {
        padding: 0 15px;
        font-size: 52px;
        line-height: 0.8; }
      .footer .__bottom .__social [class*="icon-"] {
        padding-right: 0; }
    .footer .__bottom .copyright {
      font-size: 12px; }
  @media (max-width: 1199.98px) {
    .footer .__top .__nav_block {
      margin-left: -20px;
      margin-right: -20px; }
      .footer .__top .__nav_block .__item {
        padding-left: 20px;
        padding-right: 20px; }
      .footer .__top .__nav_block .__name {
        font-size: 42px; } }
  @media (max-width: 991.98px) {
    .footer .__bottom .__menu_bottom a {
      font-size: 12px; } }
  @media (max-width: 767.98px) {
    .footer .__top .__nav_block {
      flex-direction: column;
      margin-left: 0;
      margin-right: 0; }
      .footer .__top .__nav_block .__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
      .footer .__top .__nav_block .__name {
        font-size: 32px; }
      .footer .__top .__nav_block a {
        padding: 25px 20px 25px; }
    .footer .__top .__menu_top ul {
      display: block; }
    .footer .__top .__menu_top li::after {
      display: none; }
    .footer .__top .__menu_top a {
      text-decoration: underline; }
    .footer .__top .__tel a {
      line-height: 1.3; }
    .footer .__bottom {
      padding-top: 20px;
      padding-bottom: 20px; }
      .footer .__bottom .__menu_bottom {
        display: none; }
      .footer .__bottom .__social {
        margin-bottom: 12px; }
        .footer .__bottom .__social a {
          padding-left: 10px;
          padding-right: 10px;
          font-size: 38px; }
      .footer .__bottom .copyright {
        font-size: 11px; } }
  @media (max-width: 575.98px) {
    .footer .__top .__tel a {
      min-width: 240px; } }

/** BACK TO TOP **/
#back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 9;
  /** MEDIA **/ }
  #back-to-top .scroll-inner {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background-color: #CFBE9B;
    color: #fff;
    font-size: 9px;
    text-align: center;
    text-indent: -99999px;
    transition: all 0.2s;
    opacity: 0;
    transform: translate3d(200px, 0, 0);
    animation: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    backdrop-filter: unset;
    cursor: pointer; }
    #back-to-top .scroll-inner::after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e905";
      position: absolute;
      left: 1px;
      top: calc(50% - 5px);
      width: 100%;
      text-indent: 0; }
    #back-to-top .scroll-inner:hover {
      background-color: #000;
      color: #fff; }
  #back-to-top.fixed-actived .scroll-inner {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  @media (max-width: 767.98px) {
    #back-to-top {
      right: 10px;
      bottom: 15px; }
      #back-to-top .scroll-inner {
        width: 44px;
        height: 44px;
        font-size: 7px; } }

/* FrontPage */
.home-mv {
  overflow: hidden;
  position: relative;
  background-color: #1e1e1e;
  /** MEDIA **/ }
  .home-mv .bg-video {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }
  .home-mv .video {
    width: 100%;
    height: auto; }
    .home-mv .video:last-child {
      display: none; }
    .home-mv .video:first-child {
      display: block; }
  .home-mv .video-sp {
    display: none; }
  .home-mv .text {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 90px;
    color: #fff; }
    .home-mv .text h1 {
      display: inline-block;
      margin-bottom: 10px;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 58px;
      font-weight: 500;
      line-height: 1.1; }
  .home-mv .heading {
    width: 100%; }
  .home-mv .__desc .__h3 {
    font-size: 13px;
    font-weight: 700; }
  @media (max-width: 767.98px) {
    .home-mv {
      min-height: 550px; }
      .home-mv .video {
        display: none; }
        .home-mv .video:first-child {
          display: none; }
        .home-mv .video:last-child {
          display: block; }
      .home-mv .video-sp {
        display: block;
        width: 100%;
        height: 550px;
        object-fit: cover; }
      .home-mv .text {
        align-items: flex-end; }
      .home-mv .heading {
        padding-bottom: 0; }
        .home-mv .heading h1 {
          margin-bottom: 10px;
          font-size: 60px;
          text-align: left;
          letter-spacing: 1px; }
      .home-mv .__desc .__h3 {
        font-size: 14px; } }
  @media (max-width: 575.98px) {
    .home-mv .heading h1 {
      margin-bottom: 5px;
      font-size: 46px; }
    .home-mv .__desc .__h3 {
      font-size: 10px; } }
  @media (min-width: 1200px) {
    .home-mv .text h1 {
      margin-bottom: 15px;
      font-size: 80px; }
    .home-mv .__desc .__h3 {
      font-size: 18px; } }
  @media (min-width: 1500px) {
    .home-mv .text h1 {
      margin-bottom: 15px;
      font-size: 95px; }
    .home-mv .__desc .__h3 {
      font-size: 21px; } }
  @media (min-width: 1600px) {
    .home-mv .text h1 {
      margin-bottom: 20px;
      font-size: 110px; }
    .home-mv .__desc .__h3 {
      font-size: 24px; } }

@keyframes moveDownShort {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, 10px, 0);
    opacity: 0; } }
/**
 * HOME NEWS & BLOG
 */
.home-news {
  /** MEDIA **/ }
  .home-news .__inner {
    position: relative;
    display: flex;
    margin-top: -150px;
    z-index: 9; }
  .home-news .__left {
    width: 60%;
    padding: 15px 30px;
    background-color: #fff;
    border-radius: 0 12px 0 0; }
  .home-news .__right {
    width: 40%; }
  .home-news .__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px; }
  .home-news .__title h3 {
    margin-bottom: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 2px; }
  .home-news .__title .small {
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 2px;
    font-size: 0.6em;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 0; }
  .home-news .__btn_more a {
    font-family: "Barlow Condensed", sans-serif; }
  .home-news .__carousel {
    position: relative; }
  .home-news .__list {
    display: flex;
    padding-left: 0; }
  .home-news .__item {
    position: relative;
    list-style-type: none; }
    .home-news .__item::after {
      content: '';
      position: absolute;
      right: -20px;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: #D1D1D1; }
  .home-news .owl-item:last-child .__item::after {
    display: none; }
  .home-news .__item_image {
    margin-bottom: 10px; }
    .home-news .__item_image img {
      width: 100%;
      height: auto; }
  .home-news .__item_tag {
    display: inline-block;
    padding: 2px 12px;
    margin-right: 8px;
    margin-bottom: 10px;
    background-color: #000;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 11px;
    line-height: 1.2; }
  .home-news .__item_date {
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 12px;
    line-height: 1.2; }
  .home-news .__item_title h4 {
    font-size: 12px; }
  @media (max-width: 767.98px) {
    .home-news .__inner {
      margin-top: 0; }
    .home-news .__left {
      width: 100%;
      padding: 40px 0 40px;
      border-radius: 0; }
    .home-news .__right {
      display: none; }
    .home-news .__header {
      justify-content: center; }
    .home-news .__title {
      margin-bottom: 20px;
      text-align: center; }
      .home-news .__title h3 {
        font-size: 14px; }
      .home-news .__title .small {
        display: block;
        font-size: 21px; }
    .home-news .__btn_more {
      display: none; }
    .home-news .__list {
      margin: 0; }
    .home-news .__item {
      width: 270px;
      padding-left: 15px;
      padding-right: 15px;
      border-right-width: 0; }
      .home-news .__item::after {
        display: none; }
    .home-news .__item_tag {
      margin-right: 5px;
      font-size: 12px; }
    .home-news .__item_date {
      font-size: 12px; }
    .home-news .__item_title h4 {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .home-news .__item_title h4 {
      font-size: 14px; } }
  @media (min-width: 1500px) {
    .home-news .__left {
      padding-left: 60px;
      padding-right: 60px; }
    .home-news .__item::after {
      right: -30px; }
    .home-news .__item_tag {
      font-size: 14px; }
    .home-news .__item_date {
      font-size: 15px; }
    .home-news .__item_title h4 {
      font-size: 16px; } }

/**
 * HOME ABOUT
 */
.home-about {
  display: flex;
  padding-top: 100px;
  padding-bottom: 150px;
  /** MEDIA **/ }
  .home-about .__image {
    width: 50%; }
    .home-about .__image img {
      width: 100%;
      height: auto; }
  .home-about .__image_sp {
    display: none;
    text-align: center; }
    .home-about .__image_sp img {
      max-width: 420px;
      width: 100%; }
  .home-about .__text {
    flex: 1;
    padding-left: 30px;
    padding-right: 30px; }
  .home-about .__text_inner {
    max-width: 600px;
    margin: 0 auto; }
  .home-about .__title {
    margin-bottom: 30px; }
    .home-about .__title h2 {
      color: #0086D3;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 70px;
      font-weight: 500;
      line-height: 1; }
  .home-about .__desc {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700; }
  .home-about .__txt {
    margin-bottom: 50px; }
  @media (max-width: 767.98px) {
    .home-about {
      flex-direction: column-reverse;
      padding: 60px 20px; }
      .home-about .__title {
        margin-bottom: 0;
        text-align: center; }
        .home-about .__title h2 {
          font-size: 21px;
          letter-spacing: 2px; }
      .home-about .__desc {
        margin-bottom: 20px;
        font-size: 24px;
        text-align: center; }
      .home-about .__text {
        padding-left: 0;
        padding-right: 0; }
      .home-about .__text_inner {
        max-width: 500px; }
      .home-about .__txt {
        margin-bottom: 30px; }
      .home-about .__image {
        display: none; }
      .home-about .__image_sp {
        display: block;
        margin: 0 -20px 20px -20px; } }

/**
 * HOME SERVICE
 */
.home-service {
  overflow: hidden;
  position: relative;
  display: flex;
  padding-bottom: 150px;
  /** MEDIA **/ }
  .home-service::before {
    content: '';
    position: absolute;
    left: 0;
    top: 110px;
    width: 100%;
    height: 100%;
    background-color: #F3F3F3;
    z-index: -1; }
  .home-service .__image {
    width: 60%; }
    .home-service .__image img {
      width: 100%;
      height: auto; }
  .home-service .__image_sp {
    display: none;
    text-align: center; }
    .home-service .__image_sp img {
      max-width: 420px;
      width: 100%; }
  .home-service .__text {
    flex: 1;
    padding: 60px 30px 0; }
  .home-service .__text_inner {
    max-width: 500px;
    margin: 0 auto; }
  .home-service .__title {
    margin-bottom: 30px; }
    .home-service .__title h2 {
      color: #0086D3;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 70px;
      font-weight: 500;
      line-height: 1; }
  .home-service .__desc {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700; }
  .home-service .__txt {
    margin-bottom: 50px; }
    .home-service .__txt p {
      font-size: 20px;
      font-weight: 500; }
  @media (max-width: 767.98px) {
    .home-service {
      flex-direction: column-reverse;
      padding: 60px 20px; }
      .home-service::before {
        display: none; }
      .home-service .__text {
        padding: 0; }
      .home-service .__title {
        margin-bottom: 0;
        text-align: center; }
        .home-service .__title h2 {
          font-size: 21px;
          letter-spacing: 2px; }
      .home-service .__desc {
        margin-bottom: 20px;
        font-size: 24px;
        text-align: center; }
      .home-service .__txt {
        margin-bottom: 30px; }
        .home-service .__txt p {
          font-size: 14px; }
      .home-service .__image {
        display: none; }
      .home-service .__image_sp {
        display: block;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 20px; } }

/**
 * HOME PERSON
 */
.home-person {
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  /** MEDIA **/ }
  .home-person .__image {
    width: 50%; }
    .home-person .__image img {
      width: 100%;
      height: auto; }
  .home-person .__image_sp {
    display: none;
    text-align: center; }
    .home-person .__image_sp img {
      max-width: 420px;
      width: 100%; }
  .home-person .__text {
    flex: 1;
    padding-left: 30px;
    padding-right: 30px; }
  .home-person .__text_inner {
    max-width: 600px;
    margin: 0 auto; }
  .home-person .__title {
    margin-bottom: 30px; }
    .home-person .__title h2 {
      color: #0086D3;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 70px;
      font-weight: 500;
      line-height: 1; }
  .home-person .__desc {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700; }
  .home-person .__txt {
    margin-bottom: 50px; }
  .home-person .__slider .rs01pag {
    position: absolute;
    bottom: 0;
    right: 10px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
  .home-person .__slider .rs01pagitem {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #fff; }
    .home-person .__slider .rs01pagitem.rs01cur {
      box-shadow: none; }
  .home-person .__slider .rs01pagmark-item {
    width: 30px !important;
    height: 12px;
    top: 0;
    left: -9px;
    border-radius: 100px;
    background-color: #0086D3; }
  .home-person .__slider.--sp {
    display: none; }
  @media (max-width: 767.98px) {
    .home-person {
      flex-direction: column-reverse;
      padding: 60px 20px; }
      .home-person .__title {
        margin-bottom: 0;
        text-align: center; }
        .home-person .__title h2 {
          font-size: 21px;
          letter-spacing: 2px; }
      .home-person .__desc {
        margin-bottom: 20px;
        font-size: 24px;
        text-align: center; }
      .home-person .__title {
        padding-left: 0;
        padding-right: 0; }
      .home-person .__text {
        padding-left: 0;
        padding-right: 0; }
      .home-person .__text_inner {
        max-width: 500px; }
      .home-person .__txt {
        margin-bottom: 30px; }
      .home-person .__image {
        display: none; }
      .home-person .__image_sp {
        display: block;
        margin: 0 -20px 20px -20px; }
      .home-person .__slider .rs01pag {
        right: auto;
        margin-top: 10px;
        margin-bottom: 10px; }
      .home-person .__slider.--pc {
        display: none; }
      .home-person .__slider.--sp {
        display: block;
        margin: 0 -20px 20px -20px; } }

/* Pages */
/**
* ABOUT MESSAGE
*/
.about-message {
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .about-message .__inner {
    display: flex; }
  .about-message .__text {
    width: 50%; }
  .about-message .__text_inner {
    max-width: 540px;
    margin: 0 auto; }
  .about-message .__heading {
    margin-bottom: 30px; }
    .about-message .__heading.--sp {
      display: none; }
  .about-message .__h1 {
    color: #0086D3;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 8px; }
  .about-message .__desc {
    overflow: hidden; }
  .about-message .__desc_span {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-size: 12px; }
    .about-message .__desc_span::after {
      content: '';
      position: absolute;
      left: 100%;
      top: 12px;
      width: 1000px;
      height: 1px;
      background-color: #707070; }
  .about-message .__name {
    margin-bottom: 30px; }
  .about-message .__name_ja {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2; }
  .about-message .__name_pos {
    font-size: 13px; }
  .about-message .__txt h2 {
    margin-bottom: 30px;
    font-size: 21px; }
  .about-message .__image {
    flex: 1; }
    .about-message .__image .__img.--sp {
      display: none; }
    .about-message .__image img {
      width: 100%;
      height: auto; }
  @media (max-width: 1199.98px) {
    .about-message .__text_inner {
      max-width: 400px;
      padding-left: 20px;
      padding-right: 20px; }
    .about-message .__text {
      width: 40%; } }
  @media (max-width: 991.98px) {
    .about-message {
      padding-top: 60px;
      padding-bottom: 60px; }
      .about-message .__inner {
        flex-direction: column-reverse; }
      .about-message .__heading {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        text-align: center; }
        .about-message .__heading.--pc {
          display: none; }
        .about-message .__heading.--sp {
          display: block; }
      .about-message .__image {
        margin-bottom: 30px; }
        .about-message .__image .__img {
          max-width: 600px;
          margin: 0 auto; }
          .about-message .__image .__img.--pc {
            display: none; }
          .about-message .__image .__img.--sp {
            display: block; }
      .about-message .__h1 {
        font-size: 21px;
        letter-spacing: 2px; }
      .about-message .__desc_span {
        padding-right: 0;
        font-size: 24px;
        font-weight: 700; }
        .about-message .__desc_span::after {
          display: none; }
      .about-message .__text {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; }
      .about-message .__text_inner {
        display: flex;
        flex-direction: column-reverse;
        padding-left: 10px;
        padding-right: 10px; }
      .about-message .__txt h2 {
        margin-bottom: 20px;
        font-size: 16px; }
      .about-message .__name {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0; }
      .about-message .__name_inner {
        display: flex;
        flex-direction: column-reverse; }
      .about-message .__name_alpha {
        font-size: 10px; }
      .about-message .__name_ja {
        font-size: 20px; }
      .about-message .__name_pos {
        margin-bottom: 15px;
        font-size: 12px;
        line-height: 1.6; } }

/**
 * ABOUT THREE POINT
 */
.about-threepoint {
  overflow: hidden;
  position: relative;
  padding-top: 100px;
  padding-bottom: 50px;
  /** MEDIA **/ }
  .about-threepoint::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28%;
    background-color: #F8F8FA;
    z-index: -1; }
  .about-threepoint .__topic {
    position: relative;
    margin-bottom: -35px;
    text-align: center;
    z-index: 2; }
    .about-threepoint .__topic .__h2 {
      color: #0086D3;
      font-size: 120px;
      line-height: 1;
      letter-spacing: 15px; }
  .about-threepoint .__image .__img {
    text-align: center; }
    .about-threepoint .__image .__img.--sp {
      display: none; }
  .about-threepoint .__image img {
    max-width: 100%;
    width: auto;
    height: auto; }
  .about-threepoint .__content {
    max-width: 540px;
    padding-top: 50px;
    margin: 0 auto; }
  .about-threepoint .__desc {
    margin-bottom: 40px;
    text-align: center;
    font-size: 21px;
    font-weight: 700; }
  .about-threepoint .__item {
    margin-bottom: 80px; }
  .about-threepoint .__item_title {
    margin-bottom: 10px; }
    .about-threepoint .__item_title h3 {
      color: #0086D3;
      font-size: 32px;
      letter-spacing: 5px; }
  @media (max-width: 1199.98px) {
    .about-threepoint .__topic {
      margin-bottom: -27px; }
      .about-threepoint .__topic .__h2 {
        font-size: 90px;
        letter-spacing: 10px; } }
  @media (max-width: 767.98px) {
    .about-threepoint {
      padding-top: 60px;
      padding-bottom: 20px; }
      .about-threepoint::before {
        height: 16%; }
      .about-threepoint .container {
        padding-left: 20px;
        padding-right: 20px; }
      .about-threepoint .__item {
        margin-bottom: 40px; }
      .about-threepoint .__topic {
        margin-bottom: -30px; }
        .about-threepoint .__topic .__h2 {
          font-size: 50px;
          letter-spacing: 4px; }
      .about-threepoint .__image .__img.--pc {
        display: none; }
      .about-threepoint .__image .__img.--sp {
        display: block; }
      .about-threepoint .__content {
        padding-top: 30px; }
      .about-threepoint .__desc {
        margin-bottom: 25px; }
      .about-threepoint .__item_title {
        margin-bottom: 15px; }
        .about-threepoint .__item_title h3 {
          font-size: 21px;
          letter-spacing: 3px; } }
  @media (max-width: 575.98px) {
    .about-threepoint .__image img {
      max-width: none;
      width: 100%; } }

/**
 * ABOUT GRAPH
 */
.about-graph {
  /** MEDIA **/ }
  .about-graph .__item_group {
    display: flex;
    flex-wrap: wrap; }
  .about-graph .__item {
    width: 50%;
    background-color: #E7F0F8;
    color: #0086D3;
    text-align: center; }
    .about-graph .__item.--dark {
      background-color: #0086D3;
      color: #fff; }
  .about-graph .__item_inner {
    padding: 80px 50px; }
  .about-graph .__item_header {
    margin-bottom: 50px; }
  .about-graph .__title_sub {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 4px; }
  .about-graph .__title {
    font-size: 46px;
    letter-spacing: 4px; }
  .about-graph .__image {
    max-width: 500px;
    margin: 0 auto; }
    .about-graph .__image img {
      width: 100%;
      height: auto; }
  @media (max-width: 1199.98px) {
    .about-graph .__title_sub {
      font-size: 14px; }
    .about-graph .__title {
      font-size: 32px; } }
  @media (max-width: 767.98px) {
    .about-graph .__item_group.--group-2 {
      display: flex;
      flex-direction: column-reverse; }
    .about-graph .__item {
      width: 100%; }
    .about-graph .__item_inner {
      padding: 30px 50px 40px; }
    .about-graph .__item_header {
      margin-bottom: 40px; }
    .about-graph .__title_sub {
      font-size: 12px; }
    .about-graph .__h3 {
      font-size: 24px;
      letter-spacing: 4px; } }

/**
 * ABOUT OFFICE
 */
.about-office {
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .about-office .__header {
    margin-bottom: 50px;
    text-align: center; }
  .about-office .__topic .__h2 {
    color: #0086D3;
    font-size: 50px;
    letter-spacing: 4px; }
  .about-office .__subtopic p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px; }
  .about-office .__slider .rs01pag {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 25px; }
  .about-office .__slider .rs01pagitem {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #E7F0F8; }
    .about-office .__slider .rs01pagitem.rs01cur {
      box-shadow: none; }
  .about-office .__slider .rs01pagmark-item {
    width: 30px !important;
    height: 12px;
    top: 0;
    left: -9px;
    border-radius: 100px;
    background-color: #0086D3; }
  @media (max-width: 767.98px) {
    .about-office {
      padding-top: 60px;
      padding-bottom: 0; }
      .about-office .__header {
        margin-bottom: 30px; }
      .about-office .__topic .__h2 {
        font-size: 21px; }
      .about-office .__subtopic p {
        font-size: 24px; }
      .about-office .__slider .rs01pag {
        margin-top: 15px;
        margin-bottom: 15px; } }

/**
 * ABOUT PROFILE
 */
.about-profile {
  padding-bottom: 120px;
  /** MEDIA **/ }
  .about-profile .__map iframe {
    width: 100% !important; }
  .about-profile .__header {
    padding-top: 100px;
    margin-bottom: 50px;
    text-align: center; }
  .about-profile .__topic .__h2 {
    color: #0086D3;
    font-size: 50px;
    letter-spacing: 4px; }
  .about-profile .__subtopic p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px; }
  .about-profile .__table {
    max-width: 540px;
    margin: 0 auto; }
    .about-profile .__table table {
      width: 100%; }
    .about-profile .__table tr {
      border-bottom: 1px solid #B7B7B7; }
      .about-profile .__table tr:last-child {
        border-bottom-width: 0; }
    .about-profile .__table th {
      padding: 12px 50px 12px 0;
      font-size: 18px; }
    .about-profile .__table td {
      padding: 12px;
      font-size: 14px; }
  @media (max-width: 767.98px) {
    .about-profile {
      padding-bottom: 60px; }
      .about-profile .container {
        padding-left: 20px;
        padding-right: 20px; }
      .about-profile .__inner {
        display: flex;
        flex-direction: column-reverse; }
      .about-profile .__header {
        padding-top: 60px;
        margin-bottom: 30px; }
      .about-profile .__topic .__h2 {
        font-size: 21px; }
      .about-profile .__subtopic p {
        font-size: 24px; }
      .about-profile .__table {
        margin-bottom: 40px; }
        .about-profile .__table tr:last-child {
          border-bottom-width: 1px; }
        .about-profile .__table th {
          padding-right: 40px;
          font-size: 14px;
          white-space: nowrap;
          vertical-align: top; }
      .about-profile .__map {
        margin-left: -20px;
        margin-right: -20px;
        height: 220px; }
        .about-profile .__map iframe {
          height: 100% !important; } }

/**
* SERVICE BUSINESS
*/
.service-business {
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .service-business .__inner {
    display: flex; }
  .service-business .__text {
    width: 50%; }
  .service-business .__text_inner {
    max-width: 500px;
    margin: 0 auto; }
  .service-business .__heading {
    margin-bottom: 30px; }
    .service-business .__heading.--sp {
      display: none; }
  .service-business .__h1 {
    color: #0086D3;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 8px; }
  .service-business .__desc {
    overflow: hidden; }
  .service-business .__desc_span {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-size: 12px; }
    .service-business .__desc_span::after {
      content: '';
      position: absolute;
      left: 100%;
      top: 12px;
      width: 1000px;
      height: 1px;
      background-color: #707070; }
  .service-business .__name {
    margin-bottom: 30px; }
  .service-business .__name_ja {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2; }
  .service-business .__name_pos {
    font-size: 13px; }
  .service-business .__txt h2 {
    margin-bottom: 30px;
    font-size: 21px; }
  .service-business .__image {
    flex: 1; }
    .service-business .__image .__img.--sp {
      display: none; }
    .service-business .__image img {
      width: 100%;
      height: auto; }
  @media (max-width: 1199.98px) {
    .service-business .__text_inner {
      max-width: 400px;
      padding-left: 20px;
      padding-right: 20px; }
    .service-business .__text {
      width: 40%; } }
  @media (max-width: 991.98px) {
    .service-business {
      padding-top: 60px;
      padding-bottom: 60px; }
      .service-business .__inner {
        flex-direction: column-reverse; }
      .service-business .__heading {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        text-align: center; }
        .service-business .__heading.--pc {
          display: none; }
        .service-business .__heading.--sp {
          display: block; }
      .service-business .__image {
        margin-bottom: 30px; }
        .service-business .__image .__img {
          max-width: 600px;
          margin: 0 auto; }
          .service-business .__image .__img.--pc {
            display: none; }
          .service-business .__image .__img.--sp {
            display: block; }
      .service-business .__h1 {
        font-size: 21px;
        letter-spacing: 2px; }
      .service-business .__desc_span {
        padding-right: 0;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.6; }
        .service-business .__desc_span::after {
          display: none; }
      .service-business .__text {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; }
      .service-business .__text_inner {
        display: flex;
        flex-direction: column-reverse;
        padding-left: 10px;
        padding-right: 10px; }
      .service-business .__txt h2 {
        margin-bottom: 20px;
        font-size: 16px; }
      .service-business .__name {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0; }
      .service-business .__name_inner {
        display: flex;
        flex-direction: column-reverse; }
      .service-business .__name_alpha {
        font-size: 10px; }
      .service-business .__name_ja {
        font-size: 20px; }
      .service-business .__name_pos {
        margin-bottom: 15px;
        font-size: 12px;
        line-height: 1.6; } }

/**
 * SERVICE LINEUP
 */
.service-lineup {
  padding-bottom: 120px;
  background-color: #F3F3F3;
  /** MEDIA **/ }
  .service-lineup .__header {
    position: relative; }
  .service-lineup .__topic {
    position: absolute;
    width: 100%;
    padding: 60px 15px 0;
    text-align: center;
    z-index: 2; }
    .service-lineup .__topic .__h2 {
      color: #0086D3;
      font-size: 50px;
      letter-spacing: 4px; }
  .service-lineup .__subtopic p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px; }
  .service-lineup .__image .__img.--sp {
    display: none; }
  .service-lineup .__image img {
    width: 100%;
    height: auto; }
  .service-lineup .__content {
    background-color: #F3F3F3; }
  .service-lineup .__list {
    position: relative;
    display: flex;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -120px; }
  .service-lineup .__item {
    width: 33.3%;
    padding-left: 30px;
    padding-right: 30px; }
  .service-lineup .__item_inner {
    height: 100%;
    padding: 50px 40px;
    background-color: #fff; }
  .service-lineup .__item_image {
    padding-bottom: 40px;
    text-align: center; }
  .service-lineup .__item_title {
    margin-bottom: 30px;
    text-align: center; }
  .service-lineup .__item_subtitle .__h3 {
    color: #0086D3;
    font-size: 24px;
    letter-spacing: 3px; }
  .service-lineup .btn {
    padding-top: 80px; }
  @media (max-width: 767.98px) {
    .service-lineup {
      padding-bottom: 100px; }
      .service-lineup .__topic {
        padding: 20px 10px 0; }
        .service-lineup .__topic .__h2 {
          font-size: 21px;
          letter-spacing: 2px; }
      .service-lineup .__subtopic p {
        font-size: 24px;
        line-height: 1.4; }
      .service-lineup .__image .__img.--pc {
        display: none; }
      .service-lineup .__image .__img.--sp {
        display: block; }
      .service-lineup .__list {
        flex-direction: column;
        margin-top: -50px; }
      .service-lineup .__item {
        width: 100%;
        margin-bottom: 30px; }
      .service-lineup .__item_inner {
        padding: 30px 20px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
      .service-lineup .__item_subtitle .__h3 {
        font-size: 20px; }
      .service-lineup .btn {
        padding-top: 0; } }

/**
 * SERVICE STRENGTH POINT
 */
.service-strength {
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .service-strength .__inner {
    display: flex; }
  .service-strength .__image {
    width: 50%; }
    .service-strength .__image .__img {
      box-shadow: -200px 200px 0 rgba(0, 0, 0, 0.05); }
      .service-strength .__image .__img.--sp {
        display: none; }
    .service-strength .__image img {
      width: 100%;
      height: auto; }
  .service-strength .__text {
    flex: 1;
    padding-left: 80px; }
  .service-strength .__heading {
    margin-bottom: 60px; }
  .service-strength .__topic {
    margin-bottom: 20px; }
    .service-strength .__topic .__h1 {
      font-size: 48px;
      letter-spacing: 3px;
      color: #0086D3; }
  .service-strength .__subtopic {
    font-size: 13px; }
  .service-strength .__desc p {
    font-size: 20px;
    font-weight: 700; }
  .service-strength .__item {
    margin-bottom: 60px; }
    .service-strength .__item:last-child {
      margin-bottom: 0; }
  .service-strength .__item_header {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
  .service-strength .__header_right {
    padding-left: 30px; }
  .service-strength .__badge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    border-radius: 200px;
    border: 1px solid #000;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500; }
  .service-strength .__badge_num {
    font-size: 48px;
    line-height: 1.2; }
  .service-strength .__badge_text {
    padding-left: 5px;
    padding-right: 5px;
    border-top: 2px solid #000;
    font-size: 16px;
    line-height: 1.8; }
  .service-strength .__item_title h3 {
    font-size: 32px; }
  .service-strength .__item_subtitle {
    font-size: 16px;
    text-transform: uppercase; }
  @media (max-width: 767.98px) {
    .service-strength {
      padding-top: 0;
      padding-bottom: 60px; }
      .service-strength .__inner {
        flex-direction: column; }
      .service-strength .__image {
        width: 100%; }
        .service-strength .__image .__img {
          margin-left: -10px;
          margin-right: -10px;
          box-shadow: none; }
          .service-strength .__image .__img.--pc {
            display: none; }
          .service-strength .__image .__img.--sp {
            display: block; }
      .service-strength .__text {
        padding-left: 10px;
        padding-right: 10px; }
      .service-strength .__topic {
        padding-top: 40px;
        text-align: center; }
        .service-strength .__topic .__h1 {
          margin-bottom: 5px;
          font-size: 21px;
          letter-spacing: 2px; }
      .service-strength .__subtopic {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4; }
      .service-strength .__desc p {
        font-size: 14px; }
      .service-strength .__item {
        margin-bottom: 40px; }
      .service-strength .__badge {
        width: 70px;
        height: 70px; }
      .service-strength .__badge_num {
        font-size: 30px; }
      .service-strength .__badge_text {
        padding-bottom: 5px;
        font-size: 9px; }
      .service-strength .__header_right {
        padding-left: 15px; }
      .service-strength .__item_title h3 {
        font-size: 18px; } }

/**
 * SINGLE INTERVIEW
 */
/** 
 * INTERVIEW PROFILE
 */
.interview-profile {
  padding-top: 80px;
  padding-bottom: 80px;
  /** MEDIA **/ }
  .interview-profile .__title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #707070; }
  .interview-profile .__h2 {
    font-size: 18px; }
  .interview-profile .__name_alpha {
    padding-right: 10px;
    font-size: 60px; }
  .interview-profile .__name_ja {
    font-weight: 700; }
  @media (max-width: 767.98px) {
    .interview-profile {
      padding-top: 20px;
      padding-bottom: 60px; }
      .interview-profile .__name_alpha {
        font-size: 24px; }
      .interview-profile .__name_ja {
        font-size: 12px; } }

/**
 * INTERVIEW TABS
 */
.interview-tabs {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  /** MEDIA **/ }
  .interview-tabs::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background-color: #F3F3F3;
    z-index: -1; }
  .interview-tabs .rs01 .rs01pag {
    overflow: visible; }
  .interview-tabs .rs01 .rs01pagitem {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 28px; }
  .interview-tabs .rs01 .rs01pagmark-item {
    height: 3px;
    background-color: #000; }
  @media (max-width: 767.98px) {
    .interview-tabs {
      padding-top: 60px;
      padding-bottom: 60px; }
      .interview-tabs::before {
        width: 70%;
        background-color: #FCFAFA; }
      .interview-tabs .rs01 .rs01pagitem {
        font-size: 21px; } }

/**
 * INTERVIEW INTERVIEW
 */
.interview-interview {
  /** MEDIA **/ }
  .interview-interview .__item {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    /** Item 2n **/ }
    .interview-interview .__item:nth-child(2n) .__item_image {
      justify-content: flex-start; }
    .interview-interview .__item:nth-child(2n) .__item_text .container {
      justify-content: flex-end; }
  .interview-interview .__item_image {
    display: flex;
    justify-content: flex-end; }
  .interview-interview .__item_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .interview-interview .__item_text .container {
      display: flex;
      align-items: center;
      height: 100%; }
  .interview-interview .__text_inner {
    width: 50%;
    min-height: 450px;
    padding: 50px;
    background-color: #fff; }
  .interview-interview .__item_title h3 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #707070;
    font-size: 40px; }
  .interview-interview .__item_desc p {
    font-size: 20px;
    font-weight: 700; }
  .interview-interview .__item_txt {
    margin-top: 25px; }
  .interview-interview .__img.--pc {
    display: none; }
  .interview-interview .__img.--sp {
    display: block; }
  @media (max-width: 767.98px) {
    .interview-interview {
      padding-bottom: 40px; }
      .interview-interview .__item_image {
        padding-left: 20px;
        padding-right: 20px; }
        .interview-interview .__item_image img {
          width: 100%;
          height: auto; }
      .interview-interview .__item_text {
        position: static; }
      .interview-interview .__text_inner {
        width: 100%;
        min-height: auto;
        padding: 25px 0 0;
        background-color: transparent; }
      .interview-interview .__item_title h3 {
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 18px; }
      .interview-interview .__item_desc p {
        font-size: 12px; }
      .interview-interview .__item_txt {
        margin-top: 20px; }
      .interview-interview .__item {
        padding-top: 60px;
        padding-bottom: 0; } }
  .interview-interview .__img.--pc {
    display: block; }
  .interview-interview .__img.--sp {
    display: none; }

/**
 * INTERVIEW SCHEDULE
 */
.interview-schedule {
  padding-top: 100px;
  /** POSITION ITEM **/
  /** MEDIA **/ }
  .interview-schedule .__list_inner {
    position: relative;
    background: url(./imgs/bg_circle.png) no-repeat center top, url(./imgs/bg_circle.png) no-repeat center bottom; }
    .interview-schedule .__list_inner::before {
      content: '';
      position: absolute;
      top: 37px;
      left: calc(50% - 2px);
      width: 3px;
      height: calc(100% - 74px);
      background-color: #707070; }
  .interview-schedule .__item_inner {
    display: flex; }
  .interview-schedule .__item_text {
    width: 50%;
    padding-right: 60px; }
  .interview-schedule .__item_name {
    position: relative; }
    .interview-schedule .__item_name::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: calc(100% + 77px);
      height: 3px;
      background-color: #707070; }
    .interview-schedule .__item_name h3 {
      padding-top: 6px;
      padding-bottom: 12px;
      margin-bottom: 15px;
      font-size: 20px; }
  .interview-schedule .__time {
    padding-right: 20px; }
  .interview-schedule .__item_desc {
    min-height: 72px; }
    .interview-schedule .__item_desc p {
      font-size: 12px; }
  .interview-schedule .__item_image {
    flex: 1;
    padding-left: 60px; }
    .interview-schedule .__item_image img {
      width: 100%;
      height: auto; }
  .interview-schedule .__item_image_others img {
    width: 100%;
    height: auto;
    margin-top: 40px; }
  .interview-schedule .__item {
    position: relative;
    margin-bottom: 80px;
    /** Position First **/
    /** Position Last **/ }
    .interview-schedule .__item:first-child .__item_name {
      text-align: right; }
      .interview-schedule .__item:first-child .__item_name::after {
        display: none; }
      .interview-schedule .__item:first-child .__item_name h3 {
        border-bottom-width: 0; }
    .interview-schedule .__item:last-child {
      margin-bottom: 100px; }
      .interview-schedule .__item:last-child .__item_inner {
        flex-direction: row-reverse; }
      .interview-schedule .__item:last-child .__item_text {
        padding-right: 0;
        padding-left: 60px; }
      .interview-schedule .__item:last-child .__item_name::after {
        display: none; }
      .interview-schedule .__item:last-child .__item_name h3 {
        border-bottom-width: 0;
        padding-bottom: 5px;
        margin-bottom: 0; }
    .interview-schedule .__item:nth-child(3) .__item_inner {
      flex-direction: row-reverse; }
    .interview-schedule .__item:nth-child(3) .__item_text {
      padding-right: 0;
      padding-left: 60px; }
    .interview-schedule .__item:nth-child(3) .__item_name::after {
      left: auto;
      right: 0; }
    .interview-schedule .__item:nth-child(3) .__item_image {
      padding-left: 0;
      margin-top: -80px;
      padding-right: 60px; }
    .interview-schedule .__item:nth-child(4) .__item_image {
      /*margin-top: -200px;*/ }
    .interview-schedule .__item:nth-child(5) .__item_inner {
      flex-direction: row-reverse; }
    .interview-schedule .__item:nth-child(5) .__item_text {
      padding-right: 0;
      padding-left: 60px; }
    .interview-schedule .__item:nth-child(5) .__item_name::after {
      left: auto;
      right: 0; }
    .interview-schedule .__item:nth-child(5) .__item_image {
      padding-left: 0;
      /*margin-top: -220px;*/
      padding-right: 60px; }
    .interview-schedule .__item:nth-child(6) .__item_image {
      margin-top: 0px !important; }
  @media (max-width: 767.98px) {
    .interview-schedule .__list .container {
      padding-left: 12px; }
    .interview-schedule .__list_inner {
      background: url(./imgs/bg_circle_sp@2x.png) no-repeat left top, url(./imgs/bg_circle_sp@2x.png) no-repeat left bottom;
      background-size: 16px; }
      .interview-schedule .__list_inner::before {
        left: 8px;
        top: 16px;
        width: 1px;
        height: calc(100% - 32px);
        background-color: #000; }
    .interview-schedule .__item_inner {
      flex-direction: column !important;
      padding-left: 30px; }
    .interview-schedule .__item_text {
      width: 100%;
      padding-left: 0 !important;
      padding-right: 0; }
    .interview-schedule .__item_name {
      text-align: left !important; }
      .interview-schedule .__item_name::after {
        left: -22px;
        width: calc(100% + 22px);
        height: 1px;
        background-color: #000; }
      .interview-schedule .__item_name h3 {
        padding-top: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 14px; }
    .interview-schedule .__item_image {
      padding: 0 !important;
      margin-top: 0 !important; }
    .interview-schedule .__item_image_others img {
      margin-top: 0;
      margin-bottom: 20px; }
    .interview-schedule .__item {
      margin-bottom: 60px; }
      .interview-schedule .__item:first-child {
        margin-bottom: 40px; }
      .interview-schedule .__item:last-child {
        margin-bottom: 60px; }
        .interview-schedule .__item:last-child .__item_name h3 {
          padding-bottom: 0; } }

/**
 * INTERVIEW RELATED
 */
.interview-related {
  padding-top: 120px;
  padding-bottom: 120px;
  /** CAROUSEL **/
  /** MEDIA **/ }
  .interview-related .__list.--sp {
    display: none; }
  .interview-related .__header {
    margin-bottom: 60px;
    text-align: center; }
  .interview-related .__title .__h2 {
    color: #0086D3;
    font-size: 48px;
    letter-spacing: 4px; }
  .interview-related .__subtitle p {
    font-weight: 700; }
  .interview-related .__item_image img {
    width: 100%;
    height: auto; }
  .interview-related .__item_text {
    padding-top: 15px; }
  .interview-related .__item_name h3 {
    margin-bottom: 0;
    line-height: 1.4; }
  .interview-related .__item_position {
    font-weight: 700; }
  .interview-related .__separate {
    padding-left: 10px;
    padding-right: 10px; }
  .interview-related .__carousel .owl-nav button.owl-prev, .interview-related .__carousel .owl-nav button.owl-next {
    width: 80px;
    height: 80px;
    border-radius: 0; }
    .interview-related .__carousel .owl-nav button.owl-prev i, .interview-related .__carousel .owl-nav button.owl-next i {
      color: #707070;
      font-size: 56px;
      transition: all 0.2s; }
    .interview-related .__carousel .owl-nav button.owl-prev:hover, .interview-related .__carousel .owl-nav button.owl-next:hover {
      background-color: #000; }
      .interview-related .__carousel .owl-nav button.owl-prev:hover i, .interview-related .__carousel .owl-nav button.owl-next:hover i {
        color: #fff;
        transform: scale(0.7); }
  .interview-related .__carousel .owl-nav button.owl-prev {
    left: -90px; }
    .interview-related .__carousel .owl-nav button.owl-prev i::before {
      content: "\e90c"; }
  .interview-related .__carousel .owl-nav button.owl-next {
    right: -90px; }
    .interview-related .__carousel .owl-nav button.owl-next i::before {
      content: "\e90b"; }
  @media (max-width: 767.98px) {
    .interview-related {
      padding-top: 60px;
      padding-bottom: 30px; }
      .interview-related .__title .__h2 {
        font-size: 21px;
        letter-spacing: 1px; }
      .interview-related .__subtitle p {
        font-size: 24px;
        line-height: 1.6; }
      .interview-related .__list.--pc {
        display: none; }
      .interview-related .__list.--sp {
        display: block; }
      .interview-related .__item {
        margin-bottom: 30px; }
      .interview-related .__header {
        margin-bottom: 30px; }
      .interview-related .__item_text {
        padding-top: 10px; }
      .interview-related .__item_name h3 {
        font-size: 21px; } }

/* -------------------------------------------------------------------- */
/**
 * INTERVIEW ARCHIVE NAVIGATION
 */
.interview-archive-nav {
  padding-top: 120px;
  padding-bottom: 80px;
  /** MEDIA **/ }
  .interview-archive-nav .__carousel .owl-nav button.owl-prev, .interview-archive-nav .__carousel .owl-nav button.owl-next {
    top: calc(50% - 22px); }
  .interview-archive-nav .__item_link {
    display: flex;
    background-color: #F8F7F7;
    transition: background .2s; }
    .interview-archive-nav .__item_link:hover {
      color: #fff;
      text-decoration: none; }
  .interview-archive-nav .__item_image img {
    width: 130px;
    height: 120px;
    object-fit: cover; }
  .interview-archive-nav .__item_text {
    flex: 1;
    padding: 10px 20px; }
  .interview-archive-nav .__text_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .interview-archive-nav .__item_position {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6; }
  .interview-archive-nav .__separate {
    padding-left: 15px;
    padding-right: 15px; }
  .interview-archive-nav .__item_arrow {
    font-size: 12px;
    line-height: 1.4; }
    .interview-archive-nav .__item_arrow [class*="icon-"] {
      padding-right: 0; }
  @media (max-width: 1199.98px) {
    .interview-archive-nav {
      padding-top: 80px;
      padding-bottom: 60px; }
      .interview-archive-nav .__item_position {
        display: none; } }
  @media (max-width: 991.98px) {
    .interview-archive-nav {
      padding-top: 40px;
      padding-bottom: 40px; }
      .interview-archive-nav .__item_link {
        border-radius: 100px 0 0 100px;
        background-color: #fff; }
      .interview-archive-nav .__item_image .img {
        overflow: hidden;
        border-radius: 100px; }
      .interview-archive-nav .__item_image img {
        width: 40px;
        height: 40px; }
      .interview-archive-nav .__item_text {
        padding: 0 10px 0 0; }
      .interview-archive-nav .__item_position {
        display: none; }
      .interview-archive-nav .__item_name h3 {
        margin-bottom: 0;
        font-size: 9px; }
      .interview-archive-nav .__item_arrow {
        font-size: 6px;
        line-height: 1; } }

/**
 * INTERVIEW ARCHIVE LIST
 */
.interview-archive-list {
  overflow: hidden;
  /** MEDIA **/ }
  .interview-archive-list .__item_image {
    display: flex;
    justify-content: flex-end; }
  .interview-archive-list .__img.--pc img {
    object-fit: cover;
    width: 100%;
    min-height: 800px; }
  .interview-archive-list .__img.--sp {
    display: none; }
  .interview-archive-list .__deco_inner {
    position: relative;
    z-index: 9; }
  .interview-archive-list .__deco_num {
    padding-right: 100px;
    color: rgba(0, 0, 0, 0.1);
    font-family: "EB Garamond", serif;
    font-size: 300px;
    font-weight: 400;
    font-style: italic;
    line-height: 0.9;
    letter-spacing: -10px;
    transform: translate3d(0, -130px, 0); }
  .interview-archive-list .__deco_text {
    position: absolute;
    right: -120px;
    top: 115px;
    color: rgba(0, 0, 0, 0.1);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-size: 80px;
    line-height: 1;
    transform: rotate(90deg); }
  .interview-archive-list .__item_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .interview-archive-list .__item_text .container {
      display: flex;
      align-items: flex-end;
      height: 100%; }
  .interview-archive-list .__text_inner {
    width: 650px;
    min-height: 450px;
    padding: 60px;
    background-color: #fff;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12); }
  .interview-archive-list .__tagname {
    line-height: 1; }
    .interview-archive-list .__tagname .__h3 {
      display: inline-block;
      min-width: 100px;
      padding: 4px 15px;
      border-radius: 100px;
      color: #fff;
      background-color: #000;
      font-size: 12px;
      text-align: center; }
  .interview-archive-list .__name_ja {
    padding-bottom: 15px;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.6; }
  .interview-archive-list .__name_alpha {
    padding-left: 15px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    font-weight: 500; }
  .interview-archive-list .__date_pos {
    font-weight: 700; }
  .interview-archive-list .__separate {
    padding-left: 15px;
    padding-right: 15px; }
  .interview-archive-list .__quote {
    margin-top: 30px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4; }
  .interview-archive-list .__btn {
    margin-top: 35px; }
  .interview-archive-list .__item {
    position: relative;
    padding-top: 150px;
    padding-bottom: 80px;
    margin-bottom: 120px;
    /** Item 2n **/ }
    .interview-archive-list .__item:nth-child(2n) .__item_image {
      flex-direction: row-reverse; }
    .interview-archive-list .__item:nth-child(2n) .__item_text .container {
      justify-content: flex-end; }
    .interview-archive-list .__item:nth-child(2n) .__deco_inner {
      transform: translate3d(-285px, 0, 0); }
  @media (max-width: 1199.98px) {
    .interview-archive-list .__deco_num {
      padding-right: 80px;
      font-size: 220px;
      transform: translate3d(0, -100px, 0); }
    .interview-archive-list .__deco_text {
      right: -105px;
      top: 100px;
      font-size: 70px; }
    .interview-archive-list .__text_inner {
      width: 550px;
      min-height: 400px;
      padding: 40px; }
    .interview-archive-list .__name_ja {
      font-size: 38px; }
    .interview-archive-list .__name_alpha {
      font-size: 17px; }
    .interview-archive-list .__date_pos {
      font-size: 14px; }
    .interview-archive-list .__quote {
      font-size: 34px; }
    .interview-archive-list .__item {
      padding-top: 80px;
      margin-bottom: 80px; }
      .interview-archive-list .__item:nth-child(2n) .__deco_inner {
        transform: translate3d(-198px, 0, 0); } }
  @media (max-width: 991.98px) {
    .interview-archive-list .__item_image {
      flex-direction: column; }
      .interview-archive-list .__item_image img {
        width: 100%;
        height: auto; }
    .interview-archive-list .__img.--pc {
      display: none; }
    .interview-archive-list .__img.--sp {
      display: block; }
    .interview-archive-list .__deco_inner {
      display: flex;
      justify-content: center;
      margin-bottom: 10px; }
    .interview-archive-list .__deco_num {
      padding-right: 10px;
      font-size: 45px;
      letter-spacing: 0;
      transform: translate3d(0, 0, 0); }
    .interview-archive-list .__deco_text {
      position: static;
      font-size: 45px;
      transform: rotate(0); }
    .interview-archive-list .__item_text {
      position: static; }
    .interview-archive-list .__text_inner {
      width: 100%;
      min-height: auto;
      padding: 25px;
      margin-top: -40px; }
    .interview-archive-list .__tagname .__h3 {
      min-width: 70px;
      padding: 2px 10px;
      margin-bottom: 5px;
      font-size: 10px; }
    .interview-archive-list .__name_ja {
      font-size: 21px; }
    .interview-archive-list .__name_alpha {
      padding-left: 10px;
      font-size: 13px; }
    .interview-archive-list .__date_pos {
      font-size: 10px; }
    .interview-archive-list .__separate {
      padding-left: 10px;
      padding-right: 10px; }
    .interview-archive-list .__quote {
      margin-top: 10px;
      font-size: 21px; }
    .interview-archive-list .__btn {
      margin-top: 20px; }
      .interview-archive-list .__btn a {
        width: 100%;
        min-width: auto; }
    .interview-archive-list .__item {
      padding-top: 0;
      padding-bottom: 60px;
      margin-bottom: 0; }
      .interview-archive-list .__item:nth-child(2n) .__item_image {
        flex-direction: column; }
      .interview-archive-list .__item:nth-child(2n) .__item_text .container {
        justify-content: center; }
      .interview-archive-list .__item:nth-child(2n) .__deco_inner {
        transform: translate3d(0, 0, 0); } }

/**
 * SINGLE RECRUIT
 */
.single-recruit {
  position: relative;
  /** MEDIA **/ }
  .single-recruit .single-content {
    display: flex; }
  .single-recruit #breadcrumb {
    display: none; }
  .single-recruit .recruit-IMAGE {
    position: relative;
    width: 40%;
    /** SCROLL FIXED **/
    /** Scroll fixed actived **/ }
    .single-recruit .recruit-IMAGE img {
      width: 100%;
      height: 100vh;
      object-fit: cover; }
    .single-recruit .recruit-IMAGE .scroll-inner {
      animation: none; }
    .single-recruit .recruit-IMAGE.fixed-actived .scroll-inner {
      position: static; }
    .single-recruit .recruit-IMAGE.fixed-bottomout .scroll-holder {
      display: block; }
    .single-recruit .recruit-IMAGE.fixed-bottomout .scroll-inner {
      position: fixed;
      left: 0;
      top: 0;
      width: 40%; }
    .single-recruit .recruit-IMAGE.fixed-topin .scroll-inner {
      position: absolute;
      top: auto;
      bottom: 0;
      width: 100%; }
  .single-recruit .recruit-TEXT {
    width: 60%;
    padding: 60px 4.5%; }
  @media (max-width: 1199.98px) {
    .single-recruit .recruit-IMAGE img {
      height: calc(100vh - 84px); } }
  @media (max-width: 991.98px) {
    .single-recruit .single-content {
      display: block; }
    .single-recruit #breadcrumb {
      display: block; }
    .single-recruit .recruit-IMAGE {
      width: 100%; }
      .single-recruit .recruit-IMAGE img {
        height: calc(100vh - 54px); }
      .single-recruit .recruit-IMAGE.fixed-actived .scroll-holder, .single-recruit .recruit-IMAGE.fixed-bottomout .scroll-holder, .single-recruit .recruit-IMAGE.fixed-topin .scroll-holder {
        display: none; }
      .single-recruit .recruit-IMAGE.fixed-actived .scroll-inner, .single-recruit .recruit-IMAGE.fixed-bottomout .scroll-inner, .single-recruit .recruit-IMAGE.fixed-topin .scroll-inner {
        position: static;
        width: 100%; }
    .single-recruit .recruit-TEXT {
      width: 100%;
      padding: 20px 0; } }

/**
 * RECRUIT IMAGE + TEXT
 */
/**
 * RECRUIT SUMARY
 */
.recruit-sumary {
  /** MEDIA **/ }
  .recruit-sumary .__header {
    margin-bottom: 100px; }
  .recruit-sumary .__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px; }
  .recruit-sumary .__tagitem {
    display: inline-block;
    padding: 9px 15px;
    margin-right: 8px;
    margin-bottom: 5px;
    border-radius: 100px;
    border: 1px solid #000;
    font-size: 12px;
    line-height: 1.4; }
    .recruit-sumary .__tagitem.--highlight {
      padding: 7px 15px;
      border-width: 0;
      background-color: #0086D3;
      color: #fff;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 16px; }
  .recruit-sumary .__title {
    margin-bottom: 20px; }
    .recruit-sumary .__title h1 {
      font-size: 34px; }
    .recruit-sumary .__title span {
      padding-left: 5px;
      font-weight: 400; }
  .recruit-sumary .__title_desc p {
    font-size: 18px;
    font-weight: 700; }
  .recruit-sumary .__content {
    margin-bottom: 100px; }
    .recruit-sumary .__content h2 {
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #707070;
      font-size: 28px; }
      .recruit-sumary .__content h2::before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e911';
        padding-right: 10px;
        color: #F07878;
        font-size: 1.2em;
        line-height: 30px;
        vertical-align: middle; }
  @media (max-width: 991.98px) {
    .recruit-sumary .__header {
      margin-bottom: 50px; }
    .recruit-sumary .__title h1 {
      margin-bottom: 10px;
      font-size: 20px; }
    .recruit-sumary .__title span {
      font-size: 0.8em; }
    .recruit-sumary .__title_desc p {
      font-size: 12px; }
    .recruit-sumary .__content {
      margin-bottom: 50px; }
      .recruit-sumary .__content h2 {
        font-size: 20px; } }

/**
 * RECRUIT TABS
 */
.recruit-tabs {
  margin-bottom: 120px;
  /** MEDIA **/ }
  .recruit-tabs .rs01 .rs01pag {
    margin-bottom: 60px; }
  .recruit-tabs .rs01 .rs01pagitem {
    font-size: 20px;
    font-weight: 600;
    align-items: center; }
    .recruit-tabs .rs01 .rs01pagitem.rs01cur .__pagtext {
      border-bottom-color: #000; }
  .recruit-tabs .__pagtext {
    display: inline-block;
    border-bottom: 3px solid transparent; }
    .recruit-tabs .__pagtext [class^="icon-"] {
      padding-right: 15px;
      font-size: 1.2em; }
  @media (max-width: 991.98px) {
    .recruit-tabs {
      margin-bottom: 60px; }
      .recruit-tabs .rs01 .rs01pag {
        margin-bottom: 50px; }
      .recruit-tabs .rs01 .rs01pagitem {
        padding: 5px 15px;
        font-size: 13px; }
      .recruit-tabs .rs01 .__pagtext [class^="icon-"] {
        padding-right: 5px; } }

/**
 * RECRUIT JOB
 * RECRUIT JOB DESCRIPTION
 * RECRUIT JOB POINT
 * RECRUIT JOB QUESTION
 */
.recruit-job {
  /** TABLE **/
  /** POINTS ITEM **/
  /** QUESTION ANSWER **/
  /** MEDIA **/ }
  .recruit-job .__header {
    margin-bottom: 60px; }
  .recruit-job .__title {
    margin-bottom: 25px; }
    .recruit-job .__title .__h3 {
      color: #0086D3;
      font-size: 54px;
      letter-spacing: 6px; }
  .recruit-job .__subtitle {
    font-size: 13px;
    color: #122A88; }
    .recruit-job .__subtitle::after {
      content: '';
      display: inline-block;
      width: 54px;
      height: 1px;
      margin-left: 10px;
      background-color: #122A88;
      vertical-align: middle; }
  .recruit-job .__short_desc {
    font-size: 20px;
    font-weight: 700; }
  .recruit-job .__table {
    margin-bottom: 120px; }
    .recruit-job .__table tr {
      border-bottom: 1px solid #B7B7B7; }
    .recruit-job .__table th {
      padding: 20px 30px 20px 0;
      font-size: 18px;
      white-space: nowrap; }
    .recruit-job .__table td {
      padding: 20px 0 20px 30px;
      font-size: 18px; }
  .recruit-job .__points {
    margin-bottom: 120px; }
    .recruit-job .__points .__item {
      margin-bottom: 60px; }
      .recruit-job .__points .__item:last-child {
        margin-bottom: 0; }
    .recruit-job .__points .__item_header {
      display: flex;
      align-items: center;
      margin-bottom: 20px; }
    .recruit-job .__points .__header_right {
      padding-left: 30px; }
    .recruit-job .__points .__badge {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 110px;
      height: 110px;
      border-radius: 200px;
      border: 1px solid #000;
      font-family: "Barlow Condensed", sans-serif;
      font-weight: 500; }
    .recruit-job .__points .__badge_num {
      font-size: 48px;
      line-height: 1.2; }
    .recruit-job .__points .__badge_text {
      min-width: 80px;
      padding-left: 5px;
      padding-right: 5px;
      border-top: 2px solid #000;
      font-size: 16px;
      line-height: 1.8;
      text-align: center; }
    .recruit-job .__points .__item_title h3 {
      font-size: 32px; }
    .recruit-job .__points .__item_subtitle {
      color: #B7B7B7;
      font-size: 16px;
      text-transform: uppercase; }
  .recruit-job .__quests {
    margin-bottom: 120px; }
    .recruit-job .__quests .__item {
      margin-bottom: 30px; }
    .recruit-job .__quests .__quest {
      position: relative;
      padding: 15px 30px;
      background-color: #0086D3;
      color: #fff; }
      .recruit-job .__quests .__quest h3 {
        margin-bottom: 0;
        font-size: 20px; }
        .recruit-job .__quests .__quest h3::before {
          content: 'Q.';
          display: inline-block;
          padding-right: 5px; }
      .recruit-job .__quests .__quest.collapse-actived .__btn_toggle::before {
        transform: rotate(-180deg); }
      .recruit-job .__quests .__quest.collapse-actived .__btn_toggle::after {
        transform: rotate(90deg); }
    .recruit-job .__quests .__btn_toggle {
      position: absolute;
      right: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      display: block;
      width: 60px;
      height: 100%;
      background-color: #000; }
      .recruit-job .__quests .__btn_toggle::before, .recruit-job .__quests .__btn_toggle::after {
        content: '';
        position: absolute;
        top: calc(50% - 2px);
        left: calc(50% - 9px);
        width: 18px;
        height: 4px;
        border-radius: 100px;
        background-color: #fff;
        transition: transform 0.2s; }
      .recruit-job .__quests .__btn_toggle::before {
        transform: rotate(0); }
      .recruit-job .__quests .__btn_toggle::after {
        transform: rotate(180deg); }
    .recruit-job .__quests .__answer_inner {
      position: relative;
      padding: 20px 30px 10px;
      background-color: #F5F4F4; }
      .recruit-job .__quests .__answer_inner::before {
        content: 'A.';
        position: absolute; }
      .recruit-job .__quests .__answer_inner p {
        margin-left: 25px; }
  @media (max-width: 991.98px) {
    .recruit-job {
      /** TABLE **/
      /** POINTS ITEM **/
      /** QUESTION & ANSWER **/ }
      .recruit-job .__title {
        margin-bottom: 30px;
        text-align: center; }
        .recruit-job .__title .__h3 {
          font-size: 21px;
          letter-spacing: 1px; }
      .recruit-job .__subtitle {
        color: #000;
        font-size: 24px;
        font-weight: 700; }
        .recruit-job .__subtitle::after {
          display: none; }
      .recruit-job .__short_desc {
        font-size: 14px; }
      .recruit-job .__table {
        margin-bottom: 60px; }
        .recruit-job .__table th, .recruit-job .__table td {
          display: block; }
        .recruit-job .__table th {
          font-size: 16px;
          padding: 10px 0 0; }
        .recruit-job .__table td {
          font-size: 14px;
          padding: 0 0 15px; }
      .recruit-job .__points {
        margin-bottom: 60px; }
        .recruit-job .__points .__item {
          margin-bottom: 40px; }
        .recruit-job .__points .__item_header {
          margin-bottom: 10px; }
        .recruit-job .__points .__badge {
          width: 70px;
          height: 70px; }
        .recruit-job .__points .__badge_num {
          font-size: 30px; }
        .recruit-job .__points .__badge_text {
          min-width: 50px;
          font-size: 10px; }
        .recruit-job .__points .__header_right {
          padding-left: 12px; }
        .recruit-job .__points .__item_title h3 {
          font-size: 18px; }
        .recruit-job .__points .__item_subtitle {
          color: #000; }
      .recruit-job .__quests {
        margin-bottom: 60px; }
        .recruit-job .__quests .__item {
          margin-bottom: 20px; }
        .recruit-job .__quests .__quest {
          padding: 15px 20px; }
          .recruit-job .__quests .__quest h3 {
            font-size: 16px; }
        .recruit-job .__quests .__btn_toggle {
          width: 56px; }
          .recruit-job .__quests .__btn_toggle::before, .recruit-job .__quests .__btn_toggle::after {
            left: calc(50% - 7px);
            width: 14px; }
        .recruit-job .__quests .__answer_inner {
          padding: 15px 20px 5px; } }

/**
 * RECRUIT JOB OTHERS
 */
.recruit-job-others {
  padding-bottom: 120px;
  /** CAROUSEL **/
  /** MEDIA **/ }
  .recruit-job-others .__list.--sp {
    display: none; }
  .recruit-job-others .__header {
    margin-bottom: 60px;
    text-align: center; }
  .recruit-job-others .__title .__h2 {
    color: #0086D3;
    font-size: 48px;
    letter-spacing: 4px; }
  .recruit-job-others .__subtitle p {
    font-weight: 700; }
  .recruit-job-others .__item_image img {
    width: 100%;
    height: auto; }
  .recruit-job-others .__item_text {
    padding-top: 15px; }
  .recruit-job-others .__item_name h3 {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 20px; }
  .recruit-job-others .__carousel {
    margin-bottom: 60px; }
    .recruit-job-others .__carousel .owl-nav button.owl-prev, .recruit-job-others .__carousel .owl-nav button.owl-next {
      top: calc(28% - 22px);
      width: 40px;
      height: 80px;
      border-radius: 0; }
      .recruit-job-others .__carousel .owl-nav button.owl-prev i, .recruit-job-others .__carousel .owl-nav button.owl-next i {
        color: #707070;
        font-size: 56px;
        transition: all 0.2s; }
      .recruit-job-others .__carousel .owl-nav button.owl-prev:hover, .recruit-job-others .__carousel .owl-nav button.owl-next:hover {
        background-color: #000; }
        .recruit-job-others .__carousel .owl-nav button.owl-prev:hover i, .recruit-job-others .__carousel .owl-nav button.owl-next:hover i {
          color: #fff;
          transform: scale(0.7); }
    .recruit-job-others .__carousel .owl-nav button.owl-prev {
      left: -50px; }
      .recruit-job-others .__carousel .owl-nav button.owl-prev i::before {
        content: "\e90c"; }
    .recruit-job-others .__carousel .owl-nav button.owl-next {
      right: -50px; }
      .recruit-job-others .__carousel .owl-nav button.owl-next i::before {
        content: "\e90b"; }
  @media (max-width: 991.98px) {
    .recruit-job-others .__item_name h3 {
      font-size: 18px; }
    .recruit-job-others .__carousel .owl-nav button.owl-prev, .recruit-job-others .__carousel .owl-nav button.owl-next {
      transform: scale(0.65); } }
  @media (max-width: 767.98px) {
    .recruit-job-others {
      padding-bottom: 60px; }
      .recruit-job-others .__title .__h2 {
        font-size: 21px;
        letter-spacing: 1px; }
      .recruit-job-others .__subtitle p {
        font-size: 24px;
        line-height: 1.6; }
      .recruit-job-others .__list.--pc {
        display: none; }
      .recruit-job-others .__list.--sp {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -10px;
        margin-right: -10px; }
      .recruit-job-others .__item {
        max-width: 260px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 40px; }
      .recruit-job-others .__header {
        margin-bottom: 30px; }
      .recruit-job-others .__item_text {
        padding-top: 10px; }
      .recruit-job-others .__item_name h3 {
        font-size: 18px; }
      .recruit-job-others .__carousel {
        margin-bottom: 40px; } }
  @media (max-width: 575.98px) {
    .recruit-job-others .__item {
      max-width: none; } }

/**
 * RECRUIT FOOTER
 */
.recruit-footer {
  /** MEDIA **/ }
  .recruit-footer .__item {
    margin-bottom: 60px; }
  .recruit-footer .__link {
    display: block; }
    .recruit-footer .__link img {
      width: 100%; }
  @media (max-width: 991.98px) {
    .recruit-footer {
      margin-bottom: 40px; }
      .recruit-footer .__item {
        margin-bottom: 30px; } }

.archive-footer {
  margin-bottom: 60px;
  /** MEDIA **/ }
  .archive-footer .__list {
    display: flex;
    margin-left: -50px;
    margin-right: -50px; }
  .archive-footer .__item {
    width: 50%;
    padding-left: 50px;
    padding-right: 50px; }
  @media (max-width: 1199.98px) {
    .archive-footer .__list {
      margin-left: -30px;
      margin-right: -30px; }
    .archive-footer .__item {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (max-width: 991.98px) {
    .archive-footer .__list {
      margin-left: -15px;
      margin-right: -15px; }
    .archive-footer .__item {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 767.98px) {
    .archive-footer {
      margin-bottom: 40px; }
      .archive-footer .__list {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0; }
      .archive-footer .__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px; } }

/**
 * PAGE ARCHIVE LIST
 */
/** 
 * ARCHIVE RECRUIT SEARCH
 */
.recruit-search {
  padding-top: 80px;
  padding-bottom: 80px;
  /** MEDIA **/ }
  .recruit-search .__title {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #707070; }
  .recruit-search .__h2 {
    font-size: 18px; }
  .recruit-search .__name_alpha {
    padding-right: 10px;
    font-size: 60px; }
  .recruit-search .__name_ja {
    font-weight: 700; }
  .recruit-search .__search_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  .recruit-search .form-field {
    margin-right: 20px; }
  .recruit-search .__search_btn {
    margin-left: 100px; }
    .recruit-search .__search_btn a {
      padding: 10px 30px;
      text-align: center; }
    .recruit-search .__search_btn [class^="icon-"] {
      font-size: 1.1em;
      line-height: 16px; }
    .recruit-search .__search_btn input[type="submit"] {
      display: none; }
  @media (max-width: 991.98px) {
    .recruit-search .__urgent {
      width: 100%; }
    .recruit-search .__search_btn {
      margin-left: 0; }
      .recruit-search .__search_btn a {
        padding: 10px 20px; } }
  @media (max-width: 767.98px) {
    .recruit-search {
      padding-top: 20px;
      padding-bottom: 60px; }
      .recruit-search .__title {
        margin-bottom: 20px; }
      .recruit-search .__name_alpha {
        font-size: 24px; }
      .recruit-search .__name_ja {
        font-size: 12px; }
      .recruit-search .__urgent {
        width: 100%; }
      .recruit-search .form-field {
        margin-right: 7px; }
      .recruit-search .__search_btn {
        width: 100%;
        margin-left: 0;
        margin-top: 20px; }
        .recruit-search .__search_btn a {
          width: 100%; }
        .recruit-search .__search_btn [class^="icon-"] {
          position: absolute;
          left: 20px;
          top: calc(50% - 7px); } }

/**
 * ARCHIVE RECRUIT LIST
 */
.recruit-LIST {
  /** JOB LIST NORMAL **/
  /** MEDIA **/ }
  .recruit-LIST .__list_inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px;
    margin-right: -50px; }
  .recruit-LIST .__item {
    width: 50%;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 110px; }
  .recruit-LIST .__item_image {
    overflow: hidden;
    position: relative;
    margin-bottom: 25px; }
    .recruit-LIST .__item_image img {
      width: 100%; }
  .recruit-LIST .__item_link {
    display: block; }
  .recruit-LIST .__badge {
    position: absolute;
    right: -108px;
    top: 12px;
    min-width: 300px;
    padding: 10px 20px;
    background-color: #F82D73;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    transform: rotate(45deg); }
  .recruit-LIST .__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px; }
  .recruit-LIST .__tagitem {
    display: block;
    padding: 9px 20px;
    margin-right: 8px;
    margin-bottom: 5px;
    border-radius: 100px;
    border: 1px solid #000;
    font-size: 12px;
    line-height: 1.4; }
    .recruit-LIST .__tagitem.--highlight {
      padding: 8px 15px;
      border-color: transparent;
      background-color: #0086D3;
      color: #fff;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 16px; }
  .recruit-LIST .__item_name {
    margin-bottom: 15px; }
    .recruit-LIST .__item_name h3 {
      font-size: 30px; }
  .recruit-LIST .__item_detail table {
    width: 100%;
    margin-bottom: 40px; }
  .recruit-LIST .__item_detail tr {
    border-bottom: 1px solid #B7B7B7; }
  .recruit-LIST .__item_detail th {
    padding: 15px 20px 15px 0;
    font-size: 20px;
    line-height: 1.6;
    white-space: nowrap; }
  .recruit-LIST .__item_detail td {
    padding: 15px 0 15px;
    font-size: 18px;
    line-height: 1.6; }
  .recruit-LIST .__footer {
    display: flex;
    margin-left: -8px;
    margin-right: -8px; }
  .recruit-LIST .btn {
    display: block;
    padding-left: 8px;
    padding-right: 8px; }
    .recruit-LIST .btn a {
      min-width: auto;
      padding: 18px 20px;
      font-size: 17px;
      line-height: 1.4;
      text-align: center; }
    .recruit-LIST .btn.--entry {
      width: 58%; }
      .recruit-LIST .btn.--entry a {
        padding: 19px 20px;
        letter-spacing: 1px; }
      .recruit-LIST .btn.--entry .btn__text {
        font-weight: 500; }
    .recruit-LIST .btn.--link {
      flex: 1; }
      .recruit-LIST .btn.--link a {
        padding: 18px 20px; }
      .recruit-LIST .btn.--link .btn__text {
        font-weight: 700; }
  .recruit-LIST.--normal .__list_inner {
    margin-left: -30px;
    margin-right: -30px; }
  .recruit-LIST.--normal .__item {
    width: 25%;
    padding-left: 30px;
    padding-right: 30px; }
  .recruit-LIST.--normal .__badge {
    right: -124px;
    top: 5px;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px; }
  .recruit-LIST.--normal .__item_name h3 {
    font-size: 18px; }
  .recruit-LIST.--normal .__tagitem {
    padding: 6px 15px;
    font-size: 10px; }
    .recruit-LIST.--normal .__tagitem [class^="icon-"] {
      font-size: 1.1em;
      line-height: 14px; }
    .recruit-LIST.--normal .__tagitem.--highlight {
      font-size: 12px; }
  .recruit-LIST.--normal .__item_detail table {
    margin-bottom: 25px; }
  .recruit-LIST.--normal .__item_detail th {
    font-size: 14px; }
  .recruit-LIST.--normal .__item_detail td {
    font-size: 12px; }
  .recruit-LIST.--normal .__footer {
    display: block; }
  .recruit-LIST.--normal .btn {
    width: 100%;
    margin-bottom: 10px; }
    .recruit-LIST.--normal .btn a {
      display: block; }
  @media (max-width: 1399.98px) {
    .recruit-LIST.--normal .__item {
      width: 33.3%; } }
  @media (max-width: 1199.98px) {
    .recruit-LIST .__list_inner {
      margin-left: -30px;
      margin-right: -30px; }
    .recruit-LIST .__item {
      padding-left: 30px;
      padding-right: 30px;
      margin-bottom: 80px; }
    .recruit-LIST.--normal .__list_inner {
      margin-left: -15px;
      margin-right: -15px; }
    .recruit-LIST.--normal .__item {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 991.98px) {
    .recruit-LIST .__list_inner {
      margin-left: -20px;
      margin-right: -20px; }
    .recruit-LIST .__item {
      width: 50%;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 40px; }
    .recruit-LIST .__item_image {
      margin-bottom: 15px; }
    .recruit-LIST .__badge {
      right: -124px;
      top: 5px;
      padding: 8px 20px;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 2px; }
    .recruit-LIST .__tags {
      margin-bottom: 5px; }
    .recruit-LIST .__tagitem {
      padding: 4px 15px 3px;
      font-size: 8px;
      line-height: 1; }
      .recruit-LIST .__tagitem [class*="icon-"] {
        line-height: 16px; }
      .recruit-LIST .__tagitem.--highlight {
        padding: 6px 15px;
        font-size: 11px; }
    .recruit-LIST .__item_name h3 {
      font-size: 14px; }
    .recruit-LIST .__item_detail table {
      margin-bottom: 20px; }
    .recruit-LIST .__item_detail th {
      padding: 5px 10px 5px 0;
      font-size: 12px; }
    .recruit-LIST .__item_detail td {
      padding: 5px 0 5px 10px;
      font-size: 11px; }
    .recruit-LIST .__footer {
      margin-left: -4px;
      margin-right: -4px; }
    .recruit-LIST .btn {
      padding-left: 4px;
      padding-right: 4px; }
      .recruit-LIST .btn a {
        min-width: auto;
        white-space: nowrap; }
      .recruit-LIST .btn.--entry a {
        padding: 9px 20px;
        font-size: 14px; }
      .recruit-LIST .btn.--link a {
        padding: 9px 20px;
        font-size: 12px; }
    .recruit-LIST.--normal .__list_inner {
      margin-left: -20px;
      margin-right: -20px; }
    .recruit-LIST.--normal .__item {
      width: 50%;
      padding-left: 20px;
      padding-right: 20px; }
    .recruit-LIST.--normal .__footer {
      display: flex; }
    .recruit-LIST.--normal .btn.--entry {
      width: 58%; } }
  @media (max-width: 767.98px) {
    .recruit-LIST .__item {
      width: 100%; }
    .recruit-LIST.--normal .__item {
      width: 100%; } }

/* Page Single */
/**
 * PAGE CONTENT
 */
.page-content {
  padding-top: 80px;
  padding-bottom: 100px;
  /** MEDIA **/ }
  .page-content .title {
    margin-bottom: 100px;
    text-align: center;
    letter-spacing: 3px; }
  .page-content h2 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    line-height: 1.7; }
    .page-content h2::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      width: 65px;
      height: 1px;
      background-color: #DCDFE2; }
  .page-content h3 {
    padding: 8px 0 8px 25px;
    margin-top: 70px;
    margin-bottom: 20px;
    border-left: 3px solid #707070;
    font-size: 1.8rem;
    line-height: 1.7;
    letter-spacing: 1px; }
  .page-content p {
    margin-bottom: 30px; }
  .page-content a {
    text-decoration: underline; }
  .page-content figure {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: center; }
  .page-content img {
    max-width: 100%;
    height: auto; }
  .page-content .btn {
    margin-top: 100px;
    margin-bottom: 120px; }
  @media (max-width: 767.98px) {
    .page-content {
      padding-top: 40px;
      padding-bottom: 60px; }
      .page-content .title {
        margin-bottom: 60px; }
      .page-content h1 {
        font-size: 1.8rem; }
      .page-content h2 {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 1.6rem;
        line-height: 1.5; }
        .page-content h2::after {
          width: 50px; }
      .page-content h3 {
        padding: 12px 0 12px 20px;
        margin-top: 40px;
        margin-bottom: 15px;
        font-size: 1.6rem; }
      .page-content figure {
        margin-top: 0;
        margin-bottom: 30px;
        text-align: center; }
      .page-content .btn {
        margin-top: 60px;
        margin-bottom: 60px; } }

/** PAGE 404 **/
#main.page-404 {
  background-color: #f5f5f5; }

#breadcrumb .breadcrumb-link.disable-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none; }

.headingtop3 .heading h2 {
  font-size: 42px; }
.headingtop3 .heading .desc {
  font-size: 46px;
  line-height: 1.4; }

.headingtop4 .heading h2 {
  text-transform: uppercase; }

.site-main .form-search {
  padding-top: 80px;
  padding-bottom: 80px; }
  .site-main .form-search .__title {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #707070; }
    .site-main .form-search .__title .__h2 {
      font-size: 18px; }
    .site-main .form-search .__title .__name_alpha {
      padding-right: 10px;
      font-size: 60px; }
    .site-main .form-search .__title .__name_ja {
      font-weight: 700; }
.site-main .form-newsBlog .form-checkbox .form-detail {
  display: flex; }
.site-main .form-newsBlog .form-checkbox .form-checkbox01 input,
.site-main .form-newsBlog .form-checkbox .form-checkbox02 input {
  position: absolute;
  opacity: 0; }
  .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label,
  .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label {
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0; }
  .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:before,
  .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: #fff;
    border: 1px solid #000;
    transition: all 0.2s;
    transform: rotate(90deg); }
  .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:after,
  .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:after {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e916";
    position: absolute;
    display: block;
    color: transparent;
    transition: all 0.2s;
    transform: scale(1); }
  .site-main .form-newsBlog .form-checkbox .form-checkbox01 input:checked + label:before,
  .site-main .form-newsBlog .form-checkbox .form-checkbox02 input:checked + label:before {
    border-color: #000;
    transform: rotate(0); }
  .site-main .form-newsBlog .form-checkbox .form-checkbox01 input:checked + label:after,
  .site-main .form-newsBlog .form-checkbox .form-checkbox02 input:checked + label:after {
    color: #000;
    transform: scale(1); }
.site-main .form-newsBlog .form-text input,
.site-main .form-newsBlog .form-datepicker input {
  border: 1px solid #000;
  background-color: #fff; }
.site-main .form-newsBlog .form-text {
  margin: 0; }
  .site-main .form-newsBlog .form-text input {
    background: #fff url(imgs/search_gray.svg) no-repeat center left 15px; }
.site-main .form-newsBlog .form-datepicker input {
  z-index: 2;
  background-color: transparent; }
.site-main .form-newsBlog .form-datepicker .form-detail {
  position: relative; }
  .site-main .form-newsBlog .form-datepicker .form-detail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    margin: auto;
    background: url(imgs/icon_calendar.svg) no-repeat;
    width: 15px;
    height: 15px;
    z-index: 9; }
  .site-main .form-newsBlog .form-datepicker .form-detail:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: url(imgs/arrow-bottom.svg) no-repeat center right;
    z-index: -1; }
.site-main .form-newsBlog .form-submit {
  align-self: flex-end;
  clear: both; }
  .site-main .form-newsBlog .form-submit input {
    width: 100%;
    color: #fff;
    font-size: 12px;
    background: #000 url(imgs/search_white.svg) no-repeat 25px;
    transition: all .2s; }
    .site-main .form-newsBlog .form-submit input:hover {
      opacity: .8; }
.site-main .form-newsBlog .__search_btn {
  align-self: flex-end; }
  .site-main .form-newsBlog .__search_btn a {
    text-align: center;
    transition: all .2s; }
    .site-main .form-newsBlog .__search_btn a span {
      color: #fff; }
      .site-main .form-newsBlog .__search_btn a span [class^="icon-"] {
        font-size: 1.1em;
        line-height: 16px; }
.site-main .main-content .primary {
  width: 75%;
  float: left;
  padding-right: 5.3%;
  margin-bottom: 80px; }
  .site-main .main-content .primary .list-item .item {
    width: 33.33%;
    float: left; }
    .site-main .main-content .primary .list-item .item:nth-child(3n + 1) {
      clear: left; }
    .site-main .main-content .primary .list-item .item img {
      width: 100%;
      height: auto; }
    .site-main .main-content .primary .list-item .item .item-img {
      margin-bottom: 15px; }
    .site-main .main-content .primary .list-item .item .item-meta span {
      display: inline-block;
      font-family: "Barlow Condensed", sans-serif; }
    .site-main .main-content .primary .list-item .item .item-meta .category {
      text-transform: uppercase;
      color: #fff;
      width: 61px;
      height: 21px;
      line-height: 21px;
      text-align: center;
      background: #000;
      letter-spacing: 2px;
      margin-right: 8px;
      font-size: 1.3rem; }
    .site-main .main-content .primary .list-item .item .item-meta .date {
      font-size: 15px;
      letter-spacing: 2px; }
    .site-main .main-content .primary .list-item .item .item-title {
      font-size: 17px;
      margin-bottom: 0; }
  .site-main .main-content .primary article.entry {
    padding-top: 0; }
  .site-main .main-content .primary article img {
    max-width: 100%;
    height: auto; }
  .site-main .main-content .primary article .entry-header h1 {
    margin: 0 0 10px; }
  .site-main .main-content .primary article .entry-header .post-user .usr-avatar {
    width: 90px;
    padding-right: 20px; }
  .site-main .main-content .primary article .post-meta {
    margin-bottom: 20px; }
    .site-main .main-content .primary article .post-meta span {
      display: inline-block;
      font-family: "Barlow Condensed", sans-serif; }
    .site-main .main-content .primary article .post-meta .category {
      text-transform: uppercase;
      color: #fff;
      width: 61px;
      height: 21px;
      line-height: 21px;
      text-align: center;
      background: #000;
      letter-spacing: 2px;
      margin-right: 8px;
      font-size: 1.3rem; }
    .site-main .main-content .primary article .post-meta .date {
      font-size: 15px;
      letter-spacing: 2px; }
  .site-main .main-content .primary article .post-user {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 15px; }
    .site-main .main-content .primary article .post-user p {
      margin: 0; }
    .site-main .main-content .primary article .post-user .person-write {
      font-size: 14px;
      line-height: 1.3; }
    .site-main .main-content .primary article .post-user .name {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2;
      margin: 8px 0 10px; }
      .site-main .main-content .primary article .post-user .name .small {
        font-size: 14px;
        font-weight: normal; }
  .site-main .main-content .primary article .post-tag ul, .site-main .main-content .primary article .post-tag li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .site-main .main-content .primary article .post-tag li {
    display: inline-block;
    margin-bottom: 20px;
    padding-right: 7px; }
    .site-main .main-content .primary article .post-tag li a {
      display: block;
      padding: 0 15px;
      height: 29px;
      line-height: 26px;
      border: 1px solid #707070;
      font-size: 12px;
      text-decoration: none;
      border-radius: 30px;
      transition: all .3s; }
      .site-main .main-content .primary article .post-tag li a:hover {
        color: #fff;
        background-color: #000; }
  .site-main .main-content .primary article .socials {
    list-style: none;
    margin: 0 0 45px;
    padding: 0; }
    .site-main .main-content .primary article .socials li {
      display: inline-block;
      vertical-align: top;
      padding-right: 12px;
      text-align: center; }
      .site-main .main-content .primary article .socials li a {
        display: block;
        width: 118px;
        height: 36px;
        transition: all .3s;
        color: #fff; }
        .site-main .main-content .primary article .socials li a:hover {
          text-decoration: none;
          opacity: .9; }
      .site-main .main-content .primary article .socials li.facebook a {
        background-color: #4267b2;
        padding: 2px 15px; }
        .site-main .main-content .primary article .socials li.facebook a .icon-facebook-2:before {
          font-size: 18px; }
      .site-main .main-content .primary article .socials li.twitter a {
        background-color: #1ea1f2;
        padding: 2px 15px; }
        .site-main .main-content .primary article .socials li.twitter a .icon-twitter:before {
          font-size: 18px; }
      .site-main .main-content .primary article .socials li.line {
        width: 118px;
        height: 36px;
        position: relative;
        background-color: #01B833; }
        .site-main .main-content .primary article .socials li.line iframe {
          position: relative;
          z-index: 2;
          width: 118px !important;
          height: 36px !important;
          padding: 3px 0; }
        .site-main .main-content .primary article .socials li.line .icon-line1 {
          position: absolute;
          top: 3px;
          left: -4px;
          bottom: 0;
          margin: auto;
          padding-right: 0; }
          .site-main .main-content .primary article .socials li.line .icon-line1 .path1:before,
          .site-main .main-content .primary article .socials li.line .icon-line1 .path2:before {
            font-size: 40px; }
          .site-main .main-content .primary article .socials li.line .icon-line1 .path1:before {
            color: #01b833; }
  .site-main .main-content .primary article .entry-content .wp-block-image {
    margin-bottom: 50px; }
  .site-main .main-content .primary article .entry-content .size-large img {
    width: 100%;
    height: auto; }
  .site-main .main-content .primary article .entry-content p {
    margin-bottom: 30px; }
  .site-main .main-content .primary article .entry-footer {
    text-align: left; }
    .site-main .main-content .primary article .entry-footer .post-user {
      padding: 25px 30px;
      background-color: #fff;
      border: 11px solid #D1D1D1;
      margin-bottom: 45px; }
      .site-main .main-content .primary article .entry-footer .post-user .usr-avatar {
        width: 140px;
        padding-right: 25px; }
      .site-main .main-content .primary article .entry-footer .post-user .usr-content {
        flex: 1; }
        .site-main .main-content .primary article .entry-footer .post-user .usr-content .desc {
          font-size: 14px;
          line-height: 1.3; }
    .site-main .main-content .primary article .entry-footer .post-navigation {
      overflow: hidden; }
      .site-main .main-content .primary article .entry-footer .post-navigation h2 {
        font-size: 0;
        margin: 0;
        padding: 0; }
      .site-main .main-content .primary article .entry-footer .post-navigation .nav-links a {
        font-size: 15px;
        color: #B7B7B7; }
      .site-main .main-content .primary article .entry-footer .post-navigation .nav-links .nav-previous {
        width: 50%;
        float: left; }
        .site-main .main-content .primary article .entry-footer .post-navigation .nav-links .nav-previous a {
          position: relative; }
          .site-main .main-content .primary article .entry-footer .post-navigation .nav-links .nav-previous a:before {
            content: '';
            display: inline-block;
            vertical-align: top;
            margin: 4px 10px 0 0;
            width: 12px;
            height: 24px;
            background: url(imgs/icon_prev.svg) no-repeat; }
      .site-main .main-content .primary article .entry-footer .post-navigation .nav-links .nav-next {
        width: 50%;
        float: right;
        text-align: right; }
        .site-main .main-content .primary article .entry-footer .post-navigation .nav-links .nav-next a {
          position: relative; }
          .site-main .main-content .primary article .entry-footer .post-navigation .nav-links .nav-next a:after {
            content: '';
            display: inline-block;
            vertical-align: top;
            margin: 2px 0 0 10px;
            width: 12px;
            height: 24px;
            background: url(imgs/icon_next.svg) no-repeat; }
.site-main .main-content .secondary {
  width: 25%;
  float: right;
  margin-bottom: 100px; }
  .site-main .main-content .secondary img {
    max-width: 100%;
    height: auto; }
  .site-main .main-content .secondary .widget .widget-title {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #707070; }
    .site-main .main-content .secondary .widget .widget-title img, .site-main .main-content .secondary .widget .widget-title svg {
      display: inline-block;
      vertical-align: text-bottom; }
  .site-main .main-content .secondary .widget-ranking .item {
    overflow: hidden;
    margin-bottom: 20px; }
    .site-main .main-content .secondary .widget-ranking .item .item-img img {
      width: 100%;
      height: auto; }
    .site-main .main-content .secondary .widget-ranking .item .item-content .item-meta span {
      display: inline-block;
      font-family: "Barlow Condensed", sans-serif; }
    .site-main .main-content .secondary .widget-ranking .item .item-content .item-meta .category {
      text-transform: uppercase;
      color: #fff;
      height: 21px;
      line-height: 21px;
      text-align: center;
      background: #000;
      letter-spacing: 2px;
      margin-right: 8px; }
    .site-main .main-content .secondary .widget-ranking .item .item-content .item-meta .date {
      letter-spacing: 2px; }
  .site-main .main-content .secondary .widget-tags {
    margin-bottom: 40px; }
    .site-main .main-content .secondary .widget-tags ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .site-main .main-content .secondary .widget-tags ul li {
        display: inline-block;
        margin-bottom: 10px;
        padding-right: 7px; }
        .site-main .main-content .secondary .widget-tags ul li a {
          display: block;
          padding: 0 15px;
          height: 29px;
          line-height: 26px;
          border: 1px solid #707070;
          font-size: 12px;
          text-decoration: none;
          border-radius: 30px;
          transition: all .3s; }
          .site-main .main-content .secondary .widget-tags ul li a:hover {
            color: #fff;
            background-color: #000; }
  .site-main .main-content .secondary .widget-banner .widget-title {
    margin-bottom: 40px; }
  .site-main .main-content .secondary .widget-banner .widget-content p {
    margin-bottom: 40px; }
  .site-main .main-content .secondary #text-2 .widget-title {
    position: relative; }
    .site-main .main-content .secondary #text-2 .widget-title:before {
      content: '';
      display: inline-block;
      vertical-align: text-bottom;
      background: url(imgs/icon_interview.svg) no-repeat; }
.site-main .pagination {
  clear: left;
  padding: 50px 0 0; }
  .site-main .pagination ul.page-numbers {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0; }
    .site-main .pagination ul.page-numbers li {
      margin-right: 10px; }
      .site-main .pagination ul.page-numbers li span, .site-main .pagination ul.page-numbers li a {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 55px;
        font-size: 35px;
        text-align: center;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        font-family: "Barlow Condensed", sans-serif;
        color: #000;
        border-color: #000; }
        .site-main .pagination ul.page-numbers li span:hover, .site-main .pagination ul.page-numbers li a:hover {
          background-color: #000;
          color: #fff; }
      .site-main .pagination ul.page-numbers li span.current {
        background-color: #000;
        color: #fff; }
      .site-main .pagination ul.page-numbers li a.next, .site-main .pagination ul.page-numbers li a.prev {
        position: absolute;
        font-size: 15px;
        color: #B7B7B7;
        width: auto;
        height: auto;
        border: 0; }
        .site-main .pagination ul.page-numbers li a.next:before, .site-main .pagination ul.page-numbers li a.next:after, .site-main .pagination ul.page-numbers li a.prev:before, .site-main .pagination ul.page-numbers li a.prev:after {
          position: relative;
          top: -1px; }
        .site-main .pagination ul.page-numbers li a.next:hover, .site-main .pagination ul.page-numbers li a.prev:hover {
          background-color: transparent;
          color: #B7B7B7; }
      .site-main .pagination ul.page-numbers li a.prev {
        left: 0; }
      .site-main .pagination ul.page-numbers li a.next {
        right: 0; }
.site-main .__notfound .__title {
  font-size: 24px;
  line-height: 1.5;
  margin: 0; }
.site-main .__notfound h1 {
  font-size: 4.4rem; }
.site-main .__notfound h2 {
  font-size: 3.2rem; }

@media (min-width: 992px) {
  .page-single {
    padding-top: 80px; }

  .site-main .main-content .primary .list-item {
    margin: 0 -15px; }
    .site-main .main-content .primary .list-item .item {
      padding: 0 15px;
      margin-bottom: 40px; }
  .site-main .form-newsBlog {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .site-main .form-newsBlog .form-field .form-label {
      font-size: 15px;
      margin-bottom: 5px; }
    .site-main .form-newsBlog .form-field .form-detail .form-checkbox01 {
      padding-right: 15px; }
    .site-main .form-newsBlog .form-checkbox {
      padding-right: 25px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input {
        width: 40px;
        height: 40px; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label {
          min-height: 40px;
          padding-left: 50px;
          font-size: 15px;
          line-height: 1.6; }
          .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label span,
          .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label span {
            line-height: 40px; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:before,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:before {
          width: 40px;
          height: 40px; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:after,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:after {
          left: 9px;
          top: 11px;
          font-size: 16px; }
    .site-main .form-newsBlog .form-text input,
    .site-main .form-newsBlog .form-datepicker input {
      width: 210px;
      padding: 10px 20px 12px 40px;
      height: 40px;
      font-size: 15px; }
    .site-main .form-newsBlog .form-text {
      padding-right: 25px; }
    .site-main .form-newsBlog .form-datepicker {
      padding-right: 25px; }
      .site-main .form-newsBlog .form-datepicker input {
        padding-right: 55px; }
      .site-main .form-newsBlog .form-datepicker .form-detail:after {
        width: 40px;
        height: 40px;
        background-size: cover; }
    .site-main .form-newsBlog .form-submit {
      padding-bottom: 2px; }
      .site-main .form-newsBlog .form-submit input {
        padding: 4px 20px 8px;
        height: 40px;
        min-width: 205px; }
    .site-main .form-newsBlog .__search_btn {
      padding-bottom: 1px; }
      .site-main .form-newsBlog .__search_btn a {
        padding: 3px 20px 7px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .site-main .main-content .primary article .entry-header h1 {
    font-size: 24px; }
  .site-main .main-content .secondary .widget.widget-ranking {
    margin-bottom: 40px; }
    .site-main .main-content .secondary .widget.widget-ranking .widget-title svg, .site-main .main-content .secondary .widget.widget-ranking .widget-title img {
      position: relative;
      top: 2px;
      width: 20px; }
  .site-main .main-content .secondary .widget.widget-tags .widget-title svg, .site-main .main-content .secondary .widget.widget-tags .widget-title img {
    position: relative;
    top: 4px;
    width: 22px; }
  .site-main .main-content .secondary .widget#text-2 .widget-title {
    font-size: 17px; }
    .site-main .main-content .secondary .widget#text-2 .widget-title:before {
      width: 22px;
      height: 22px;
      background-size: cover;
      margin-right: 5px; }
  .site-main .main-content .secondary .widget .widget-title {
    font-size: 18px; }
    .site-main .main-content .secondary .widget .widget-title img, .site-main .main-content .secondary .widget .widget-title svg {
      margin: 0 10px 0 0; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-img {
    width: 100%;
    padding-right: 0;
    float: none;
    margin-bottom: 10px; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-title {
    font-size: 15px;
    line-height: 1.5; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-meta .category {
    width: 55px;
    font-size: 14px; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-meta .date {
    font-size: 14px; } }
.page-tag {
  padding-top: 80px;
  padding-bottom: 55px; }

@media (min-width: 1200px) {
  .site-main.page-category .main-content .primary {
    padding-right: 8%; }
  .site-main .main-content .primary .list-item {
    margin: 0 -35px; }
    .site-main .main-content .primary .list-item .item {
      padding: 0 35px; }
  .site-main .main-content .primary article .entry-header h1 {
    font-size: 32px; }
  .site-main .main-content .secondary .widget.widget-ranking {
    margin-bottom: 40px; }
    .site-main .main-content .secondary .widget.widget-ranking .widget-title svg, .site-main .main-content .secondary .widget.widget-ranking .widget-title img {
      width: 24px; }
  .site-main .main-content .secondary .widget.widget-tags .widget-title svg, .site-main .main-content .secondary .widget.widget-tags .widget-title img {
    width: 26px; }
  .site-main .main-content .secondary .widget#text-2 .widget-title:before {
    width: 30px;
    height: 30px;
    background-size: cover;
    margin-right: 5px; }
  .site-main .main-content .secondary .widget .widget-title {
    font-size: 20px; }
    .site-main .main-content .secondary .widget .widget-title img, .site-main .main-content .secondary .widget .widget-title svg {
      margin: 0 10px 0 0; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-img {
    float: left;
    width: 140px;
    padding-right: 15px; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-content {
    overflow: hidden; }
    .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-title {
      font-size: 15px;
      line-height: 1.5; }
    .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-meta .category {
      width: 55px;
      font-size: 14px; }
    .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-meta .date {
      font-size: 14px; }
  .site-main .form-newsBlog .form-field .form-label {
    font-size: 15px;
    margin-bottom: 5px; }
  .site-main .form-newsBlog .form-field .form-detail .form-checkbox01 {
    padding-right: 15px; }
  .site-main .form-newsBlog .form-checkbox {
    padding-right: 40px; }
    .site-main .form-newsBlog .form-checkbox .form-checkbox01 input,
    .site-main .form-newsBlog .form-checkbox .form-checkbox02 input {
      width: 50px;
      height: 50px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label {
        min-height: 50px;
        padding-left: 65px;
        font-size: 15px;
        line-height: 1.6; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label span,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label span {
          line-height: 50px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:before,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:before {
        width: 50px;
        height: 50px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:after,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:after {
        left: 10px;
        top: 14px;
        font-size: 22px; }
  .site-main .form-newsBlog .form-text input,
  .site-main .form-newsBlog .form-datepicker input {
    width: 255px;
    padding: 10px 20px 12px 40px;
    height: 50px;
    font-size: 15px; }
  .site-main .form-newsBlog .form-text {
    padding-right: 40px; }
  .site-main .form-newsBlog .form-datepicker {
    padding-right: 40px; }
    .site-main .form-newsBlog .form-datepicker input {
      padding-right: 55px; }
    .site-main .form-newsBlog .form-datepicker .form-detail:after {
      width: 50px;
      height: 50px; }
  .site-main .form-newsBlog .form-submit {
    padding-bottom: 0; }
    .site-main .form-newsBlog .form-submit input {
      padding: 10px 20px 11px 40px;
      height: 50px;
      min-width: 220px; }
  .site-main .form-newsBlog .__search_btn {
    padding-bottom: 0; }
    .site-main .form-newsBlog .__search_btn a {
      padding: 8px 30px 12px; } }
@media (min-width: 1400px) {
  .site-main .main-content .primary article .entry-header h1 {
    font-size: 40px; }
  .site-main .main-content .secondary .widget.widget-ranking {
    margin-bottom: 60px; }
    .site-main .main-content .secondary .widget.widget-ranking .widget-title svg, .site-main .main-content .secondary .widget.widget-ranking .widget-title img {
      width: 28px; }
  .site-main .main-content .secondary .widget.widget-tags .widget-title svg, .site-main .main-content .secondary .widget.widget-tags .widget-title img {
    width: 34px; }
  .site-main .main-content .secondary .widget#text-2 .widget-title:before {
    width: 36px;
    height: 36px;
    background-size: cover;
    margin-right: 5px; }
  .site-main .main-content .secondary .widget .widget-title {
    font-size: 23px; }
    .site-main .main-content .secondary .widget .widget-title img, .site-main .main-content .secondary .widget .widget-title svg {
      margin: 0 10px 3px 0; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-img {
    width: 180px;
    padding-right: 20px; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-title {
    font-size: 17px;
    line-height: 1.7; }
  .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-meta .category {
    width: 61px;
    font-size: 1.3rem; }
  .site-main .form-newsBlog .form-field .form-detail .form-checkbox01 {
    padding-right: 50px; }
  .site-main .form-newsBlog .form-checkbox {
    padding-right: 70px; }
  .site-main .form-newsBlog .form-text {
    padding-right: 45px; }
  .site-main .form-newsBlog .form-datepicker {
    padding-right: 40px; } }
@media (max-width: 991px) {
  .headingtop4 .heading h2 {
    font-size: 32px; }

  .headingtop4 .heading .desc {
    font-size: 36px; }

  .page-single {
    padding-top: 50px; }
    .page-single .primary {
      margin-bottom: 0 !important; }

  .site-main .main-content .primary, .site-main .main-content .secondary {
    width: 100%;
    padding: 0;
    clear: both; }
  .site-main .main-content .primary {
    float: left;
    margin-bottom: 60px; }
    .site-main .main-content .primary .list-item {
      margin: 0 -10px; }
      .site-main .main-content .primary .list-item .item {
        padding: 0 10px;
        margin-bottom: 25px; }
    .site-main .main-content .primary article .entry-header h1 {
      font-size: 30px; }
    .site-main .main-content .primary article .entry-footer .post-user {
      padding: 15px 20px;
      margin-bottom: 20px; }
  .site-main .main-content .secondary {
    float: none;
    margin-bottom: 80px; }
    .site-main .main-content .secondary .widget.widget-ranking {
      margin-bottom: 60px; }
      .site-main .main-content .secondary .widget.widget-ranking .widget-title svg, .site-main .main-content .secondary .widget.widget-ranking .widget-title img {
        position: relative;
        top: 1px;
        width: 24px; }
    .site-main .main-content .secondary .widget.widget-tags .widget-title svg, .site-main .main-content .secondary .widget.widget-tags .widget-title img {
      position: relative;
      top: 4px;
      width: 28px; }
    .site-main .main-content .secondary .widget#text-2 .widget-title:before {
      position: relative;
      top: -3px;
      width: 30px;
      height: 30px;
      background-size: cover;
      margin-right: 5px; }
    .site-main .main-content .secondary .widget#text-2 .textwidget p {
      text-align: center; }
    .site-main .main-content .secondary .widget .widget-title {
      font-size: 23px; }
      .site-main .main-content .secondary .widget .widget-title img, .site-main .main-content .secondary .widget .widget-title svg {
        margin: 0 10px 3px 0; }
    .site-main .main-content .secondary .widget.widget-ranking .item .item-img {
      float: left;
      width: 160px;
      padding-right: 20px; }
    .site-main .main-content .secondary .widget.widget-ranking .item .item-content {
      overflow: hidden; }
      .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-title {
        font-size: 1.6rem; }
      .site-main .main-content .secondary .widget.widget-ranking .item .item-content .item-meta .category {
        width: 61px;
        font-size: 1.3rem; }
  .site-main .form-newsBlog .form-field .form-label {
    font-size: 15px;
    margin-bottom: 5px; }
  .site-main .form-newsBlog .form-field .form-detail .form-checkbox01 {
    padding-right: 30px; }
  .site-main .form-newsBlog .form-checkbox {
    margin-bottom: 15px; }
    .site-main .form-newsBlog .form-checkbox .form-checkbox01 input,
    .site-main .form-newsBlog .form-checkbox .form-checkbox02 input {
      width: 50px;
      height: 50px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label {
        min-height: 50px;
        padding-left: 65px;
        font-size: 15px;
        line-height: 1.6; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label span,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label span {
          line-height: 50px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:before,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:before {
        width: 50px;
        height: 50px; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:after,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:after {
        left: 10px;
        top: 14px;
        font-size: 22px; }
  .site-main .form-newsBlog .form-text,
  .site-main .form-newsBlog .form-datepicker {
    width: calc(50% - 15px ); }
    .site-main .form-newsBlog .form-text input,
    .site-main .form-newsBlog .form-datepicker input {
      width: 100%;
      padding: 10px 20px 12px 40px;
      height: 50px;
      font-size: 15px; }
  .site-main .form-newsBlog .form-text {
    float: left;
    margin: 0 15px 30px 0; }
  .site-main .form-newsBlog .form-datepicker {
    float: right;
    margin: 0 0 30px 15px; }
    .site-main .form-newsBlog .form-datepicker input {
      padding-right: 55px; }
    .site-main .form-newsBlog .form-datepicker .form-detail:after {
      width: 50px;
      height: 50px;
      background-size: cover; }
  .site-main .form-newsBlog .form-submit {
    padding: 0; }
    .site-main .form-newsBlog .form-submit input {
      padding: 9px 20px 13px;
      height: 50px; }
  .site-main .form-newsBlog .__search_btn {
    clear: both; }
    .site-main .form-newsBlog .__search_btn a {
      width: 100%;
      padding: 8px 30px 12px; } }
@media (max-width: 767px) {
  .headingtop3 .heading h2,
  .headingtop4 .heading h2 {
    font-size: 21px;
    line-height: 1; }

  .headingtop3 .heading .desc,
  .headingtop4 .heading .desc {
    font-size: 24px;
    line-height: 1.1; }

  .page-category, .page-single {
    padding-top: 50px; }

  .site-main .main-content .primary article {
    padding-top: 20px; }
    .site-main .main-content .primary article .entry-header h1 {
      font-size: 25px; }
    .site-main .main-content .primary article .socials {
      margin-bottom: 25px; }
      .site-main .main-content .primary article .socials li {
        padding-right: 2px; }
    .site-main .main-content .primary article .entry-content .wp-block-image {
      margin-bottom: 30px; }
    .site-main .main-content .primary article .entry-content p {
      margin-bottom: 20px; }
  .site-main .main-content .primary .list-item {
    margin: 0; }
    .site-main .main-content .primary .list-item .item {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 35px; }
      .site-main .main-content .primary .list-item .item .item-title {
        font-size: 16px; }
      .site-main .main-content .primary .list-item .item:last-child {
        margin-bottom: 0; }
  .site-main .form-search {
    padding-top: 20px;
    padding-bottom: 60px; }
    .site-main .form-search .__title {
      margin-bottom: 20px; }
      .site-main .form-search .__title .__name_alpha {
        font-size: 24px; }
      .site-main .form-search .__title .__name_ja {
        font-size: 12px; }
  .site-main .form-newsBlog .form-field {
    font-size: 14px; }
    .site-main .form-newsBlog .form-field .form-label {
      line-height: 1.3;
      font-size: 10px; }
    .site-main .form-newsBlog .form-field .form-detail .form-checkbox01 {
      padding-right: 30px; }
  .site-main .form-newsBlog .form-checkbox {
    margin-bottom: 10px; }
    .site-main .form-newsBlog .form-checkbox .form-checkbox01,
    .site-main .form-newsBlog .form-checkbox .form-checkbox02 {
      position: relative; }
      .site-main .form-newsBlog .form-checkbox .form-checkbox01 input,
      .site-main .form-newsBlog .form-checkbox .form-checkbox02 input {
        width: 25px;
        height: 25px; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label {
          min-height: 25px;
          padding-left: 35px;
          font-size: 10px;
          line-height: 1.6; }
          .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label span,
          .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label span {
            line-height: 25px; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:before,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:before {
          width: 25px;
          height: 25px; }
        .site-main .form-newsBlog .form-checkbox .form-checkbox01 input + label:after,
        .site-main .form-newsBlog .form-checkbox .form-checkbox02 input + label:after {
          left: 6px;
          top: 8px;
          font-size: 1rem; }
  .site-main .form-newsBlog .form-text,
  .site-main .form-newsBlog .form-datepicker {
    width: calc(50% - 5px ); }
    .site-main .form-newsBlog .form-text .form-label,
    .site-main .form-newsBlog .form-datepicker .form-label {
      margin-bottom: 8px; }
    .site-main .form-newsBlog .form-text input,
    .site-main .form-newsBlog .form-datepicker input {
      width: 100%;
      padding: 5px 15px 7px 28px;
      height: 25px;
      font-size: 10px;
      background-size: 10px;
      background-position: 10px; }
  .site-main .form-newsBlog .form-text {
    float: left;
    margin: 0 5px 15px 0; }
  .site-main .form-newsBlog .form-datepicker {
    float: right;
    margin: 0 0 15px 5px; }
    .site-main .form-newsBlog .form-datepicker input {
      padding-right: 30px; }
    .site-main .form-newsBlog .form-datepicker .form-detail:before {
      left: 10px;
      width: 10px;
      height: 10px;
      background-size: cover; }
    .site-main .form-newsBlog .form-datepicker .form-detail:after {
      width: 25px;
      height: 25px;
      background-size: cover; }
  .site-main .form-newsBlog .__search_btn {
    clear: both; }
    .site-main .form-newsBlog .__search_btn a {
      width: 100%;
      padding: 8px 30px 12px; }
      .site-main .form-newsBlog .__search_btn a i {
        position: relative;
        top: -2px; }
  .site-main .pagination {
    padding-top: 35px; }
    .site-main .pagination ul.page-numbers li span, .site-main .pagination ul.page-numbers li a {
      width: 33px;
      height: 33px;
      line-height: 30px;
      font-size: 16px; }
    .site-main .pagination ul.page-numbers li a.next, .site-main .pagination ul.page-numbers li a.prev {
      font-size: 11px; }
      .site-main .pagination ul.page-numbers li a.next:before, .site-main .pagination ul.page-numbers li a.next:after, .site-main .pagination ul.page-numbers li a.prev:before, .site-main .pagination ul.page-numbers li a.prev:after {
        top: -2px; } }
@media (max-width: 480px) {
  .page-category, .page-single {
    padding-top: 45px; }

  .site-main .main-content .primary article .entry-header h1 {
    font-size: 24px; }
  .site-main .main-content .primary article .post-tag li {
    margin-bottom: 10px;
    padding-right: 5px; }
  .site-main .main-content .primary article .socials {
    margin-top: 15px;
    margin-bottom: 25px; }
    .site-main .main-content .primary article .socials li,
    .site-main .main-content .primary article .socials li a {
      font-size: 12px;
      width: 90px; }
    .site-main .main-content .primary article .socials li.facebook a, .site-main .main-content .primary article .socials li.twitter a {
      padding: 5px; }
  .site-main .main-content .primary article .entry-footer .post-user {
    padding: 10px 15px;
    border-width: 6px; }
    .site-main .main-content .primary article .entry-footer .post-user .usr-avatar {
      width: 100px;
      padding-right: 15px; }
  .site-main .main-content .secondary .widget.widget-ranking .widget-title svg, .site-main .main-content .secondary .widget.widget-ranking .widget-title img {
    width: 22px; }
  .site-main .main-content .secondary .widget.widget-tags .widget-title svg, .site-main .main-content .secondary .widget.widget-tags .widget-title img {
    width: 26px; }
  .site-main .main-content .secondary .widget#text-2 .widget-title:before {
    width: 28px;
    height: 28px; } }
/**
 * NEWS POST DETAIL
 */
.single-news {
  /** MEDIA **/ }
  .single-news .entry-content h1 {
    margin-top: 80px;
    font-size: 4.4rem; }
  .single-news .entry-content h2 {
    margin-top: 60px;
    font-size: 3.2rem; }
  .single-news .entry-content h3 {
    margin-top: 60px;
    font-size: 2.4rem; }
  @media (max-width: 767.98px) {
    .single-news .entry-content h1 {
      margin-top: 60px;
      font-size: 3.2rem; }
    .single-news .entry-content h2 {
      margin-top: 40px;
      font-size: 2.4rem; }
    .single-news .entry-content h3 {
      margin-top: 40px;
      font-size: 2rem; } }

/*!
 * Datepicker v1.0.9
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-09-21T06:57:30.334Z
 */
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 14px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 255px;
  z-index: -1; }

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0; }

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1; }

.datepicker-inline {
  position: static; }

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f; }

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px; }

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #39f; }

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px; }

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f; }

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px; }

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f; }

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px; }

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px; }

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%; }

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table; }

.datepicker-panel > ul::after {
  clear: both; }

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 40px;
  line-height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 40px; }

.datepicker-panel > ul > li:nth-child(2) {
  line-height: 40px;
  font-size: 16px; }

.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff; }

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999; }

.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff; }

.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce5ff; }

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #fff;
  background-color: #39f; }

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default; }

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff; }

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px; }

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 175px; }

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 63.75px;
  line-height: 63.75px;
  width: 63.75px; }

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default; }

.datepicker-hide {
  display: none; }