@charset "shift_jis";
/* local.css */

/* ---------------------------------
------------------------------------
サブページ共通　
------------------------------------
------------------------------------*/
.box-title {
  margin-bottom: 15px;
}
.page-top {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
.explain {
  margin: 0 0 10px;
  padding: 0 10px;
}
.link-box p,
.page-top p {
  text-align: right;
  padding: 0;
  margin: 0;
}
.link-box a {
  padding: 0 0 0 13px;
  margin: 0 10px 0 0;
  background: url(../img/link_arrow01.png) no-repeat 0 2px;
}
.page-top a {
  padding: 0 0 0 16px;
  margin: 0 10px 0 0;
  background: url(../img/page_arrow.png) no-repeat 0 2px;
}
.link-box a:link,
.link-box a:visited,
.page-top a:link,
.page-top a:visited {
  text-decoration: underline;
  color: #1444a4;
  background-color: transparent;
}
.link-box a:hover,
.link-box a:active,
.page-top a:hover,
.page-top a:active {
  text-decoration: none;
  color: #1444a4;
  background-color: transparent;
}
.index-box01,
.index-box02,
.index-box03,
.info-box01,
.company-box01,
.company-box02,
.company-box03,
.company-box04,
.resolution-box01,
.agreement {
  width: 680px;
  margin: 0 0 15px;
}
.index-box01-content,
.index-box02-content,
.index-box03-content,
.info-box01-content,
.company-box01-content,
.company-box02-content,
.company-box03-content,
.company-box04-content,
.resolution-box01-content {
  border: 1px solid #cccccc;
}
.box-title {
  margin: 0 0 15px;
  padding: 0;
  height: 40px;
  text-indent: -9999px;
}
.agreement-edit {
  width: 650px;
  margin: auto;
}

/* ---------------------------------
------------------------------------
index
------------------------------------
------------------------------------*/
.index-top-login {
  width: 184px;
  padding: 8px;
  margin: 0 0 20px;
  background: #002b84;
  height: 284px;
  float: left;
}
.login-box {
  background: #3359a5;
  margin: 0;
  padding: 0;
  height: 284px;
}
.login-box p {
  margin: 0;
  padding: 0 0 12px;
}
.login-box ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.login-box ul li {
  margin: 0;
  padding: 0 0 9px;
  list-style: none;
  line-height: 1;
}
.login-box ul li a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.top-img {
  float: right;
}
.index {
  clear: both;
}

/*
-----------------------------------------------------------
UC-banner-block
----------------------------------------------------------- */
.UC-banner-block {
  margin-bottom: 15px;
}

.UC-banner-block .banner-wrap a {
  display: block;
  cursor: pointer;
}

.UC-banner-block .banner-wrap a:hover {
  opacity: 0.8;
}

.UC-banner-block .banner-wrap a img {
  width: 100%;
}

.index-box01-title {
  background: url(../img/index_box01_title.gif) no-repeat left top;
  height: 34px;
  margin: 0;
}
.index-box01-title p {
  float: right;
  margin: 0;
  padding: 6px 7px 0 0;
  text-indent: 0;
}
.new-title01 .index-box01-title {
  background: url(../img/index_box01_topics.gif) no-repeat left top;
  height: 35px;
  margin: 0;
}
.new-title02 .index-box01-title {
  background: url(../img/index_box01_info.gif) no-repeat left top;
  height: 35px;
  margin: 0;
}
.index-box03-title {
  background: url(../img/index_box03_title.gif) no-repeat left top;
  height: 34px;
  margin: 0;
}
.index-box03-content {
  margin: 0;
  padding: 10px 0 10px 10px;
  background: #f4f8fb;
}

/* ---------------------------------
------------------------------------
card
------------------------------------
------------------------------------*/
.card-box02 {
  margin: 0;
}
.card-box02-title {
  background: url(../img/cart_info_title.jpg) no-repeat left top;
}
.index-box02-content {
  padding: 5px 15px 0;
  border: none;
}
.index-box02-content .wb-blog-list {
  margin: 0 0 20px;
}
.index-box02-content .wb-blog-title {
  width: 650px;
  height: 29px;
  background: url(../img/card_blog_title_bg.jpg) no-repeat left top;
  position: relative;
}
.index-box02-content .wb-blog-title h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 15px;
}
.index-box02-content .wb-blog-title .card-type {
  margin: 0;
  position: absolute;
  top: 4px;
  right: 1px;
  width: 44px;
  height: 22px;
  background: url(../img/card_type_bg.jpg) no-repeat left top;
  font-size: 14px;
  font-weight: bold;
  color: #003399;
  padding: 0 0 0 8px;
}
.index-box02-content .card-info-box {
  border: 1px solid #cccccc;
  background: #f6f9fc;
  padding: 12px 15px 15px 15px;
  clear: both;
}
.index-box02-content .card-info-box .left-box {
  width: 405px;
  float: left;
}
.index-box02-content .card-info-box .left-box .card-info-copy {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: bold;
  color: #001f5e;
}
.index-box02-content .card-info-box .left-box .card-info-comment {
  margin: 0 0 5px;
  font-size: 12px;
}
.index-box02-content .card-info-box .left-box .card-info-comment a,
.index-box02-content .card-info-box .left-box .card-info-deta a,
.card .card-box05-content .card-fukuho-tenpo a {
  font-size: 13px;
  font-weight: bold;
  color: #1444a4;
  text-decoration: underline;
}
.index-box02-content .card-info-box .left-box .card-info-comment a:hover,
.index-box02-content .card-info-box .left-box .card-info-deta a:hover,
.card .card-box05-content .card-fukuho-tenpo a:hover {
  text-decoration: none;
}
.index-box02-content .left-box .card-info-deta table {
  width: 400px;
  text-align: left;
  border: 1px solid #cccccc;
  font-size: 11px;
}
.index-box02-content .left-box .card-info-deta table tr th {
  background: #eeeeee;
  padding: 8px 0 5px 10px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.index-box02-content .left-box .card-info-deta table tr td {
  background: #ffffff;
  padding: 8px 0 5px 10px;
  border: 1px solid #cccccc;
}
.index-box02-content .left-box .card-info-deta table tr .none-box {
  border: none;
}
.index-box02-content .left-box .card-info-deta table tr .type01 {
  width: 59px;
  padding: 5px 0;
  text-align: center;
}
.index-box02-content .left-box .card-info-deta table tr .type02 {
  padding: 0;
}
.index-box02-content .left-box .card-info-deta table tr th div {
  margin: 0 0 0 15px;
  padding: 5px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.index-box02-content .card-info-box .right-box {
  width: 200px;
  float: right;
}
.index-box02-content .card-info-box .right-box img {
  margin: 3px 0 12px;
}

/* ---------------------------------
------------------------------------
card
------------------------------------
------------------------------------*/
.card-box01 {
  width: 680px;
  margin: 0 0 20px;
}
.card-box03 {
  margin: 0;
}
.card-box03-title {
  background: url(../img/cart_payment_title.jpg) no-repeat left top;
  margin: 0 0 20px;
  height: 40px;
}
.card-box03-content {
  margin: 15px 15px 20px;
  padding: 10px 15px 0;
  background: #f4f8fb;
  border: 1px solid #cccccc;
}
.card-box03-content p {
  margin: 2px 0;
  padding: 0;
  font-size: 14px;
}
.card-box03-content span {
  font-size: 11px;
  display: block;
}
.card-box03-content .card-pay {
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 20px;
  margin: 5px 0 15px;
}
.card-box03-content .card-pay span,
.card-box03-content .card-example span {
  display: inline;
  padding: 0 3px;
}
.card-box03-content .card-pay > div > div {
  font-size: 14px;
  border-bottom: 1px solid #003399;
  padding: 0 0 0 30px;
}
.card-box03-content .card-pay p,
.card-box03-content .card-example p {
  font-size: 12px;
  margin: 10px 0;
}
.card-box03-content .card-pay .pay-01 {
  background: url(../img/card_pay01.gif) no-repeat top left;
}
.card-box03-content .card-pay .pay-02 {
  background: url(../img/card_pay02.gif) no-repeat top left;
}
.card-box03-content .card-pay .pay-03 {
  background: url(../img/card_pay03.gif) no-repeat top left;
}
.card-box03-content .card-pay .pay-04 {
  background: url(../img/card_pay04.gif) no-repeat top left;
}
.card-box03-content .card-pay .pay-05 {
  background: url(../img/card_pay05.gif) no-repeat top left;
}
.card .card-box03-content .pay-libo {
  width: 560px;
  height: 119px;
  background: url(../img/card_libo_bg.gif) no-repeat left top;
  border: none;
  margin: 15px auto 20px;
  padding: 0;
}
.card .card-box03-content .pay-libo p {
  font-size: 14px;
  font-weight: bold;
  padding: 52px 0 0 15px;
  margin: 0;
}
.card .card-box03-content .pay-libo span {
  font-size: 12px;
  margin: 0 0 0 15px;
  padding: 0;
  width: 540px;
  display: block;
}
.card-box03-content .card-example {
  font-size: 14px;
  border: 1px solid #003399;
  background: url(../img/card_example.gif) no-repeat top left;
}
.card-box03-content .card-example .index {
  margin: 0 10px 0 -20px;
  padding: 40px 0 5px;
  border: none;
  height: auto;
}
.card-box03-content .card-example .index .course {
  font-weight: bold;
  margin: 0 0 15px;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px solid #003399;
}
.card-box03-content .card-example .index .case {
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0 0 0 8px;
  font-size: 14px;
}
.card-box03-content .card-example .index .p-bold {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 14px;
}
.card-box03-content .card-example .index ul {
  margin: 5px 0 10px 0;
  padding: 0 0 0 40px;
  font-size: 12px;
}
.card-box03-content .card-example .index ul li {
  list-style: katakana-iroha;
}
.card-box02 .wb-blog ul {
  margin: 10px 0 0 20px;
  padding: 0;
}
.card-box02 .wb-blog ul li {
  font-size: 11px;
  margin: 5px;
}
.card-box02 .wb-blog .card-info-deta .entry-btn-wrap {
  text-align: center;
  margin-top: 10px;
}

.card-box02 .wb-blog .card-info-deta .entry-btn-wrap a:hover {
  opacity: 0.8;
}
.card-box04-title {
  background: url(../img/cart_service_title.jpg) no-repeat left top;
  height: 40px;
  margin: 0 0 20px;
}
.card-box04 .wb-blog .service-box {
  width: 640px;
  clear: both;
  border-bottom: 1px dashed #cccccc;
  margin: 0 auto 20px;
}
.card-box04 .wb-blog .wb-blog-list .left-box {
  width: 120px;
  float: left;
  text-align: center;
  padding: 0 0 20px;
}
.card-box04 .wb-blog .wb-blog-list .left-box a {
  display: block;
  margin: 5px 0 0;
}
.card-box04 .wb-blog .wb-blog-list .left-box a:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
}
.card-box04 .wb-blog .wb-blog-list .right-box {
  width: 480px;
  float: right;
  text-align: left;
  padding: 0 0 20px;
}
.card-box04 .wb-blog .wb-blog-list .right-box .service-title {
  font-size: 16px;
  font-weight: bold;
  color: #1242a3;
  padding: 0 0 0 15px;
  margin: 0 0 5px;
  background: url(../img/catego_arrow01.png) no-repeat left 5px;
}
.card-box04 .wb-blog .wb-blog-list .right-box .comment {
  margin: 5px 0 0;
}
.card-box04 .wb-blog .wb-blog-list .right-box .comment span {
  font-size: 11px;
  display: block;
}
.card-box05-title {
  background: url(../img/card_admission_title.jpg) no-repeat left top;
  margin: 0 0 20px;
}
.card-box05-content {
  margin: 15px 15px 20px;
  padding: 0 15px 15px 15px;
  background: #f4f8fb;
  border: 1px solid #cccccc;
  position: relative;
}
.card-box05-content .card-fukuho-tenpo {
  position: absolute;
  bottom: 15px;
  left: 38px;
  font-size: 13px;
}
.card-box06-title {
  background: url(../img/card_lost_title.jpg) no-repeat left top;
  margin: 0 0 20px;
}
.card-box06-content {
  margin: 15px 15px 10px;
  padding: 15px;
  background: #f4f8fb;
  border: 1px solid #cccccc;
}
.card-box06-content .inbox {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #cccccc;
}

/* ---------------------------------
------------------------------------
topics,info
------------------------------------
------------------------------------*/
.info-box01-title {
  background: url(../img/info_box01_title.jpg) no-repeat left top;
}
.new-title01 .info-box01-title {
  background: url(../img/topics_box01_title.jpg) no-repeat left top;
}
.new-title02 .info-box01-title {
  background: url(../img/info_new_box01_title.jpg) no-repeat left top;
}
.info-box01-content {
  margin: 0;
  padding: 20px 25px;
  background: #f4f8fb;
}

.info-box01-content .wb-blog .wb-blog-title {
  border-radius: 7px 7px 0 0;
  background-image: none !important;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1242a4+0,4b72c1+100 */
  background: #1242a4 !important; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #1242a4 0%,
    #4b72c1 100%
  ) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #1242a4 0%,
    #4b72c1 100%
  ) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #1242a4 0%,
    #4b72c1 100%
  ) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1242a4', endColorstr='#4b72c1',GradientType=0 ) !important; /* IE6-9 */
}
.info-box01-content .wb-blog .wb-blog-date {
  position: inherit !important;
  top: inherit !important;
  right: inherit !important;
  color: #333333;
  text-decoration: underline;
  text-align: right;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 5px 9px 0 0;
}
.info-box01-content .wb-blog .wb-blog-body {
  padding: 7px 20px 15px !important;
}

