@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 9, ../sass/screen.scss */
body {
  background: #eee;
}
/* line 11, ../sass/screen.scss */
body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 19, ../sass/screen.scss */
body .center {
  text-align: center;
}
/* line 22, ../sass/screen.scss */
body .right {
  text-align: right;
}
/* line 26, ../sass/screen.scss */
body .mb1e {
  margin-bottom: 1em;
}
/* line 30, ../sass/screen.scss */
body .mb2e {
  margin-bottom: 2em;
}
/* line 34, ../sass/screen.scss */
body .flex-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -js-display: flex;
  display: flex;
}
/* line 42, ../sass/screen.scss */
body .flex-wrapper-column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -js-display: flex;
  display: flex;
  flex-direction: column;
}
/* line 51, ../sass/screen.scss */
body .flex-wrapper-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
/* line 60, ../sass/screen.scss */
body .flex-middle {
  align-items: center;
}
/* line 64, ../sass/screen.scss */
body .flex-j-c-s-b {
  justify-content: space-between;
}
/* line 73, ../sass/screen.scss */
body.page #page #contents-area, body.archive #page #contents-area, body.search #page #contents-area, body.single #page #contents-area {
  background: none;
}
/* line 76, ../sass/screen.scss */
body.page #page #footer-info, body.archive #page #footer-info, body.search #page #footer-info, body.single #page #footer-info {
  max-width: 1140px;
  margin-bottom: 5em;
  border: 1px solid #ccc;
}
/* line 83, ../sass/screen.scss */
body.single .siteContent > .container > .row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
/* line 91, ../sass/screen.scss */
body h3.elementor-heading-title {
  border: none;
}
/* line 93, ../sass/screen.scss */
body h3.elementor-heading-title::after {
  border: none;
}
/* line 99, ../sass/screen.scss */
body table {
  border: 2px solid #666;
}
/* line 101, ../sass/screen.scss */
body table th, body table td {
  border: 2px solid #666;
  font-size: 120%;
  text-align: center;
}
/* line 106, ../sass/screen.scss */
body table th {
  background: #98B3DE;
  color: #333;
}
/* line 111, ../sass/screen.scss */
body .vk-mobile-nav-menu-btn {
  border-color: #333;
  background: url(../../inc/vk-mobile-nav/package/images/vk-menu-btn-black.svg) center 50% no-repeat rgba(255, 255, 255, 0.8);
  display: none;
}
/* line 116, ../sass/screen.scss */
body.device-mobile .vk-mobile-nav-menu-btn {
  display: none !important;
}

/* line 123, ../sass/screen.scss */
.home #page #contents-area {
  max-width: 100%;
}

/* line 143, ../sass/screen.scss */
#page #mobile-nav-opener {
  display: none;
}
/* line 146, ../sass/screen.scss */
#page #container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  overflow: hidden;
}
/* line 154, ../sass/screen.scss */
#page #sidebar {
  position: relative;
  z-index: 1;
  width: 18.448%;
  min-height: 100vh;
  background: #333;
  padding: 1%;
}
/* line 163, ../sass/screen.scss */
#page #sidebar .jsts-logo {
  padding: 5px;
  background: #FFF;
}
/* line 168, ../sass/screen.scss */
#page #sidebar img {
  width: 100%;
  height: auto;
}
/* line 173, ../sass/screen.scss */
#page #sidebar h3 {
  text-align: center;
  margin-bottom: 1.4em;
  padding-bottom: 0;
  border: none;
  box-shadow: none;
}
/* line 179, ../sass/screen.scss */
#page #sidebar h3:after {
  border: none;
}
/* line 182, ../sass/screen.scss */
#page #sidebar h3 img {
  width: auto;
  height: 1.4em;
}
/* line 188, ../sass/screen.scss */
#page #sidebar #main-menu {
  padding: .4em;
  margin-bottom: 2.4em;
}
/* line 192, ../sass/screen.scss */
#page #sidebar #main-menu ul li {
  margin-bottom: .4em;
}
/* line 194, ../sass/screen.scss */
#page #sidebar #main-menu ul li a {
  display: block;
  padding: 1em .4em;
  color: #333;
  background: #fff;
  text-decoration: none;
}
/* line 200, ../sass/screen.scss */
#page #sidebar #main-menu ul li a:before {
  content: "－ ";
}
/* line 203, ../sass/screen.scss */
#page #sidebar #main-menu ul li a.home-link:before {
  content: "";
}
/* line 212, ../sass/screen.scss */
#page #main-header,
#page #cat-main-header {
  position: relative;
  z-index: 1;
  margin-bottom: 2%;
  align-items: center;
}
/* line 218, ../sass/screen.scss */
#page #main-header #logo,
#page #cat-main-header #logo {
  position: relative;
  width: 45%;
  max-width: 680px;
  margin: 0 auto;
  background: none;
  border: none;
}
/* line 225, ../sass/screen.scss */
#page #main-header #logo img,
#page #cat-main-header #logo img {
  width: 100%;
  height: auto;
}
/* line 232, ../sass/screen.scss */
#page #main-header {
  background: rgba(9, 67, 111, 0.5);
  padding: 3em 2em;
}
/* line 237, ../sass/screen.scss */
#page #cat-main-header {
  position: relative;
  width: 100%;
  background: #333;
  padding: 1%;
  margin-bottom: 2.4em;
}
/* line 244, ../sass/screen.scss */
#page #cat-main-header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  margin-left: -1%;
  background: url("../images/top-bg@2x.png") no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: .5;
}
/* line 256, ../sass/screen.scss */
#page #cat-main-header #logo {
  margin-left: 0;
}
/* line 259, ../sass/screen.scss */
#page #cat-main-header #cat-header-info {
  position: relative;
  width: 35%;
}
/* line 262, ../sass/screen.scss */
#page #cat-main-header #cat-header-info img {
  width: 100%;
  height: auto;
}
/* line 269, ../sass/screen.scss */
#page .eyecatch {
  width: 100%;
}
/* line 271, ../sass/screen.scss */
#page .eyecatch img {
  width: 100%;
  height: auto;
}
/* line 277, ../sass/screen.scss */
#page #content-wrapper {
  width: 81.552%;
}
/* line 280, ../sass/screen.scss */
#page #contents-area {
  max-width: 1140px;
  height: 100%;
  margin: 0 auto;
  padding: 1%;
  background: url("../images/top-bg@2x.png") no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
