@charset "UTF-8";
/*====================================================================================
 Base
====================================================================================*/
body {
  background-color: #fff;
  color: #333333;
  font-weight: 300;
  font-size: 1.4rem;
  letter-spacing: .056em;
  line-height: 1.75;
  width: 100%;
  word-break: break-word;
  font-family: "Noto Sans Jp", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}
a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  color: #4849B7;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
li img, li a, li a img {
  vertical-align: bottom;
}

/* font-family
-------------------------------------------------- */
@font-face {
  font-family: 'Noto Sans Jp';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansJP-Light.woff2) format('woff2'), url(../fonts/NotoSansJP-Light.woff) format('woff'), url(../fonts/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Jp';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansJP-Regular.woff2) format("woff2"), url(../fonts/NotoSansJP-Regular.woff) format("woff"), url(../fonts/NotoSansJP-Regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans Jp';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansJP-Bold.woff2) format("woff2"), url(../fonts/NotoSansJP-Bold.woff) format("woff"), url(../fonts/NotoSansJP-Bold.otf) format("opentype");
}

/* body
-------------------------------------------------- */
body.is-fix {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* btn
-------------------------------------------------- */
.btn-border a {
  display: block;
  text-decoration: none;
  border: solid 1px #4849B7;
  text-align: center;
  padding: 10px;
  font-weight: 400;
  background: transparent;
  position: relative;
  z-index: 1;
  transition: .3s;
}
.btn-border a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #4849B7;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.btn-border a:hover { color: #fff; }
.btn-border a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

/* l-nav
-------------------------------------------------- */
.l-nav {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--cm-base);
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 1003;
}
body.is-fix .l-nav {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transform: none;
  transform: none;
}
@media (min-width: 576px) {
  .l-nav { width: 430px; translateX(430px); transform: translateX(430px); }
}