/* ---------------------------------
------------------------------------
company
------------------------------------
------------------------------------*/
.company-box01-title {
  background: url(../img/company_box01_title.jpg) no-repeat left top;
}
.company-box02-title {
  background: url(../img/company_box02_title.jpg) no-repeat left top;
}
.company-box03-title {
  background: url(../img/company_box03_title.jpg) no-repeat left top;
}
.company-box04-title {
  background: url(../img/company_box04_title.jpg) no-repeat left top;
}
.company-box01-content,
.company-box02-content,
.company-box03-content {
  margin: 0;
  padding: 15px;
  background: #f4f8fb;
}
.company-box01-content .wb-pair .wb-pair-list-table tr th,
.company-box03-content .wb-pair .wb-pair-list-table tr th {
  width: 200px !important;
}
.company-box02-content .box2-inbox {
  padding: 10px;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.company-box04 {
}
.company-box04-bax {
  background: #f4f8fb;
  padding: 0;
  border: 1px solid #cccccc;
}
.company-box04-content {
  margin: 15px;
  padding: 0;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.company-box04 p {
  margin: 10px 15px 0;
  padding: 0 15px 5px;
  border-bottom: 2px dotted #cccccc;
  font-size: 14px;
}
.company-box04-content ul {
  margin: 0 20px;
  padding: 8px 0;
}
.company-box04-content ul li {
  margin: 5px 10px;
  padding: 0 0 0 30px;
  background: url(../img/list_pdf.png) no-repeat left 3px;
  list-style: none;
}
.company-box04-content ul li a {
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}
.company-box04-content ul li a:link,
.company-box04-content ul li a:visited,
.company-box04-content ul li a:link,
.company-box04-content ul li a:visited {
  text-decoration: underline;
  color: #1444a4;
  background-color: transparent;
}
.company-box04-content ul li a:hover,
.company-box04-content ul li a:active,
.company-box04-content ul li a:hover,
.company-box04-content ul li a:active {
  text-decoration: none;
  color: #1444a4;
  background-color: transparent;
}

/* ---------------------------------
------------------------------------
law
------------------------------------
------------------------------------*/


/* ---------------------------------
------------------------------------
notice
------------------------------------
------------------------------------*/
.notice-title {
  background: url(../img/notice_box01_title02.jpg) no-repeat left top;
}
/* ---------------------------------
------------------------------------
privacy
------------------------------------
------------------------------------*/
.privacy-title {
  background: url(../img/privacy_box01_title02.jpg) no-repeat left top;
}
/* ---------------------------------
------------------------------------
privacy-policy
------------------------------------
------------------------------------*/
.privacy-policy .agreement-content .wb-blog .wb-blog-categ-title {
  display: block !important;
}
/* ---------------------------------
------------------------------------
corpinfo
------------------------------------
------------------------------------*/
.corpinfo-title {
  background: url(../img/corpinfo_box01_title.jpg) no-repeat left top;
}
/* ---------------------------------
------------------------------------
resolution
------------------------------------
------------------------------------*/
.resolution-title {
  background: url(../img/resolution_box01_title.jpg) no-repeat left top;
}
.resolution-title02 {
  background: url(../img/resolution_box02_title.jpg) no-repeat left top;
}
.resolution-content {
  margin: 15px;
  padding: 15px 25px;
  background: #f4f8fb;
}
.antisocial {
  font-size: 14px;
  line-height: 1.7;
}
.antisocial ol {
  margin: 1em 20px 0;
  font-size: 12px;
}
/* ---------------------------------
------------------------------------
faq
------------------------------------
------------------------------------*/
.faq-box01-title {
  background: url(../img/faq_box01_title.jpg) no-repeat left top;
}
.faq-box01-content {
  width: 680px;
  margin: 10px 0 25px;
}

.faq-contact {
  background-color: #f4f8fb;
  border: 1px solid #cccccc;
}
.faq-contact p {
  margin: 0;
  padding: 0;
  line-height: 1.3;
}
.faq-contact .title {
  color: #2b639e;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 5px 0 2px 11px;
  border-bottom: 3px solid #039;
  margin-bottom: 10px;
}
.faq-contact .sub-title {
  color: #2b639e;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  border: 1px solid #cccccc;
  border-left: 5px solid #003399;
  padding: 5px;
  margin-bottom: 10px;
  background-color: #fff;
}
.faq-contact .faq-contact-block {
  padding: 0 10px 10px;
}
.faq-contact .faq-contact-block .faq-contact-in-block + .faq-contact-in-block {
  padding-top: 30px;
}
.faq-contact .faq-contact-block .content-wrap + .content-wrap {
  padding-top: 20px;
}
.faq-contact .faq-contact-block .content-wrap .content-wrap-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1745a5+0,436cbc+100 */
  background: #1745a5; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #1745a5 0%,
    #436cbc 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #1745a5 0%,
    #436cbc 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #1745a5 0%,
    #436cbc 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1745a5', endColorstr='#436cbc',GradientType=0 ); /* IE6-9 */
  color: #fff;
  padding: 8px 15px;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px 5px 0 0;
  line-height: 1;
}
.faq-contact .faq-contact-block .content-wrap .content {
  border: 1px solid #cccccc;
  border-top: none;
  background-color: #fff;
  padding: 15px;
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.faq-contact .faq-contact-block .content-wrap .content .content-title {
  font-size: 16px;
  font-weight: bold;
  color: #001f5e;
  border-bottom: 1px solid #001f5e;
  margin-bottom: 5px;
}
.faq-contact .faq-contact-block .content-wrap .content .txt-wrap {
  padding: 0 5px;
}
.faq-contact .faq-contact-block .content-wrap .content .txt-wrap .name {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}
.faq-contact .faq-contact-block .content-wrap .content .txt-wrap .tel {
  font-size: 27px;
  font-weight: bold;
  color: #000000;
  position: relative;
  padding-left: 30px;
}
.faq-contact .faq-contact-block .content-wrap .content .txt-wrap .tel:before {
  content: "";
  background: url(/img/icon_tel.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 23px;
  height: 24px;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
}
.faq-contact .faq-contact-block .content-wrap .content .txt-wrap .tel span {
  font-size: 15px;
  position: absolute;
  top: 7px;
  right: 5px;
}
.faq-contact .faq-contact-block .content-wrap .content .left-wrap {
  display: table-cell;
  vertical-align: top;
  width: 304px;
}
.faq-contact .faq-contact-block .content-wrap .content .right-wrap {
  display: table-cell;
  vertical-align: top;
  width: 304px;
  padding-left: 20px;
}
.faq-contact .faq-contact-block .faq-contact-in-block.customer {
  margin-bottom: 5px;
}
.faq-contact
  .faq-contact-block
  .faq-contact-in-block.customer
  .content-wrap
  .content {
  border-top: 1px solid #cccccc;
}

/* ---------------------------------
------------------------------------
use
------------------------------------
------------------------------------*/
.use-title {
  background: url(../img/use_box01_title.jpg) no-repeat left top;
}
.use-content {
  margin: 15px;
  background: #f4f8fb;
}

/* ---------------------------------
------------------------------------
agreement
------------------------------------
------------------------------------*/


/* --------------------------------------------------------
-----------------------------------------------------------
[blog] #LO-blog-slider06 [TYPE06]
-----------------------------------------------------------
----------------------------------------------------------- */
#LO-blog-slider06 {
  visibility: hidden;
}

#LO-blog-slider06 .bx-wrapper {
  position: relative;
  z-index: 1;
}

#LO-blog-slider06 li {
  text-align: center;
}