/* line 290, ../sass/screen.scss */
#page #contents-area .container {
  width: 100%;
}
/* line 295, ../sass/screen.scss */
#page #contents-area .page .entry-body {
  padding: 3% 2%;
  border: 1px solid #ccc;
}
/* line 298, ../sass/screen.scss */
#page #contents-area .page .entry-body ul {
  padding-left: 2em;
}
/* line 300, ../sass/screen.scss */
#page #contents-area .page .entry-body ul li {
  list-style-type: disc;
}
/* line 304, ../sass/screen.scss */
#page #contents-area .page .entry-body ol {
  padding-left: 2em;
}
/* line 306, ../sass/screen.scss */
#page #contents-area .page .entry-body ol li {
  list-style-type: decimal;
}
/* line 313, ../sass/screen.scss */
#page #contents-area #main-message {
  max-width: 1024px;
  margin: 0 auto 5.6em;
  padding: 1.4em;
  background: rgba(255, 255, 255, 0.75);
}
/* line 320, ../sass/screen.scss */
#page #contents-area #contents,
#page #contents-area #cat-footer-info {
  position: relative;
  z-index: 1;
  max-width: 1024px;
  margin: 0 auto 5.6em;
}
/* line 329, ../sass/screen.scss */
#page #contents-area #contents .bnr-area a:hover,
#page #contents-area #cat-footer-info .bnr-area a:hover {
  opacity: .8;
}
/* line 335, ../sass/screen.scss */
#page #contents-area #contents #info-area,
#page #contents-area #cat-footer-info #info-area {
  margin-bottom: 1em;
}
/* line 337, ../sass/screen.scss */
#page #contents-area #contents #info-area img,
#page #contents-area #cat-footer-info #info-area img {
  width: 100%;
  height: auto;
}
/* line 341, ../sass/screen.scss */
#page #contents-area #contents #info-area #right-contents,
#page #contents-area #contents #info-area #left-contents,
#page #contents-area #cat-footer-info #info-area #right-contents,
#page #contents-area #cat-footer-info #info-area #left-contents {
  width: 49%;
  background: rgba(0, 0, 0, 0.5);
}
/* line 345, ../sass/screen.scss */
#page #contents-area #contents #info-area #right-contents figure,
#page #contents-area #contents #info-area #left-contents figure,
#page #contents-area #cat-footer-info #info-area #right-contents figure,
#page #contents-area #cat-footer-info #info-area #left-contents figure {
  margin: 0;
}
/* line 351, ../sass/screen.scss */
#page #contents-area #contents #news-area,
#page #contents-area #cat-footer-info #news-area {
  background: #fff;
  padding: 2.4em 1.4em;
  margin-bottom: 5.6em;
}
/* line 355, ../sass/screen.scss */
#page #contents-area #contents #news-area:after,
#page #contents-area #cat-footer-info #news-area:after {
  content: "";
  clear: both;
}
/* line 360, ../sass/screen.scss */
#page #contents-area #contents #news-area h3,
#page #contents-area #cat-footer-info #news-area h3 {
  font-size: 24px;
  color: #54A1D9;
  display: inline-block;
  border-bottom: 3px solid #54A1D9;
  margin-bottom: 1.4em;
  padding-bottom: 1em;
}
/* line 368, ../sass/screen.scss */
#page #contents-area #contents #news-area ul,
#page #contents-area #cat-footer-info #news-area ul {
  margin-bottom: 1.4em;
}
/* line 370, ../sass/screen.scss */
#page #contents-area #contents #news-area ul li,
#page #contents-area #cat-footer-info #news-area ul li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: .4em 0;
}
/* line 377, ../sass/screen.scss */
#page #contents-area #contents #news-area ul li span,
#page #contents-area #cat-footer-info #news-area ul li span {
  display: block;
}
/* line 380, ../sass/screen.scss */
#page #contents-area #contents #news-area ul li .update-txt,
#page #contents-area #cat-footer-info #news-area ul li .update-txt {
  color: #666;
}
/* line 383, ../sass/screen.scss */
#page #contents-area #contents #news-area ul li .topic-title,
#page #contents-area #cat-footer-info #news-area ul li .topic-title {
  margin-left: 1.4em;
}
/* line 385, ../sass/screen.scss */
#page #contents-area #contents #news-area ul li .topic-title a,
#page #contents-area #cat-footer-info #news-area ul li .topic-title a {
  color: #00487C;
}
/* line 391, ../sass/screen.scss */
#page #contents-area #contents #news-area .btn-style-1,
#page #contents-area #cat-footer-info #news-area .btn-style-1 {
  display: inline-block;
  border: 1px solid #54A1D9;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