/* globalNav
-------------------------------------------------- */
.globalNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  background-color: #ffffff;
}
.globalNav--content {
  -webkit-perspective: 500px;
  perspective: 500px;
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .globalNav--content { width: 430px; }
}
body.is-fix .gNav {
  overflow: visible;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  opacity: 1;
  visibility: visible;
  -webkit-overflow-scrolling: touch;
}
.wp-block-search__inside-wrapper { border-bottom: solid 1px #E5E5E5; margin: 0 15px 20px; }
@media (min-width: 576px) {
  .wp-block-search__inside-wrapper { border-bottom: solid 1px #E5E5E5; margin: 0 30px 20px; }
}

/* gNav-search */
.gNav-search { position: relative; margin: 0 15px 30px; padding-bottom: 30px; border-bottom: solid 1px #E5E5E5; }
.gNav-search #s { border: solid 1px #E5E5E5; height: 50px; }
.gNav-search #s-btn-area { background-color: #E5E5E5; position: absolute; right: 0; top: 0; height: 50px; padding: 0 12px; transition: .3s; }
.gNav-search #s-btn-area:hover { background-color: #4849B7; transition: .3s; }
.gNav-search #s-btn-area img { width: 26px; height: 26px; }
@media (min-width: 576px) {
  .gNav-search { margin: 0 30px 30px; }
}

/* gNav-ttl */
.gNav-ttl {
  margin-left: 15px;
  margin-bottom: 10px;
  color: #4849B7;
  font-size: 2.0rem;
  font-weight: 700;
  display: inline-block;
}
@media (min-width: 576px) {
  .gNav-ttl { margin-left: 30px; }
}
.gNav-ttl:before {
  background-image: url(../common_img/category.svg);
  position: relative;
  top: 3px;
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 6px;
}
.gNav--main li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  position: relative;
  text-decoration: none;
  background: transparent;
  z-index: 1;
}
.gNav--main > li > a { color: #333333; padding: 16px 30px 16px 42px; }
.gNav--main > li > .sub-menu > li > a { color: #7B7B7B; padding: 16px 30px 16px 57px; }
.gNav--main > li > .sub-menu > li > .sub-menu > li > a { color: #AAAAAA; padding: 16px 30px 16px 72px; }
@media (min-width: 576px) {
  .gNav--main > li > a { color: #333333; padding: 16px 30px 16px 57px; }
  .gNav--main > li > .sub-menu > li > a { color: #7B7B7B; padding: 16px 30px 16px 72px; }
  .gNav--main > li > .sub-menu > li > .sub-menu > li > a { color: #AAAAAA; padding: 16px 30px 16px 87px; }
}
.gNav--main li a:link { text-decoration: none; }
.gNav--main li a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ECECF8;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .5s;
}
.gNav--main li a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

/* gNav */
.gNav {
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  padding: 80px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.gNav-trialbtn {
  margin: 30px 15px;
  padding-top: 30px;
  border-top: solid 1px #E5E5E5;
}
.gNav-trialbtn .txt { margin-bottom: 15px; }
@media (min-width: 576px) {
  .gNav-trialbtn { margin: 30px; }
}

/* globalNav--bg
-------------------------------------------------- */
.globalNav--bg {
  background: rgba(0,0,0,0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  width: 100%;
  height: 100vh;
  visibility: hidden;
}
body.is-fix .globalNav--bg {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  background: rgba(0,0,0,.5);
  visibility: visible;
  opacity: 1;
}

/* l-mark
-------------------------------------------------- */
.l-mark {
  position: fixed;
  cursor: pointer;
  overflow: hidden;
  font-size: 24px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* mark
-------------------------------------------------- */
.mark {
  width: 40px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #4849B7;
}
@media (min-width: 768px) {
  .mark {
    width: 49px;
    height: 40px;
  }
}

.mark > * {
  position: relative;
  text-decoration: none;
}
.mark > i {
  will-change: transform;
}
.menu {
  top: 7px;
  right: 10px;
}
.logout {
  top: 7px;
  right: 60px;
  z-index: 1002!important;
}
.icon-logout:before {
  content: "";
  display: block;
  background-image: url(../common_img/logout.svg);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin: 0 auto 3px;
}
@media (min-width: 768px) {
  .menu {
    top: 16px;
    right: 30px;
  }
  .logout {
    top: 16px;
    right: 94px;
  }
}
.markMenu {
    width: 100%;
    height: 1.8rem;
    position: relative;
}
.markMenu .markMenu--middle {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 1;
}
.markMenu--middle,
.markMenu--top,
.markMenu--bottom {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}
.mark.is-active .markMenu .markMenu--middle,
.mark.is-active .markMenu .markMenu--top,
.mark.is-active .markMenu .markMenu--bottom {
    background-color: #fff;
}
.mark.is-active .markMenu .markMenu--middle {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 0;
}
.mark.is-active .markMenu .markMenu--top {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(5px, 5px);
}
.mark.is-active .markMenu .markMenu--bottom {
    -webkit-transform: rotate(-45deg) translate(5px, -5px);
    transform: rotate(-45deg) translate(5px, -5px);
}
.markMenu--middle,
.markMenu--top,
.markMenu--bottom {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 2px;
    background-color: #fff;
}
.markMenu--middle {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-top: -2px;
}
.markMenu--top {
    margin-top: -9px;
}
.markMenu--bottom {
    margin-top: 5px;
}
.l-mark.is-fixed .markMenu--middle,
.l-mark.is-fixed .markMenu--top,
.l-mark.is-fixed .markMenu--bottom {
    background-color: #111;
}

/* s-txt-menu
-------------------------------------------------- */
.s-txt-menu { display: none; }
@media (min-width: 768px) {
  .s-txt-menu { display: block; font-size: .8rem; font-weight: 400; text-align: center; letter-spacing: 0; }
}

/* wrap
-------------------------------------------------- */
.wrap {
  position: relative;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}
.is-fix .wrap {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(-430px);
  -ms-transform: translateX(-430px);
  transform: translateX(-430px);
}

/* l-header
-------------------------------------------------- */
.l-header {
  width: 100%;
  height: 50px;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #E5E5E5;
}
.header--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
.logo {
  height: 100%;
}
.logo p {
  line-height: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.logo svg {
  width: 98px;
  height: 24px;
}
.header--title {
  display: none;
}

@media (min-width: 768px) {
  .l-header {
    height: 82px;
    margin: 0 auto;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  .header--content {
    padding-right: 30px;
    padding-left: 30px;
  }
  .gNav--sub {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .logo {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: auto;
    left: auto;
    margin-left: 0;
  }
  .logo svg {
    width: 170px;
    height: 42px;
  }
  .header--title {
    display: block;
    margin-left: 30px;
    line-height: 1.5;
  }
  .header--title .main {
    font-weight: 400;
    font-size: 2.2rem;
    margin-top: 12px;
  }
  .header--title .sub {
    font-size: 1.4rem;
  }
}

/* l-main
-------------------------------------------------- */
.l-main {
    margin-top: 60px;
}
@media (min-width: 768px) {
    .l-main {
        margin-top: 86px;
    }
    body.is-fix .l-main {
        margin-top: 0;
    }
}

/* l-container
-------------------------------------------------- */
.l-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}
.l-container--fluid {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    position: relative;
}
.l-container + .l-container {
    margin-top: 60px;
}
@media (min-width: 768px) {
  .l-container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .l-container + .l-container {
      margin-top: 90px;
  }
}

/* footer
-------------------------------------------------- */
.footer {
  background-color: #4849B7;
  color: #ffffff;
}
.footer .footer-content {
  text-align: right;
  padding: 10px 0;
  font-size: 1.0rem;
}
@media (min-width: 768px) {
  .footer .footer-content {
    padding: 22px 0;
    font-size: 1.4rem;
  }
}

/* navnone
-------------------------------------------------- */
#navnone .logo svg { margin-top: 0; }
@media (min-width: 768px) {
    #navnone .l-header, #navnone .logo { height: 81px; }
}

/* icon
-------------------------------------------------- */
.icon-article, .icon-category { display: inline-block; margin-left: 1.8rem; }
.icon-article:before, .icon-category:before {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
  margin-left: -1.8rem;
}
.icon-article:before { background-image: url(../common_img/article.svg); position: relative; top: 1px; }
.icon-category:before { background-image: url(../common_img/category.svg); position: relative; top: 3px; }

/*====================================================================================
 Object
====================================================================================*/
/* Wrap
-------------------------------------------------- */
[class*="Wrap"] { margin-bottom: 40px; }
@media (min-width: 768px) {
  [class*="Wrap"] { margin-bottom: 60px; }
}

/* Headings
-------------------------------------------------- */
[class*="hdg-0"] { font-size: 2.6rem; }
[class*="hdg-1"] { font-size: 2.0rem; }
[class*="hdg-2"] { font-size: 1.6rem; }
@media (min-width: 768px) {
  [class*="hdg-0"] { font-size: 2.8rem; }
  [class*="hdg-1"] { font-size: 2.2rem; }
  [class*="hdg-2"] { font-size: 1.8rem; }
}

/* Title
-------------------------------------------------- */
[class*="ttl-"] {
  font-weight: 400;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
}

/* breadcrumbs
-------------------------------------------------- */
#breadcrumb {
    padding-top: 15px;
    padding-bottom: 45px;
}
#breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    font-size: 1.0rem;
    line-height: 1;
}
#breadcrumb li {
    margin-bottom: 10px;
}
#breadcrumb li::after {
    content: "\e649";
    margin: 0 5px;
    font-family: 'themify';
    font-size: 1.0rem;
}
#breadcrumb li:last-child::after {
    display: none;
}
#breadcrumb a:hover {
    text-decoration: underline;
    color: #0578a7;
}
@media (min-width: 768px) {
    #breadcrumb {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    #breadcrumb ul {
        font-size: 1.2rem;
    }
    #breadcrumb li {
        margin-bottom: 0;
    }
}

/* OverLayerConfig
-------------------------------------------------- */
.globalNav--bg {
    z-index: 1000;
}
.logo {
    z-index: 999;
}
.l-mark {
    z-index: 2000;
}

/* logosvg
-------------------------------------------------- */
.b {fill: #005BAC;}
.p {fill: #4849B7;}
.w {fill: #ffffff;}


/* row
-------------------------------------------------- */
.row{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; }
.gutters-0{ margin-left:0;margin-right:0; }
.gutters-0.row>[class*=col-]{ padding-right:0;padding-left:0; }
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,
.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto{ position:relative;width:100%;min-height:1px; }
.col{ -ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%; }
.col-auto{ -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none; }
.col-1{ -webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%; }
.col-2{ -webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%; }
.col-3{ -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; }
.col-4{ -webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; }
.col-5{ -webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%; }
.col-6{ -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; }
.col-7{ -webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%; }
.col-8{ -webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%; }
.col-9{ -webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; }
.col-10{ -webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; }
.col-11{ -webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%; }
.col-12{ -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
@media (min-width:768px){
  .col-md{ -ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%; }
  .col-md-auto{ -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none; }
  .col-md-1{ -webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%; }
  .col-md-2{ -webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%; }
  .col-md-3{ -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; }
  .col-md-4{ -webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; }
  .col-md-5{ -webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%; }
  .col-md-6{ -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; }
  .col-md-7{ -webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%; }
  .col-md-8{ -webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%; }
  .col-md-9{ -webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; }
  .col-md-10{ -webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; }
  .col-md-11{ -webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%; }
  .col-md-12{ -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
}
@media (min-width:1650px){
  .col-lg{ -ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%; }
  .col-lg-auto{ -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none; }
  .col-lg-1{ -webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%; }
  .col-lg-2{ -webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%; }
  .col-lg-3{ -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; }
  .col-lg-4{ -webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; }
  .col-lg-5{ -webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%; }
  .col-lg-6{ -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; }
  .col-lg-7{ -webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%; }
  .col-lg-8{ -webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%; }
  .col-lg-9{ -webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; }
  .col-lg-10{ -webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; }
  .col-lg-11{ -webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%; }
  .col-lg-12{ -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
}

/* login
-------------------------------------------------- */
#loginform {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 10px;
}
#loginform p {
  width: 100%;
}
.login-username #user_login,
.login-password #user_pass {
  border: 1px solid rgba(0, 0, 0, .1);
  height: 40px;
}
.login-submit .button-primary {
  display: block;
  width: 100%;
  text-decoration: none;
  border: solid 1px #4849B7;
  text-align: center;
  padding: 10px;
  font-weight: 400;
  background: #4849B7;
  position: relative;
  z-index: 1;
  transition: .3s;
}
.login-submit .button-primary:hover { color: #4849B7; background: #ffffff; transition: .3s; }