#LO-blog-slider06 li span {
  display: block;
}

/*
---------------------------------------------------------
bxSliderPreset
--------------------------------------------------------- */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
#LO-blog-slider06 {
  width: 700px;
}

#LO-blog-slider06 ul,
#LO-blog-slider06 ul li {
  margin: 0;
  padding: 0;
}

#LO-blog-slider06 ul li {
  list-style: none;
}
#LO-blog-slider06 .bx-wrapper {
  position: relative;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

#LO-blog-slider06 .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
/* LOADER */
#LO-blog-slider06 .bx-wrapper .bx-loading {
  min-height: 50px;
  background: rgba(255, 255, 255, 0.8)
    url("//cdn.jsdelivr.net/bxslider/4.2.12/images/bx_loader.gif") center center
    no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/*
---------------------------------------------------------
bx-pager
--------------------------------------------------------- */
#LO-blog-slider06 .bx-wrapper .bx-pager {
  position: absolute;
  text-align: center;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  flex-direction: row;
  bottom: -20px;
}

#LO-blog-slider06 .bx-wrapper .bx-pager .bx-pager-item {
  margin: 0px 7px;
}

#LO-blog-slider06 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {
  text-indent: -9999px;
  outline: none;
  background: #ccc;
  border: none;
  cursor: pointer;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
}

#LO-blog-slider06 .bx-wrapper .bx-pager .bx-pager-item .active {
  background: #f74854;
}

/*
---------------------------------------------------------
bx-controls-direction
--------------------------------------------------------- */
#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-prev,
#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  margin: -20px 0 0;
  display: block;
  width: 20px;
  height: 35px;
  background: #222;
  border-radius: 3px;
  text-indent: -9999px;
  outline: none;
  z-index: 100;
}

#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-prev {
  left: 5px;
}

#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-next {
  right: 5px;
}

#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-prev:after,
#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-next:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-prev:after {
  border-width: 6px 5px 6px 0;
  border-color: transparent #fff transparent transparent;
  left: 0;
  right: 1px;
}

#LO-blog-slider06 .bx-wrapper .bx-controls-direction .bx-next:after {
  border-width: 6px 0 6px 5px;
  border-color: transparent transparent transparent #fff;
  left: 1px;
  right: 0;
}