/* line 401, ../sass/screen.scss */
#page #contents-area #contents #news-area .btn-style-1 a,
#page #contents-area #cat-footer-info #news-area .btn-style-1 a {
  color: #54A1D9;
  text-decoration: none;
  display: inline-block;
  padding: .4em 2em;
}
/* line 412, ../sass/screen.scss */
#page #footer-info {
  margin-bottom: 3.6em;
}
/* line 414, ../sass/screen.scss */
#page #footer-info .item {
  flex: 1;
}
/* line 416, ../sass/screen.scss */
#page #footer-info .item img {
  width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 426, ../sass/screen.scss */
#page #main-footer #footer-menu {
  justify-content: flex-end;
  margin-right: 1em;
}
/* line 429, ../sass/screen.scss */
#page #main-footer #footer-menu li {
  margin-left: 1em;
}
/* line 433, ../sass/screen.scss */
#page #main-footer .copy {
  background: #54A1D9;
  padding: 1.4em;
  text-align: center;
  color: #eee;
  font-size: 80%;
}
/* line 443, ../sass/screen.scss */
#page .elementor-widget-image .elementor-image img {
  width: 100%;
}
/* line 449, ../sass/screen.scss */
#page .txt-indent-1e {
  text-indent: 1em;
}

@media screen and (max-width: 782px) {
  /* line 457, ../sass/screen.scss */
  #page #main-header #logo,
  #page #cat-main-header #logo {
    width: 100%;
  }
  /* line 461, ../sass/screen.scss */
  #page .active {
    display: block;
  }
  /* line 464, ../sass/screen.scss */
  #page .non-active {
    display: none;
  }
  /* line 467, ../sass/screen.scss */
  #page #mobile-nav-opener {
    display: block;
    z-index: 10;
    padding: 5px 10px;
    background: #000;
  }
  /* line 473, ../sass/screen.scss */
  #page #mobile-nav-opener a {
    color: #fff;
  }
  /* line 477, ../sass/screen.scss */
  #page #container {
    position: relative;
  }
  /* line 480, ../sass/screen.scss */
  #page #container #sidebar {
    position: absolute;
    z-index: 9;
    left: -100%;
    width: 100%;
  }
  /* line 486, ../sass/screen.scss */
  #page #container #content-wrapper {
    width: 100%;
  }
  /* line 494, ../sass/screen.scss */
  #page #container #contents-area #contents #info-area #left-contents,
  #page #container #contents-area #cat-footer-info #info-area #left-contents {
    width: 100%;
  }
  /* line 497, ../sass/screen.scss */
  #page #container #contents-area #contents #info-area #right-contents,
  #page #container #contents-area #cat-footer-info #info-area #right-contents {
    width: 100%;
  }
  /* line 509, ../sass/screen.scss */
  #page #main-footer #footer-menu {
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  /* line 517, ../sass/screen.scss */
  body.device-mobile .vk-mobile-nav-menu-btn {
    display: none !important;
  }

  /* line 521, ../sass/screen.scss */
  body #page #footer-info {
    margin-bottom: 3.6em;
    flex-wrap: wrap;
  }
  /* line 524, ../sass/screen.scss */
  body #page #footer-info .item {
    flex: auto;
  }
}