@charset "UTF-8";

@font-face {
  font-family: YuGothicM;
  font-weight: 500;
  src: local(Yu Gothic Medium), local(Yu Gothic)
}

.bt {
  position: relative;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 18px
}

.bt html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

.bt body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  background-color: #fff
}

.bt button,
.bt input,
.bt select,
.bt textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

.bt a {
  color: #338fe7;
  text-decoration: none
}

.bt a:focus,
.bt a:hover {
  color: #77b5ef;
  text-decoration: underline
}

.bt a:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

.bt figure {
  margin: 0
}

.bt img {
  vertical-align: middle
}

.bt .img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.bt .img-rounded {
  border-radius: 6px
}

.bt .img-thumbnail {
  padding: 4px;
  line-height: 1.7;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.bt .img-circle {
  border-radius: 50%
}

.bt hr {
  margin-top: 23px;
  margin-bottom: 23px;
  border: 0;
  border-top: 1px solid #000
}

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

.bt .sr-only-focusable:active,
.bt .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

.bt [role=button] {
  cursor: pointer
}

.bt .h1,
.bt .h2,
.bt .h3,
.bt .h4,
.bt .h5,
.bt .h6,
.bt h1,
.bt h2,
.bt h3,
.bt h4,
.bt h5,
.bt h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit
}

.bt .h1 .small,
.bt .h1 small,
.bt .h2 .small,
.bt .h2 small,
.bt .h3 .small,
.bt .h3 small,
.bt .h4 .small,
.bt .h4 small,
.bt .h5 .small,
.bt .h5 small,
.bt .h6 .small,
.bt .h6 small,
.bt h1 .small,
.bt h1 small,
.bt h2 .small,
.bt h2 small,
.bt h3 .small,
.bt h3 small,
.bt h4 .small,
.bt h4 small,
.bt h5 .small,
.bt h5 small,
.bt h6 .small,
.bt h6 small {
  font-weight: 400;
  line-height: 1;
  color: #333
}

.bt .h1,
.bt .h2,
.bt .h3,
.bt h1,
.bt h2,
.bt h3 {
  margin-top: 23px;
  margin-bottom: 11.5px
}

.bt .h1 .small,
.bt .h1 small,
.bt .h2 .small,
.bt .h2 small,
.bt .h3 .small,
.bt .h3 small,
.bt h1 .small,
.bt h1 small,
.bt h2 .small,
.bt h2 small,
.bt h3 .small,
.bt h3 small {
  font-size: 65%
}

.bt .h4,
.bt .h5,
.bt .h6,
.bt h4,
.bt h5,
.bt h6 {
  margin-top: 11.5px;
  margin-bottom: 11.5px
}

.bt .h4 .small,
.bt .h4 small,
.bt .h5 .small,
.bt .h5 small,
.bt .h6 .small,
.bt .h6 small,
.bt h4 .small,
.bt h4 small,
.bt h5 .small,
.bt h5 small,
.bt h6 .small,
.bt h6 small {
  font-size: 75%
}

.bt .h1,
.bt h1 {
  font-size: 36px
}

.bt .h2,
.bt h2 {
  font-size: 30px
}

.bt .h3,
.bt h3 {
  font-size: 24px
}

.bt .h4,
.bt h4 {
  font-size: 18px
}

.bt .h5,
.bt h5 {
  font-size: 14px
}

.bt .h6,
.bt h6 {
  font-size: 12px
}

.bt p {
  margin: 0 0 11.5px
}

.bt .lead {
  margin-bottom: 23px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4
}

@media (min-width:768px) {
  .bt .lead {
    font-size: 21px
  }

  .bt .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .bt .dl-horizontal dd {
    margin-left: 180px
  }

  .bt .container {
    width: auto
  }
}

.bt .small,
.bt small {
  font-size: 85%
}

.bt .text-left {
  text-align: left
}

.bt .text-right {
  text-align: right
}

.bt .text-center {
  text-align: center
}

.bt .text-justify {
  text-align: justify
}

.bt .text-nowrap {
  white-space: nowrap
}

.bt .text-lowercase {
  text-transform: lowercase
}

.bt .initialism,
.bt .text-uppercase {
  text-transform: uppercase
}

.bt .text-capitalize {
  text-transform: capitalize
}

.bt .text-muted {
  color: #777
}

.bt .text-primary {
  color: #337ab7
}

.bt a.text-primary:focus,
.bt a.text-primary:hover {
  color: #286090
}

.bt .text-success {
  color: #3c763d
}

.bt a.text-success:focus,
.bt a.text-success:hover {
  color: #2b542c
}

.bt .text-info {
  color: #31708f
}

.bt a.text-info:focus,
.bt a.text-info:hover {
  color: #245269
}

.bt .text-warning {
  color: #8a6d3b
}

.bt a.text-warning:focus,
.bt a.text-warning:hover {
  color: #66512c
}

.bt .text-danger {
  color: #a94442
}

.bt a.text-danger:focus,
.bt a.text-danger:hover {
  color: #843534
}

.bt .bg-primary {
  color: #fff;
  background-color: #337ab7
}

.bt a.bg-primary:focus,
.bt a.bg-primary:hover {
  background-color: #286090
}

.bt .bg-success {
  background-color: #dff0d8
}

.bt a.bg-success:focus,
.bt a.bg-success:hover {
  background-color: #c1e2b3
}

.bt .bg-info {
  background-color: #d9edf7
}

.bt a.bg-info:focus,
.bt a.bg-info:hover {
  background-color: #afd9ee
}

.bt .bg-warning {
  background-color: #fcf8e3
}

.bt a.bg-warning:focus,
.bt a.bg-warning:hover {
  background-color: #f7ecb5
}

.bt .bg-danger {
  background-color: #f2dede
}

.bt a.bg-danger:focus,
.bt a.bg-danger:hover {
  background-color: #e4b9b9
}

.bt ol,
.bt ul {
  margin-top: 0;
  margin-bottom: 11.5px
}

.bt ol ol,
.bt ol ul,
.bt ul ol,
.bt ul ul {
  margin-bottom: 0
}

.bt .list-inline,
.bt .list-unstyled {
  padding-left: 0;
  list-style: none
}

.bt .list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

.bt dl {
  margin-top: 0;
  margin-bottom: 23px
}

.bt dd,
.bt dt {
  line-height: 1.7
}

.bt dt {
  font-weight: 700
}

.bt dd {
  margin-left: 0
}

.bt .dl-horizontal dd:after,
.bt .dl-horizontal dd:before {
  content: " ";
  display: table
}

.bt .dl-horizontal dd:after {
  clear: both
}

.bt abbr[data-original-title],
.bt abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

.bt .initialism {
  font-size: 90%
}

.bt blockquote {
  padding: 11.5px 23px;
  margin: 0 0 23px;
  font-size: 17.5px;
  border-left: 5px solid #eee
}

.bt blockquote ol:last-child,
.bt blockquote p:last-child,
.bt blockquote ul:last-child {
  margin-bottom: 0
}

.bt blockquote .small,
.bt blockquote footer,
.bt blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.7;
  color: #777
}

.bt blockquote .small:before,
.bt blockquote footer:before,
.bt blockquote small:before {
  content: '\2014 \00A0'
}

.bt .blockquote-reverse,
.bt blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right
}

.bt .blockquote-reverse .small:before,
.bt .blockquote-reverse footer:before,
.bt .blockquote-reverse small:before,
.bt blockquote.pull-right .small:before,
.bt blockquote.pull-right footer:before,
.bt blockquote.pull-right small:before {
  content: ''
}

.bt .blockquote-reverse .small:after,
.bt .blockquote-reverse footer:after,
.bt .blockquote-reverse small:after,
.bt blockquote.pull-right .small:after,
.bt blockquote.pull-right footer:after,
.bt blockquote.pull-right small:after {
  content: '\00A0 \2014'
}

.bt .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px
}

.bt .container:after,
.bt .container:before {
  content: " ";
  display: table
}

.bt .container:after {
  clear: both
}

@media (min-width:992px) {
  .bt .container {
    width: auto
  }
}

@media (min-width:1200px) {
  .bt .container {
    width: 1010px
  }
}

.bt .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px
}

.bt .container-fluid:after,
.bt .container-fluid:before {
  content: " ";
  display: table
}

.bt .container-fluid:after {
  clear: both
}

.bt .row {
  margin-left: -10px;
  margin-right: -10px
}

.bt .row:after,
.bt .row:before {
  content: " ";
  display: table
}

.bt .row:after {
  clear: both
}

.bt .col-lg-1,
.bt .col-lg-10,
.bt .col-lg-11,
.bt .col-lg-12,
.bt .col-lg-2,
.bt .col-lg-3,
.bt .col-lg-4,
.bt .col-lg-5,
.bt .col-lg-6,
.bt .col-lg-7,
.bt .col-lg-8,
.bt .col-lg-9,
.bt .col-md-1,
.bt .col-md-10,
.bt .col-md-11,
.bt .col-md-12,
.bt .col-md-2,
.bt .col-md-3,
.bt .col-md-4,
.bt .col-md-5,
.bt .col-md-6,
.bt .col-md-7,
.bt .col-md-8,
.bt .col-md-9,
.bt .col-sm-1,
.bt .col-sm-10,
.bt .col-sm-11,
.bt .col-sm-12,
.bt .col-sm-2,
.bt .col-sm-3,
.bt .col-sm-4,
.bt .col-sm-5,
.bt .col-sm-6,
.bt .col-sm-7,
.bt .col-sm-8,
.bt .col-sm-9,
.bt .col-xs-1,
.bt .col-xs-10,
.bt .col-xs-11,
.bt .col-xs-12,
.bt .col-xs-2,
.bt .col-xs-3,
.bt .col-xs-4,
.bt .col-xs-5,
.bt .col-xs-6,
.bt .col-xs-7,
.bt .col-xs-8,
.bt .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px
}

.bt .col-xs-1,
.bt .col-xs-10,
.bt .col-xs-11,
.bt .col-xs-12,
.bt .col-xs-2,
.bt .col-xs-3,
.bt .col-xs-4,
.bt .col-xs-5,
.bt .col-xs-6,
.bt .col-xs-7,
.bt .col-xs-8,
.bt .col-xs-9 {
  float: left
}

.bt .col-xs-1 {
  width: 8.33333%
}

.bt .col-xs-2 {
  width: 16.66667%
}

.bt .col-xs-3 {
  width: 25%
}

.bt .col-xs-4 {
  width: 33.33333%
}

.bt .col-xs-5 {
  width: 41.66667%
}

.bt .col-xs-6 {
  width: 50%
}

.bt .col-xs-7 {
  width: 58.33333%
}

.bt .col-xs-8 {
  width: 66.66667%
}

.bt .col-xs-9 {
  width: 75%
}

.bt .col-xs-10 {
  width: 83.33333%
}

.bt .col-xs-11 {
  width: 91.66667%
}

.bt .col-xs-12 {
  width: 100%
}

.bt .col-xs-pull-0 {
  right: auto
}

.bt .col-xs-pull-1 {
  right: 8.33333%
}

.bt .col-xs-pull-2 {
  right: 16.66667%
}

.bt .col-xs-pull-3 {
  right: 25%
}

.bt .col-xs-pull-4 {
  right: 33.33333%
}

.bt .col-xs-pull-5 {
  right: 41.66667%
}

.bt .col-xs-pull-6 {
  right: 50%
}

.bt .col-xs-pull-7 {
  right: 58.33333%
}

.bt .col-xs-pull-8 {
  right: 66.66667%
}

.bt .col-xs-pull-9 {
  right: 75%
}

.bt .col-xs-pull-10 {
  right: 83.33333%
}

.bt .col-xs-pull-11 {
  right: 91.66667%
}

.bt .col-xs-pull-12 {
  right: 100%
}

.bt .col-xs-push-0 {
  left: auto
}

.bt .col-xs-push-1 {
  left: 8.33333%
}

.bt .col-xs-push-2 {
  left: 16.66667%
}

.bt .col-xs-push-3 {
  left: 25%
}

.bt .col-xs-push-4 {
  left: 33.33333%
}

.bt .col-xs-push-5 {
  left: 41.66667%
}

.bt .col-xs-push-6 {
  left: 50%
}

.bt .col-xs-push-7 {
  left: 58.33333%
}

.bt .col-xs-push-8 {
  left: 66.66667%
}

.bt .col-xs-push-9 {
  left: 75%
}

.bt .col-xs-push-10 {
  left: 83.33333%
}

.bt .col-xs-push-11 {
  left: 91.66667%
}

.bt .col-xs-push-12 {
  left: 100%
}

.bt .col-xs-offset-0 {
  margin-left: 0
}

.bt .col-xs-offset-1 {
  margin-left: 8.33333%
}

.bt .col-xs-offset-2 {
  margin-left: 16.66667%
}

.bt .col-xs-offset-3 {
  margin-left: 25%
}

.bt .col-xs-offset-4 {
  margin-left: 33.33333%
}

.bt .col-xs-offset-5 {
  margin-left: 41.66667%
}

.bt .col-xs-offset-6 {
  margin-left: 50%
}

.bt .col-xs-offset-7 {
  margin-left: 58.33333%
}

.bt .col-xs-offset-8 {
  margin-left: 66.66667%
}

.bt .col-xs-offset-9 {
  margin-left: 75%
}

.bt .col-xs-offset-10 {
  margin-left: 83.33333%
}

.bt .col-xs-offset-11 {
  margin-left: 91.66667%
}

.bt .col-xs-offset-12 {
  margin-left: 100%
}

@media (min-width:768px) {

  .bt .col-sm-1,
  .bt .col-sm-10,
  .bt .col-sm-11,
  .bt .col-sm-12,
  .bt .col-sm-2,
  .bt .col-sm-3,
  .bt .col-sm-4,
  .bt .col-sm-5,
  .bt .col-sm-6,
  .bt .col-sm-7,
  .bt .col-sm-8,
  .bt .col-sm-9 {
    float: left
  }

  .bt .col-sm-1 {
    width: 8.33333%
  }

  .bt .col-sm-2 {
    width: 16.66667%
  }

  .bt .col-sm-3 {
    width: 25%
  }

  .bt .col-sm-4 {
    width: 33.33333%
  }

  .bt .col-sm-5 {
    width: 41.66667%
  }

  .bt .col-sm-6 {
    width: 50%
  }

  .bt .col-sm-7 {
    width: 58.33333%
  }

  .bt .col-sm-8 {
    width: 66.66667%
  }

  .bt .col-sm-9 {
    width: 75%
  }

  .bt .col-sm-10 {
    width: 83.33333%
  }

  .bt .col-sm-11 {
    width: 91.66667%
  }

  .bt .col-sm-12 {
    width: 100%
  }

  .bt .col-sm-pull-0 {
    right: auto
  }

  .bt .col-sm-pull-1 {
    right: 8.33333%
  }

  .bt .col-sm-pull-2 {
    right: 16.66667%
  }

  .bt .col-sm-pull-3 {
    right: 25%
  }

  .bt .col-sm-pull-4 {
    right: 33.33333%
  }

  .bt .col-sm-pull-5 {
    right: 41.66667%
  }

  .bt .col-sm-pull-6 {
    right: 50%
  }

  .bt .col-sm-pull-7 {
    right: 58.33333%
  }

  .bt .col-sm-pull-8 {
    right: 66.66667%
  }

  .bt .col-sm-pull-9 {
    right: 75%
  }

  .bt .col-sm-pull-10 {
    right: 83.33333%
  }

  .bt .col-sm-pull-11 {
    right: 91.66667%
  }

  .bt .col-sm-pull-12 {
    right: 100%
  }

  .bt .col-sm-push-0 {
    left: auto
  }

  .bt .col-sm-push-1 {
    left: 8.33333%
  }

  .bt .col-sm-push-2 {
    left: 16.66667%
  }

  .bt .col-sm-push-3 {
    left: 25%
  }

  .bt .col-sm-push-4 {
    left: 33.33333%
  }

  .bt .col-sm-push-5 {
    left: 41.66667%
  }

  .bt .col-sm-push-6 {
    left: 50%
  }

  .bt .col-sm-push-7 {
    left: 58.33333%
  }

  .bt .col-sm-push-8 {
    left: 66.66667%
  }

  .bt .col-sm-push-9 {
    left: 75%
  }

  .bt .col-sm-push-10 {
    left: 83.33333%
  }

  .bt .col-sm-push-11 {
    left: 91.66667%
  }

  .bt .col-sm-push-12 {
    left: 100%
  }

  .bt .col-sm-offset-0 {
    margin-left: 0
  }

  .bt .col-sm-offset-1 {
    margin-left: 8.33333%
  }

  .bt .col-sm-offset-2 {
    margin-left: 16.66667%
  }

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

  .bt .col-sm-offset-4 {
    margin-left: 33.33333%
  }

  .bt .col-sm-offset-5 {
    margin-left: 41.66667%
  }

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

  .bt .col-sm-offset-7 {
    margin-left: 58.33333%
  }

  .bt .col-sm-offset-8 {
    margin-left: 66.66667%
  }

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

  .bt .col-sm-offset-10 {
    margin-left: 83.33333%
  }

  .bt .col-sm-offset-11 {
    margin-left: 91.66667%
  }

  .bt .col-sm-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:992px) {

  .bt .col-md-1,
  .bt .col-md-10,
  .bt .col-md-11,
  .bt .col-md-12,
  .bt .col-md-2,
  .bt .col-md-3,
  .bt .col-md-4,
  .bt .col-md-5,
  .bt .col-md-6,
  .bt .col-md-7,
  .bt .col-md-8,
  .bt .col-md-9 {
    float: left
  }

  .bt .col-md-1 {
    width: 8.33333%
  }

  .bt .col-md-2 {
    width: 16.66667%
  }

  .bt .col-md-3 {
    width: 25%
  }

  .bt .col-md-4 {
    width: 33.33333%
  }

  .bt .col-md-5 {
    width: 41.66667%
  }

  .bt .col-md-6 {
    width: 50%
  }

  .bt .col-md-7 {
    width: 58.33333%
  }

  .bt .col-md-8 {
    width: 66.66667%
  }

  .bt .col-md-9 {
    width: 75%
  }

  .bt .col-md-10 {
    width: 83.33333%
  }

  .bt .col-md-11 {
    width: 91.66667%
  }

  .bt .col-md-12 {
    width: 100%
  }

  .bt .col-md-pull-0 {
    right: auto
  }

  .bt .col-md-pull-1 {
    right: 8.33333%
  }

  .bt .col-md-pull-2 {
    right: 16.66667%
  }

  .bt .col-md-pull-3 {
    right: 25%
  }

  .bt .col-md-pull-4 {
    right: 33.33333%
  }

  .bt .col-md-pull-5 {
    right: 41.66667%
  }

  .bt .col-md-pull-6 {
    right: 50%
  }

  .bt .col-md-pull-7 {
    right: 58.33333%
  }

  .bt .col-md-pull-8 {
    right: 66.66667%
  }

  .bt .col-md-pull-9 {
    right: 75%
  }

  .bt .col-md-pull-10 {
    right: 83.33333%
  }

  .bt .col-md-pull-11 {
    right: 91.66667%
  }

  .bt .col-md-pull-12 {
    right: 100%
  }

  .bt .col-md-push-0 {
    left: auto
  }

  .bt .col-md-push-1 {
    left: 8.33333%
  }

  .bt .col-md-push-2 {
    left: 16.66667%
  }

  .bt .col-md-push-3 {
    left: 25%
  }

  .bt .col-md-push-4 {
    left: 33.33333%
  }

  .bt .col-md-push-5 {
    left: 41.66667%
  }

  .bt .col-md-push-6 {
    left: 50%
  }

  .bt .col-md-push-7 {
    left: 58.33333%
  }

  .bt .col-md-push-8 {
    left: 66.66667%
  }

  .bt .col-md-push-9 {
    left: 75%
  }

  .bt .col-md-push-10 {
    left: 83.33333%
  }

  .bt .col-md-push-11 {
    left: 91.66667%
  }

  .bt .col-md-push-12 {
    left: 100%
  }

  .bt .col-md-offset-0 {
    margin-left: 0
  }

  .bt .col-md-offset-1 {
    margin-left: 8.33333%
  }

  .bt .col-md-offset-2 {
    margin-left: 16.66667%
  }

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

  .bt .col-md-offset-4 {
    margin-left: 33.33333%
  }

  .bt .col-md-offset-5 {
    margin-left: 41.66667%
  }

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

  .bt .col-md-offset-7 {
    margin-left: 58.33333%
  }

  .bt .col-md-offset-8 {
    margin-left: 66.66667%
  }

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

  .bt .col-md-offset-10 {
    margin-left: 83.33333%
  }

  .bt .col-md-offset-11 {
    margin-left: 91.66667%
  }

  .bt .col-md-offset-12 {
    margin-left: 100%
  }
}

@media (min-width:1200px) {

  .bt .col-lg-1,
  .bt .col-lg-10,
  .bt .col-lg-11,
  .bt .col-lg-12,
  .bt .col-lg-2,
  .bt .col-lg-3,
  .bt .col-lg-4,
  .bt .col-lg-5,
  .bt .col-lg-6,
  .bt .col-lg-7,
  .bt .col-lg-8,
  .bt .col-lg-9 {
    float: left
  }

  .bt .col-lg-1 {
    width: 8.33333%
  }

  .bt .col-lg-2 {
    width: 16.66667%
  }

  .bt .col-lg-3 {
    width: 25%
  }

  .bt .col-lg-4 {
    width: 33.33333%
  }

  .bt .col-lg-5 {
    width: 41.66667%
  }

  .bt .col-lg-6 {
    width: 50%
  }

  .bt .col-lg-7 {
    width: 58.33333%
  }

  .bt .col-lg-8 {
    width: 66.66667%
  }

  .bt .col-lg-9 {
    width: 75%
  }

  .bt .col-lg-10 {
    width: 83.33333%
  }

  .bt .col-lg-11 {
    width: 91.66667%
  }

  .bt .col-lg-12 {
    width: 100%
  }

  .bt .col-lg-pull-0 {
    right: auto
  }

  .bt .col-lg-pull-1 {
    right: 8.33333%
  }

  .bt .col-lg-pull-2 {
    right: 16.66667%
  }

  .bt .col-lg-pull-3 {
    right: 25%
  }

  .bt .col-lg-pull-4 {
    right: 33.33333%
  }

  .bt .col-lg-pull-5 {
    right: 41.66667%
  }

  .bt .col-lg-pull-6 {
    right: 50%
  }

  .bt .col-lg-pull-7 {
    right: 58.33333%
  }

  .bt .col-lg-pull-8 {
    right: 66.66667%
  }

  .bt .col-lg-pull-9 {
    right: 75%
  }

  .bt .col-lg-pull-10 {
    right: 83.33333%
  }

  .bt .col-lg-pull-11 {
    right: 91.66667%
  }

  .bt .col-lg-pull-12 {
    right: 100%
  }

  .bt .col-lg-push-0 {
    left: auto
  }

  .bt .col-lg-push-1 {
    left: 8.33333%
  }

  .bt .col-lg-push-2 {
    left: 16.66667%
  }

  .bt .col-lg-push-3 {
    left: 25%
  }

  .bt .col-lg-push-4 {
    left: 33.33333%
  }

  .bt .col-lg-push-5 {
    left: 41.66667%
  }

  .bt .col-lg-push-6 {
    left: 50%
  }

  .bt .col-lg-push-7 {
    left: 58.33333%
  }

  .bt .col-lg-push-8 {
    left: 66.66667%
  }

  .bt .col-lg-push-9 {
    left: 75%
  }

  .bt .col-lg-push-10 {
    left: 83.33333%
  }

  .bt .col-lg-push-11 {
    left: 91.66667%
  }

  .bt .col-lg-push-12 {
    left: 100%
  }

  .bt .col-lg-offset-0 {
    margin-left: 0
  }

  .bt .col-lg-offset-1 {
    margin-left: 8.33333%
  }

  .bt .col-lg-offset-2 {
    margin-left: 16.66667%
  }

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

  .bt .col-lg-offset-4 {
    margin-left: 33.33333%
  }

  .bt .col-lg-offset-5 {
    margin-left: 41.66667%
  }

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

  .bt .col-lg-offset-7 {
    margin-left: 58.33333%
  }

  .bt .col-lg-offset-8 {
    margin-left: 66.66667%
  }

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

  .bt .col-lg-offset-10 {
    margin-left: 83.33333%
  }

  .bt .col-lg-offset-11 {
    margin-left: 91.66667%
  }

  .bt .col-lg-offset-12 {
    margin-left: 100%
  }
}

.bt table {
  background-color: transparent
}

.bt caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left
}

.bt th {
  text-align: left
}

.bt .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 23px
}

.bt .table>tbody>tr>td,
.bt .table>tbody>tr>th,
.bt .table>tfoot>tr>td,
.bt .table>tfoot>tr>th,
.bt .table>thead>tr>td,
.bt .table>thead>tr>th {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #999
}

.bt .table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #999
}

.bt .table>caption+thead>tr:first-child>td,
.bt .table>caption+thead>tr:first-child>th,
.bt .table>colgroup+thead>tr:first-child>td,
.bt .table>colgroup+thead>tr:first-child>th,
.bt .table>thead:first-child>tr:first-child>td,
.bt .table>thead:first-child>tr:first-child>th {
  border-top: 0
}

.bt .table>tbody+tbody {
  border-top: 2px solid #999
}

.bt .table .table {
  background-color: #fff
}

.bt .table-condensed>tbody>tr>td,
.bt .table-condensed>tbody>tr>th,
.bt .table-condensed>tfoot>tr>td,
.bt .table-condensed>tfoot>tr>th,
.bt .table-condensed>thead>tr>td,
.bt .table-condensed>thead>tr>th {
  padding: 5px
}

.bt .table-bordered,
.bt .table-bordered>tbody>tr>td,
.bt .table-bordered>tbody>tr>th,
.bt .table-bordered>tfoot>tr>td,
.bt .table-bordered>tfoot>tr>th,
.bt .table-bordered>thead>tr>td,
.bt .table-bordered>thead>tr>th {
  border: 1px solid #999
}

.bt .table-bordered>thead>tr>td,
.bt .table-bordered>thead>tr>th {
  border-bottom-width: 2px
}

.bt .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9
}

.bt .table-hover>tbody>tr:hover {
  background-color: #f5f5f5
}

.bt table col[class*=col-] {
  position: static;
  float: none;
  display: table-column
}

.bt table td[class*=col-],
.bt table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell
}

.bt .table>tbody>tr>td.active,
.bt .table>tbody>tr>th.active,
.bt .table>tbody>tr.active>td,
.bt .table>tbody>tr.active>th,
.bt .table>tfoot>tr>td.active,
.bt .table>tfoot>tr>th.active,
.bt .table>tfoot>tr.active>td,
.bt .table>tfoot>tr.active>th,
.bt .table>thead>tr>td.active,
.bt .table>thead>tr>th.active,
.bt .table>thead>tr.active>td,
.bt .table>thead>tr.active>th {
  background-color: #f5f5f5
}

.bt .table-hover>tbody>tr>td.active:hover,
.bt .table-hover>tbody>tr>th.active:hover,
.bt .table-hover>tbody>tr.active:hover>td,
.bt .table-hover>tbody>tr.active:hover>th,
.bt .table-hover>tbody>tr:hover>.active {
  background-color: #e8e8e8
}

.bt .table>tbody>tr>td.success,
.bt .table>tbody>tr>th.success,
.bt .table>tbody>tr.success>td,
.bt .table>tbody>tr.success>th,
.bt .table>tfoot>tr>td.success,
.bt .table>tfoot>tr>th.success,
.bt .table>tfoot>tr.success>td,
.bt .table>tfoot>tr.success>th,
.bt .table>thead>tr>td.success,
.bt .table>thead>tr>th.success,
.bt .table>thead>tr.success>td,
.bt .table>thead>tr.success>th {
  background-color: #dff0d8
}

.bt .table-hover>tbody>tr>td.success:hover,
.bt .table-hover>tbody>tr>th.success:hover,
.bt .table-hover>tbody>tr.success:hover>td,
.bt .table-hover>tbody>tr.success:hover>th,
.bt .table-hover>tbody>tr:hover>.success {
  background-color: #d0e9c6
}

.bt .table>tbody>tr>td.info,
.bt .table>tbody>tr>th.info,
.bt .table>tbody>tr.info>td,
.bt .table>tbody>tr.info>th,
.bt .table>tfoot>tr>td.info,
.bt .table>tfoot>tr>th.info,
.bt .table>tfoot>tr.info>td,
.bt .table>tfoot>tr.info>th,
.bt .table>thead>tr>td.info,
.bt .table>thead>tr>th.info,
.bt .table>thead>tr.info>td,
.bt .table>thead>tr.info>th {
  background-color: #d9edf7
}

.bt .table-hover>tbody>tr>td.info:hover,
.bt .table-hover>tbody>tr>th.info:hover,
.bt .table-hover>tbody>tr.info:hover>td,
.bt .table-hover>tbody>tr.info:hover>th,
.bt .table-hover>tbody>tr:hover>.info {
  background-color: #c4e3f3
}

.bt .table>tbody>tr>td.warning,
.bt .table>tbody>tr>th.warning,
.bt .table>tbody>tr.warning>td,
.bt .table>tbody>tr.warning>th,
.bt .table>tfoot>tr>td.warning,
.bt .table>tfoot>tr>th.warning,
.bt .table>tfoot>tr.warning>td,
.bt .table>tfoot>tr.warning>th,
.bt .table>thead>tr>td.warning,
.bt .table>thead>tr>th.warning,
.bt .table>thead>tr.warning>td,
.bt .table>thead>tr.warning>th {
  background-color: #fcf8e3
}

.bt .table-hover>tbody>tr>td.warning:hover,
.bt .table-hover>tbody>tr>th.warning:hover,
.bt .table-hover>tbody>tr.warning:hover>td,
.bt .table-hover>tbody>tr.warning:hover>th,
.bt .table-hover>tbody>tr:hover>.warning {
  background-color: #faf2cc
}

.bt .table>tbody>tr>td.danger,
.bt .table>tbody>tr>th.danger,
.bt .table>tbody>tr.danger>td,
.bt .table>tbody>tr.danger>th,
.bt .table>tfoot>tr>td.danger,
.bt .table>tfoot>tr>th.danger,
.bt .table>tfoot>tr.danger>td,
.bt .table>tfoot>tr.danger>th,
.bt .table>thead>tr>td.danger,
.bt .table>thead>tr>th.danger,
.bt .table>thead>tr.danger>td,
.bt .table>thead>tr.danger>th {
  background-color: #f2dede
}

.bt .table-hover>tbody>tr>td.danger:hover,
.bt .table-hover>tbody>tr>th.danger:hover,
.bt .table-hover>tbody>tr.danger:hover>td,
.bt .table-hover>tbody>tr.danger:hover>th,
.bt .table-hover>tbody>tr:hover>.danger {
  background-color: #ebcccc
}

.bt .table-responsive {
  overflow-x: auto;
  min-height: .01%
}

@media screen and (max-width:767px) {
  .bt .table-responsive {
    width: 100%;
    margin-bottom: 17.25px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #999
  }

  .bt .table-responsive>.table {
    margin-bottom: 0
  }

  .bt .table-responsive>.table>tbody>tr>td,
  .bt .table-responsive>.table>tbody>tr>th,
  .bt .table-responsive>.table>tfoot>tr>td,
  .bt .table-responsive>.table>tfoot>tr>th,
  .bt .table-responsive>.table>thead>tr>td,
  .bt .table-responsive>.table>thead>tr>th {
    white-space: nowrap
  }

  .bt .table-responsive>.table-bordered {
    border: 0
  }

  .bt .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .bt .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .bt .table-responsive>.table-bordered>tfoot>tr>td:first-child,
  .bt .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .bt .table-responsive>.table-bordered>thead>tr>td:first-child,
  .bt .table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
  }

  .bt .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .bt .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .bt .table-responsive>.table-bordered>tfoot>tr>td:last-child,
  .bt .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .bt .table-responsive>.table-bordered>thead>tr>td:last-child,
  .bt .table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
  }

  .bt .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .bt .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .bt .table-responsive>.table-bordered>tfoot>tr:last-child>td,
  .bt .table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
  }
}

.bt .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.7;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.bt .btn.active.focus,
.bt .btn.active:focus,
.bt .btn.focus,
.bt .btn:active.focus,
.bt .btn:active:focus,
.bt .btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}

.bt .btn.focus,
.bt .btn:focus,
.bt .btn:hover {
  color: #333;
  text-decoration: none
}

.bt .btn.active,
.bt .btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.bt .btn.disabled,
.bt .btn[disabled],
fieldset[disabled] .bt .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt a.btn.disabled,
fieldset[disabled] .bt a.btn {
  pointer-events: none
}

.bt .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.bt .btn-default.focus,
.bt .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}

.bt .btn-default.active,
.bt .btn-default:active,
.bt .btn-default:hover,
.open>.bt .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.bt .btn-default.active.focus,
.bt .btn-default.active:focus,
.bt .btn-default.active:hover,
.bt .btn-default:active.focus,
.bt .btn-default:active:focus,
.bt .btn-default:active:hover,
.open>.bt .btn-default.dropdown-toggle.focus,
.open>.bt .btn-default.dropdown-toggle:focus,
.open>.bt .btn-default.dropdown-toggle:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.bt .btn-default.active,
.bt .btn-default:active,
.open>.bt .btn-default.dropdown-toggle {
  background-image: none
}

.bt .btn-default.disabled.focus,
.bt .btn-default.disabled:focus,
.bt .btn-default.disabled:hover,
.bt .btn-default[disabled].focus,
.bt .btn-default[disabled]:focus,
.bt .btn-default[disabled]:hover,
fieldset[disabled] .bt .btn-default.focus,
fieldset[disabled] .bt .btn-default:focus,
fieldset[disabled] .bt .btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}

.bt .btn-default .badge {
  color: #fff;
  background-color: #333
}

.bt .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4
}

.bt .btn-primary.focus,
.bt .btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40
}

.bt .btn-primary.active,
.bt .btn-primary:active,
.bt .btn-primary:hover,
.open>.bt .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.bt .btn-primary.active.focus,
.bt .btn-primary.active:focus,
.bt .btn-primary.active:hover,
.bt .btn-primary:active.focus,
.bt .btn-primary:active:focus,
.bt .btn-primary:active:hover,
.open>.bt .btn-primary.dropdown-toggle.focus,
.open>.bt .btn-primary.dropdown-toggle:focus,
.open>.bt .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40
}

.bt .btn-primary.active,
.bt .btn-primary:active,
.open>.bt .btn-primary.dropdown-toggle {
  background-image: none
}

.bt .btn-primary.disabled.focus,
.bt .btn-primary.disabled:focus,
.bt .btn-primary.disabled:hover,
.bt .btn-primary[disabled].focus,
.bt .btn-primary[disabled]:focus,
.bt .btn-primary[disabled]:hover,
fieldset[disabled] .bt .btn-primary.focus,
fieldset[disabled] .bt .btn-primary:focus,
fieldset[disabled] .bt .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4
}

.bt .btn-primary .badge {
  color: #337ab7;
  background-color: #fff
}

.bt .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.bt .btn-success.focus,
.bt .btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625
}

.bt .btn-success.active,
.bt .btn-success:active,
.bt .btn-success:hover,
.open>.bt .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.bt .btn-success.active.focus,
.bt .btn-success.active:focus,
.bt .btn-success.active:hover,
.bt .btn-success:active.focus,
.bt .btn-success:active:focus,
.bt .btn-success:active:hover,
.open>.bt .btn-success.dropdown-toggle.focus,
.open>.bt .btn-success.dropdown-toggle:focus,
.open>.bt .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625
}

.bt .btn-success.active,
.bt .btn-success:active,
.open>.bt .btn-success.dropdown-toggle {
  background-image: none
}

.bt .btn-success.disabled.focus,
.bt .btn-success.disabled:focus,
.bt .btn-success.disabled:hover,
.bt .btn-success[disabled].focus,
.bt .btn-success[disabled]:focus,
.bt .btn-success[disabled]:hover,
fieldset[disabled] .bt .btn-success.focus,
fieldset[disabled] .bt .btn-success:focus,
fieldset[disabled] .bt .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.bt .btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.bt .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.bt .btn-info.focus,
.bt .btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85
}

.bt .btn-info.active,
.bt .btn-info:active,
.bt .btn-info:hover,
.open>.bt .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.bt .btn-info.active.focus,
.bt .btn-info.active:focus,
.bt .btn-info.active:hover,
.bt .btn-info:active.focus,
.bt .btn-info:active:focus,
.bt .btn-info:active:hover,
.open>.bt .btn-info.dropdown-toggle.focus,
.open>.bt .btn-info.dropdown-toggle:focus,
.open>.bt .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85
}

.bt .btn-info.active,
.bt .btn-info:active,
.open>.bt .btn-info.dropdown-toggle {
  background-image: none
}

.bt .btn-info.disabled.focus,
.bt .btn-info.disabled:focus,
.bt .btn-info.disabled:hover,
.bt .btn-info[disabled].focus,
.bt .btn-info[disabled]:focus,
.bt .btn-info[disabled]:hover,
fieldset[disabled] .bt .btn-info.focus,
fieldset[disabled] .bt .btn-info:focus,
fieldset[disabled] .bt .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da
}

.bt .btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.bt .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.bt .btn-warning.focus,
.bt .btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d
}

.bt .btn-warning.active,
.bt .btn-warning:active,
.bt .btn-warning:hover,
.open>.bt .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.bt .btn-warning.active.focus,
.bt .btn-warning.active:focus,
.bt .btn-warning.active:hover,
.bt .btn-warning:active.focus,
.bt .btn-warning:active:focus,
.bt .btn-warning:active:hover,
.open>.bt .btn-warning.dropdown-toggle.focus,
.open>.bt .btn-warning.dropdown-toggle:focus,
.open>.bt .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d
}

.bt .btn-warning.active,
.bt .btn-warning:active,
.open>.bt .btn-warning.dropdown-toggle {
  background-image: none
}

.bt .btn-warning.disabled.focus,
.bt .btn-warning.disabled:focus,
.bt .btn-warning.disabled:hover,
.bt .btn-warning[disabled].focus,
.bt .btn-warning[disabled]:focus,
.bt .btn-warning[disabled]:hover,
fieldset[disabled] .bt .btn-warning.focus,
fieldset[disabled] .bt .btn-warning:focus,
fieldset[disabled] .bt .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236
}

.bt .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.bt .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.bt .btn-danger.focus,
.bt .btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19
}

.bt .btn-danger.active,
.bt .btn-danger:active,
.bt .btn-danger:hover,
.open>.bt .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.bt .btn-danger.active.focus,
.bt .btn-danger.active:focus,
.bt .btn-danger.active:hover,
.bt .btn-danger:active.focus,
.bt .btn-danger:active:focus,
.bt .btn-danger:active:hover,
.open>.bt .btn-danger.dropdown-toggle.focus,
.open>.bt .btn-danger.dropdown-toggle:focus,
.open>.bt .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19
}

.bt .btn-danger.active,
.bt .btn-danger:active,
.open>.bt .btn-danger.dropdown-toggle {
  background-image: none
}

.bt .btn-danger.disabled.focus,
.bt .btn-danger.disabled:focus,
.bt .btn-danger.disabled:hover,
.bt .btn-danger[disabled].focus,
.bt .btn-danger[disabled]:focus,
.bt .btn-danger[disabled]:hover,
fieldset[disabled] .bt .btn-danger.focus,
fieldset[disabled] .bt .btn-danger:focus,
fieldset[disabled] .bt .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a
}

.bt .btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.bt .btn-link {
  color: #338fe7;
  font-weight: 400;
  border-radius: 0
}

.bt .btn-link,
.bt .btn-link.active,
.bt .btn-link:active,
.bt .btn-link[disabled],
fieldset[disabled] .bt .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .btn-link,
.bt .btn-link:active,
.bt .btn-link:focus,
.bt .btn-link:hover {
  border-color: transparent
}

.bt .btn-link:focus,
.bt .btn-link:hover {
  color: #77b5ef;
  text-decoration: underline;
  background-color: transparent
}

.bt .btn-link[disabled]:focus,
.bt .btn-link[disabled]:hover,
fieldset[disabled] .bt .btn-link:focus,
fieldset[disabled] .bt .btn-link:hover {
  color: #777;
  text-decoration: none
}

.bt .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px
}

.bt .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.bt .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.bt .btn-block {
  display: block;
  width: 100%
}

.bt .btn-block+.btn-block {
  margin-top: 5px
}

.bt input[type=button].btn-block,
.bt input[type=reset].btn-block,
.bt input[type=submit].btn-block {
  width: 100%
}

.bt .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.bt .fade.in {
  opacity: 1
}

.bt .collapse {
  display: none
}

.bt .collapse.in {
  display: block
}

.bt tr.collapse.in {
  display: table-row
}

.bt tbody.collapse.in {
  display: table-row-group
}

.bt .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.bt .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.bt .dropdown,
.bt .dropup {
  position: relative
}

.bt .dropdown-toggle:focus {
  outline: 0
}

.bt .dropdown-menu {
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box
}

.bt .dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.bt .dropdown-menu .divider {
  height: 1px;
  margin: 10.5px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.bt .dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.7;
  color: #333;
  white-space: nowrap
}

.bt .dropdown-menu>li>a:focus,
.bt .dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5
}

.bt .dropdown-menu>.active>a,
.bt .dropdown-menu>.active>a:focus,
.bt .dropdown-menu>.active>a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7
}

.bt .dropdown-menu>.disabled>a,
.bt .dropdown-menu>.disabled>a:focus,
.bt .dropdown-menu>.disabled>a:hover {
  color: #777
}

.bt .dropdown-menu>.disabled>a:focus,
.bt .dropdown-menu>.disabled>a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed
}

.bt .open>.dropdown-menu {
  display: block
}

.bt .open>a {
  outline: 0
}

.bt .dropdown-menu-right {
  left: auto;
  right: 0
}

.bt .dropdown-menu-left {
  left: 0;
  right: auto
}

.bt .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.7;
  color: #777;
  white-space: nowrap
}

.bt .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.bt .pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.bt .dropup .caret,
.bt .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  content: ""
}

.bt .dropup .dropdown-menu,
.bt .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

.bt .nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.bt .nav:after,
.bt .nav:before {
  content: " ";
  display: table
}

.bt .nav:after {
  clear: both
}

.bt .nav>li {
  position: relative;
  display: block
}

.bt .nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.bt .nav>li>a:focus,
.bt .nav>li>a:hover {
  text-decoration: none;
  background-color: #eee
}

.bt .nav>li.disabled>a {
  color: #777
}

.bt .nav>li.disabled>a:focus,
.bt .nav>li.disabled>a:hover {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.bt .nav .open>a,
.bt .nav .open>a:focus,
.bt .nav .open>a:hover {
  background-color: #eee;
  border-color: #338fe7
}

.bt .nav .nav-divider {
  height: 1px;
  margin: 10.5px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.bt .nav>li>a>img {
  max-width: none
}

.bt .nav-tabs {
  border-bottom: 1px solid #ddd
}

.bt .nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.bt .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.7;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}

.bt .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd
}

.bt .nav-tabs>li.active>a,
.bt .nav-tabs>li.active>a:focus,
.bt .nav-tabs>li.active>a:hover {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default
}

.bt .nav-pills>li {
  float: left
}

.bt .nav-pills>li>a {
  border-radius: 4px
}

.bt .nav-pills>li+li {
  margin-left: 2px
}

.bt .nav-pills>li.active>a,
.bt .nav-pills>li.active>a:focus,
.bt .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #337ab7
}

.bt .nav-stacked>li {
  float: none
}

.bt .nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.bt .nav-justified,
.bt .nav-tabs.nav-justified {
  width: 100%
}

.bt .nav-justified>li,
.bt .nav-tabs.nav-justified>li {
  float: none
}

.bt .nav-justified>li>a,
.bt .nav-tabs.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.bt .nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

.bt .nav-tabs-justified,
.bt .nav-tabs.nav-justified {
  border-bottom: 0
}

.bt .nav-tabs-justified>li>a,
.bt .nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.bt .nav-tabs-justified>.active>a,
.bt .nav-tabs-justified>.active>a:focus,
.bt .nav-tabs-justified>.active>a:hover,
.bt .nav-tabs.nav-justified>.active>a,
.bt .nav-tabs.nav-justified>.active>a:focus,
.bt .nav-tabs.nav-justified>.active>a:hover {
  border: 1px solid #ddd
}

@media (min-width:768px) {
  .bt .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }

  .bt .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }

  .bt .nav-justified>li,
  .bt .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }

  .bt .nav-justified>li>a,
  .bt .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }

  .bt .nav-tabs-justified>li>a,
  .bt .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }

  .bt .nav-tabs-justified>.active>a,
  .bt .nav-tabs-justified>.active>a:focus,
  .bt .nav-tabs-justified>.active>a:hover,
  .bt .nav-tabs.nav-justified>.active>a,
  .bt .nav-tabs.nav-justified>.active>a:focus,
  .bt .nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #fff
  }
}

.bt .tab-content>.tab-pane {
  display: none
}

.bt .tab-content>.active {
  display: block
}

.bt .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.bt .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 23px;
  border: 1px solid transparent
}

.bt .navbar:after,
.bt .navbar:before {
  content: " ";
  display: table
}

.bt .navbar:after {
  clear: both
}

.bt .navbar-header:after,
.bt .navbar-header:before {
  content: " ";
  display: table
}

.bt .navbar-header:after {
  clear: both
}

.bt .navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  -webkit-overflow-scrolling: touch
}

.bt .navbar-collapse:after,
.bt .navbar-collapse:before {
  content: " ";
  display: table
}

.bt .navbar-collapse:after {
  clear: both
}

.bt .navbar-collapse.in {
  overflow-y: auto
}

.bt .navbar-fixed-bottom .navbar-collapse,
.bt .navbar-fixed-top .navbar-collapse {
  max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {

  .bt .navbar-fixed-bottom .navbar-collapse,
  .bt .navbar-fixed-top .navbar-collapse {
    max-height: 200px
  }
}

.bt .container>.navbar-collapse,
.bt .container>.navbar-header,
.bt .container-fluid>.navbar-collapse,
.bt .container-fluid>.navbar-header {
  margin-right: -10px;
  margin-left: -10px
}

@media (min-width:768px) {
  .bt .navbar {
    border-radius: 4px
  }

  .bt .navbar-header {
    float: left
  }

  .bt .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .bt .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }

  .bt .navbar-collapse.in {
    overflow-y: visible
  }

  .navbar-fixed-bottom .bt .navbar-collapse,
  .navbar-fixed-top .bt .navbar-collapse,
  .navbar-static-top .bt .navbar-collapse {
    padding-left: 0;
    padding-right: 0
  }

  .bt .container>.navbar-collapse,
  .bt .container>.navbar-header,
  .bt .container-fluid>.navbar-collapse,
  .bt .container-fluid>.navbar-header {
    margin-right: 0;
    margin-left: 0
  }

  .bt .navbar-fixed-bottom,
  .bt .navbar-fixed-top,
  .bt .navbar-static-top {
    border-radius: 0
  }

  .navbar>.container .bt .navbar-brand,
  .navbar>.container-fluid .bt .navbar-brand {
    margin-left: -10px
  }

  .bt .navbar-toggle {
    display: none
  }
}

.bt .navbar-static-top {
  border-width: 0 0 1px
}

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

.bt .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.bt .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.bt .navbar-brand {
  float: left;
  padding: 13.5px 10px;
  font-size: 18px;
  line-height: 23px;
  height: 50px
}

.bt .navbar-brand:focus,
.bt .navbar-brand:hover {
  text-decoration: none
}

.bt .navbar-brand>img {
  display: block
}

.bt .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.bt .navbar-toggle:focus {
  outline: 0
}

.bt .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.bt .navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

.bt .navbar-nav {
  margin: 6.75px -10px
}

.bt .navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 23px
}

@media (max-width:767px) {
  .bt .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .bt .navbar-nav .open .dropdown-menu .dropdown-header,
  .bt .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px
  }

  .bt .navbar-nav .open .dropdown-menu>li>a {
    line-height: 23px
  }

  .bt .navbar-nav .open .dropdown-menu>li>a:focus,
  .bt .navbar-nav .open .dropdown-menu>li>a:hover {
    background-image: none
  }

  .bt .navbar-form .form-group {
    margin-bottom: 5px
  }

  .bt .navbar-form .form-group:last-child {
    margin-bottom: 0
  }
}

@media (min-width:768px) {
  .bt .navbar-nav {
    float: left;
    margin: 0
  }

  .bt .navbar-nav>li {
    float: left
  }

  .bt .navbar-nav>li>a {
    padding-top: 13.5px;
    padding-bottom: 13.5px
  }
}

.bt .navbar-form {
  padding: 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  margin: 6.5px -10px
}

@media (min-width:768px) {
  .bt .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .bt .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px
  }

  .bt .navbar-left {
    float: left !important
  }

  .bt .navbar-right {
    float: right !important;
    margin-right: -10px
  }

  .bt .navbar-right~.navbar-right {
    margin-right: 0
  }

  .bt .page-header .title .icon {
    margin-right: 7px
  }
}

.bt .navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.bt .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0
}

.bt .navbar-btn {
  margin-top: 6.5px;
  margin-bottom: 6.5px
}

.bt .navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px
}

.bt .navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}

.bt .navbar-text {
  margin-top: 13.5px;
  margin-bottom: 13.5px
}

.bt .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.bt .navbar-default .navbar-brand {
  color: #777
}

.bt .navbar-default .navbar-brand:focus,
.bt .navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent
}

.bt .navbar-default .navbar-nav>li>a,
.bt .navbar-default .navbar-text {
  color: #777
}

.bt .navbar-default .navbar-nav>li>a:focus,
.bt .navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent
}

.bt .navbar-default .navbar-nav>.active>a,
.bt .navbar-default .navbar-nav>.active>a:focus,
.bt .navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: #e7e7e7
}

.bt .navbar-default .navbar-nav>.disabled>a,
.bt .navbar-default .navbar-nav>.disabled>a:focus,
.bt .navbar-default .navbar-nav>.disabled>a:hover {
  color: #ccc;
  background-color: transparent
}

.bt .navbar-default .navbar-toggle {
  border-color: #ddd
}

.bt .navbar-default .navbar-toggle:focus,
.bt .navbar-default .navbar-toggle:hover {
  background-color: #ddd
}

.bt .navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}

.bt .navbar-default .navbar-collapse,
.bt .navbar-default .navbar-form {
  border-color: #e7e7e7
}

.bt .navbar-default .navbar-nav>.open>a,
.bt .navbar-default .navbar-nav>.open>a:focus,
.bt .navbar-default .navbar-nav>.open>a:hover {
  background-color: #e7e7e7;
  color: #555
}

.bt .navbar-default .navbar-link {
  color: #777
}

.bt .navbar-default .navbar-link:hover {
  color: #333
}

.bt .navbar-default .btn-link {
  color: #777
}

.bt .navbar-default .btn-link:focus,
.bt .navbar-default .btn-link:hover {
  color: #333
}

.bt .navbar-default .btn-link[disabled]:focus,
.bt .navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .bt .navbar-default .btn-link:focus,
fieldset[disabled] .bt .navbar-default .btn-link:hover {
  color: #ccc
}

.bt .navbar-inverse {
  background-color: #222;
  border-color: #090909
}

.bt .navbar-inverse .navbar-brand {
  color: #9d9d9d
}

.bt .navbar-inverse .navbar-brand:focus,
.bt .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent
}

.bt .navbar-inverse .navbar-nav>li>a,
.bt .navbar-inverse .navbar-text {
  color: #9d9d9d
}

.bt .navbar-inverse .navbar-nav>li>a:focus,
.bt .navbar-inverse .navbar-nav>li>a:hover {
  color: #fff;
  background-color: transparent
}

.bt .navbar-inverse .navbar-nav>.active>a,
.bt .navbar-inverse .navbar-nav>.active>a:focus,
.bt .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #090909
}

.bt .navbar-inverse .navbar-nav>.disabled>a,
.bt .navbar-inverse .navbar-nav>.disabled>a:focus,
.bt .navbar-inverse .navbar-nav>.disabled>a:hover {
  color: #444;
  background-color: transparent
}

.bt .navbar-inverse .navbar-toggle {
  border-color: #333
}

.bt .navbar-inverse .navbar-toggle:focus,
.bt .navbar-inverse .navbar-toggle:hover {
  background-color: #333
}

.bt .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}

.bt .navbar-inverse .navbar-collapse,
.bt .navbar-inverse .navbar-form {
  border-color: #101010
}

.bt .navbar-inverse .navbar-nav>.open>a,
.bt .navbar-inverse .navbar-nav>.open>a:focus,
.bt .navbar-inverse .navbar-nav>.open>a:hover {
  background-color: #090909;
  color: #fff
}

@media (max-width:767px) {
  .bt .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777
  }

  .bt .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
  .bt .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: transparent
  }

  .bt .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .bt .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
  .bt .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
  }

  .bt .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .bt .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
  .bt .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
  }

  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #090909
  }

  .bt .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }

  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d
  }

  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent
  }

  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #090909
  }

  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
  .bt .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #444;
    background-color: transparent
  }
}

.bt .navbar-inverse .navbar-link {
  color: #9d9d9d
}

.bt .navbar-inverse .navbar-link:hover {
  color: #fff
}

.bt .navbar-inverse .btn-link {
  color: #9d9d9d
}

.bt .navbar-inverse .btn-link:focus,
.bt .navbar-inverse .btn-link:hover {
  color: #fff
}

.bt .navbar-inverse .btn-link[disabled]:focus,
.bt .navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .bt .navbar-inverse .btn-link:focus,
fieldset[disabled] .bt .navbar-inverse .btn-link:hover {
  color: #444
}

.bt .breadcrumb {
  padding: 0;
  margin-bottom: 23px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px
}

.bt .breadcrumb>li {
  display: inline-block
}

.bt .breadcrumb>li+li:before {
  content: "> ";
  padding: 0 5px;
  color: #333;
  vertical-align: 1px
}

.bt .breadcrumb>.active {
  color: #333
}

.bt .label {
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}

.bt .label:empty {
  display: none
}

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

.bt a.label:focus,
.bt a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.bt .label-default {
  background-color: #777
}

.bt .label-default[href]:focus,
.bt .label-default[href]:hover {
  background-color: #5e5e5e
}

.bt .label-primary {
  background-color: #337ab7
}

.bt .label-primary[href]:focus,
.bt .label-primary[href]:hover {
  background-color: #286090
}

.bt .label-success {
  background-color: #5cb85c
}

.bt .label-success[href]:focus,
.bt .label-success[href]:hover {
  background-color: #449d44
}

.bt .label-info {
  background-color: #5bc0de
}

.bt .label-info[href]:focus,
.bt .label-info[href]:hover {
  background-color: #31b0d5
}

.bt .label-warning {
  background-color: #f0ad4e
}

.bt .label-warning[href]:focus,
.bt .label-warning[href]:hover {
  background-color: #ec971f
}

.bt .label-danger {
  background-color: #d9534f
}

.bt .label-danger[href]:focus,
.bt .label-danger[href]:hover {
  background-color: #c9302c
}

.bt .thumbnail {
  display: block;
  margin-bottom: 23px;
  line-height: 1.7;
  border-radius: 0;
  -webkit-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out
}

.bt .thumbnail>img,
.bt .thumbnail a>img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.bt a.thumbnail.active,
.bt a.thumbnail:focus,
.bt a.thumbnail:hover {
  border-color: #338fe7
}

.bt .media {
  margin-top: 15px
}

.bt .media:first-child {
  margin-top: 0
}

.bt .media,
.bt .media-body {
  zoom: 1;
  overflow: hidden
}

.bt .media-body {
  width: 10000px
}

.bt .media-object {
  display: block
}

.bt .media-object.img-thumbnail {
  max-width: none
}

.bt .media>.pull-right,
.bt .media-right {
  padding-left: 10px
}

.bt .media>.pull-left,
.bt .media-left {
  padding-right: 10px
}

.bt .media-body,
.bt .media-left,
.bt .media-right {
  display: table-cell;
  vertical-align: top
}

.bt .media-middle {
  vertical-align: middle
}

.bt .media-bottom {
  vertical-align: bottom
}

.bt .media-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.bt .media-list {
  padding-left: 0;
  list-style: none
}

.bt .panel {
  margin-bottom: 23px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.bt .panel-body {
  padding: 15px
}

.bt .panel-body:after,
.bt .panel-body:before {
  content: " ";
  display: table
}

.bt .panel-body:after {
  clear: both
}

.bt .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.bt .panel-heading>.dropdown .dropdown-toggle {
  color: inherit
}

.bt .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit
}

.bt .panel-title>.small,
.bt .panel-title>.small>a,
.bt .panel-title>a,
.bt .panel-title>small,
.bt .panel-title>small>a {
  color: inherit
}

.bt .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.bt .panel>.list-group,
.bt .panel>.panel-collapse>.list-group {
  margin-bottom: 0
}

.bt .panel>.list-group .list-group-item,
.bt .panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

.bt .panel>.list-group:first-child .list-group-item:first-child,
.bt .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.bt .panel>.list-group:last-child .list-group-item:last-child,
.bt .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.bt .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.bt .list-group+.panel-footer,
.bt .panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.bt .panel>.panel-collapse>.table,
.bt .panel>.table,
.bt .panel>.table-responsive>.table {
  margin-bottom: 0
}

.bt .panel>.panel-collapse>.table caption,
.bt .panel>.table caption,
.bt .panel>.table-responsive>.table caption {
  padding-left: 15px;
  padding-right: 15px
}

.bt .panel>.table-responsive:first-child>.table:first-child,
.bt .panel>.table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.bt .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.bt .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.bt .panel>.table:first-child>tbody:first-child>tr:first-child,
.bt .panel>.table:first-child>thead:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.bt .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.bt .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.bt .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.bt .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.bt .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.bt .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.bt .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.bt .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px
}

.bt .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.bt .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.bt .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.bt .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.bt .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.bt .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.bt .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.bt .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px
}

.bt .panel>.table-responsive:last-child>.table:last-child,
.bt .panel>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.bt .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.bt .panel>.table:last-child>tbody:last-child>tr:last-child,
.bt .panel>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.bt .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.bt .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.bt .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.bt .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.bt .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px
}

.bt .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.bt .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.bt .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.bt .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.bt .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.bt .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px
}

.bt .panel>.panel-body+.table,
.bt .panel>.panel-body+.table-responsive,
.bt .panel>.table+.panel-body,
.bt .panel>.table-responsive+.panel-body {
  border-top: 1px solid #999
}

.bt .panel>.table>tbody:first-child>tr:first-child td,
.bt .panel>.table>tbody:first-child>tr:first-child th {
  border-top: 0
}

.bt .panel>.table-bordered,
.bt .panel>.table-responsive>.table-bordered {
  border: 0
}

.bt .panel>.table-bordered>tbody>tr>td:first-child,
.bt .panel>.table-bordered>tbody>tr>th:first-child,
.bt .panel>.table-bordered>tfoot>tr>td:first-child,
.bt .panel>.table-bordered>tfoot>tr>th:first-child,
.bt .panel>.table-bordered>thead>tr>td:first-child,
.bt .panel>.table-bordered>thead>tr>th:first-child,
.bt .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.bt .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.bt .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.bt .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.bt .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.bt .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left: 0
}

.bt .panel>.table-bordered>tbody>tr>td:last-child,
.bt .panel>.table-bordered>tbody>tr>th:last-child,
.bt .panel>.table-bordered>tfoot>tr>td:last-child,
.bt .panel>.table-bordered>tfoot>tr>th:last-child,
.bt .panel>.table-bordered>thead>tr>td:last-child,
.bt .panel>.table-bordered>thead>tr>th:last-child,
.bt .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.bt .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.bt .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.bt .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.bt .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.bt .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right: 0
}

.bt .panel>.table-bordered>tbody>tr:first-child>td,
.bt .panel>.table-bordered>tbody>tr:first-child>th,
.bt .panel>.table-bordered>tbody>tr:last-child>td,
.bt .panel>.table-bordered>tbody>tr:last-child>th,
.bt .panel>.table-bordered>tfoot>tr:last-child>td,
.bt .panel>.table-bordered>tfoot>tr:last-child>th,
.bt .panel>.table-bordered>thead>tr:first-child>td,
.bt .panel>.table-bordered>thead>tr:first-child>th,
.bt .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.bt .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.bt .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.bt .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.bt .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.bt .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.bt .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.bt .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom: 0
}

.bt .panel>.table-responsive {
  border: 0;
  margin-bottom: 0
}

.bt .panel-group {
  margin-bottom: 23px
}

.bt .panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px
}

.bt .panel-group .panel+.panel {
  margin-top: 5px
}

.bt .panel-group .panel-heading {
  border-bottom: 0
}

.bt .panel-group .panel-heading+.panel-collapse>.list-group,
.bt .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd
}

.bt .panel-group .panel-footer {
  border-top: 0
}

.bt .panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}

.bt .panel-default {
  border-color: #ddd
}

.bt .panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}

.bt .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd
}

.bt .panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}

.bt .panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd
}

.bt .panel-primary {
  border-color: #337ab7
}

.bt .panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.bt .panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7
}

.bt .panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff
}

.bt .panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7
}

.bt .panel-success {
  border-color: #d6e9c6
}

.bt .panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.bt .panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.bt .panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.bt .panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.bt .panel-info {
  border-color: #bce8f1
}

.bt .panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.bt .panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.bt .panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}

.bt .panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.bt .panel-warning {
  border-color: #faebcc
}

.bt .panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.bt .panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.bt .panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.bt .panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.bt .panel-danger {
  border-color: #ebccd1
}

.bt .panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.bt .panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.bt .panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}

.bt .panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1
}

.bt .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #999;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.bt .well blockquote {
  border-color: rgba(0, 0, 0, .15)
}

.bt .well-lg {
  padding: 24px;
  border-radius: 6px
}

.bt .well-sm {
  padding: 9px;
  border-radius: 3px
}

.bt .clearfix:after,
.bt .clearfix:before {
  content: " ";
  display: table
}

.bt .clearfix:after {
  clear: both
}

.bt .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.bt .pull-right {
  float: right !important
}

.bt .pull-left {
  float: left !important
}

.bt .hide {
  display: none !important
}

.bt .show {
  display: block !important
}

.bt .invisible {
  visibility: hidden
}

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

.bt .hidden {
  display: none !important
}

.bt .affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

.bt .visible-lg,
.bt .visible-lg-block,
.bt .visible-lg-inline,
.bt .visible-lg-inline-block,
.bt .visible-md,
.bt .visible-md-block,
.bt .visible-md-inline,
.bt .visible-md-inline-block,
.bt .visible-sm,
.bt .visible-sm-block,
.bt .visible-sm-inline,
.bt .visible-sm-inline-block,
.bt .visible-xs,
.bt .visible-xs-block,
.bt .visible-xs-inline,
.bt .visible-xs-inline-block {
  display: none !important
}

@media (max-width:767px) {
  .bt .visible-xs {
    display: block !important
  }

  .bt table.visible-xs {
    display: table !important
  }

  .bt tr.visible-xs {
    display: table-row !important
  }

  .bt td.visible-xs,
  .bt th.visible-xs {
    display: table-cell !important
  }

  .bt .visible-xs-block {
    display: block !important
  }

  .bt .visible-xs-inline {
    display: inline !important
  }

  .bt .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .bt .visible-sm {
    display: block !important
  }

  .bt table.visible-sm {
    display: table !important
  }

  .bt tr.visible-sm {
    display: table-row !important
  }

  .bt td.visible-sm,
  .bt th.visible-sm {
    display: table-cell !important
  }

  .bt .visible-sm-block {
    display: block !important
  }

  .bt .visible-sm-inline {
    display: inline !important
  }

  .bt .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .bt .visible-md {
    display: block !important
  }

  .bt table.visible-md {
    display: table !important
  }

  .bt tr.visible-md {
    display: table-row !important
  }

  .bt td.visible-md,
  .bt th.visible-md {
    display: table-cell !important
  }

  .bt .visible-md-block {
    display: block !important
  }

  .bt .visible-md-inline {
    display: inline !important
  }

  .bt .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width:1200px) {
  .bt .visible-lg {
    display: block !important
  }

  .bt table.visible-lg {
    display: table !important
  }

  .bt tr.visible-lg {
    display: table-row !important
  }

  .bt td.visible-lg,
  .bt th.visible-lg {
    display: table-cell !important
  }

  .bt .visible-lg-block {
    display: block !important
  }

  .bt .visible-lg-inline {
    display: inline !important
  }

  .bt .visible-lg-inline-block {
    display: inline-block !important
  }

  .bt .hidden-lg {
    display: none !important
  }
}

@media (max-width:767px) {
  .bt .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .bt .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .bt .hidden-md {
    display: none !important
  }
}

.bt .visible-print {
  display: none !important
}

@media print {
  .bt .visible-print {
    display: block !important
  }

  .bt table.visible-print {
    display: table !important
  }

  .bt tr.visible-print {
    display: table-row !important
  }

  .bt td.visible-print,
  .bt th.visible-print {
    display: table-cell !important
  }
}

.bt .visible-print-block {
  display: none !important
}

@media print {
  .bt .visible-print-block {
    display: block !important
  }
}

.bt .visible-print-inline {
  display: none !important
}

@media print {
  .bt .visible-print-inline {
    display: inline !important
  }
}

.bt .visible-print-inline-block {
  display: none !important
}

@media print {
  .bt .visible-print-inline-block {
    display: inline-block !important
  }

  .bt .hidden-print {
    display: none !important
  }
}

.bt .sans-serif,
.bt h1,
.bt h2,
.bt h3,
.bt h4,
.bt h5,
.bt h6,
.bt strong,
.bt th {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif
}

.bt .serif {
  font-family: "Roboto Slab", Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "HGS明朝E", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", serif
}

.bt a,
.bt a img {
  -webkit-transition: .15s;
  transition: .15s
}

.bt a.underline {
  text-decoration: underline
}

.bt a.underline:hover {
  text-decoration: none
}

.bt a.hover-img:hover img,
.bt a.hover:hover {
  opacity: .8
}

.bt a .img-responsive {
  display: inline-block
}

.bt .both-side-slash {
  position: relative;
  display: inline-block;
  padding-right: 62px;
  padding-left: 62px;
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: center
}

.bt .both-side-slash:after,
.bt .both-side-slash:before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 32px;
  height: 49px;
  margin-top: auto;
  margin-bottom: auto;
  content: ""
}

.bt .both-side-slash:before {
  left: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/slash-left.png) no-repeat
}

.bt .both-side-slash:after {
  right: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/slash-right.png) 100% 0 no-repeat
}

.bt .both-side-slash .title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem
}

.bt .google-map-container {
  position: relative;
  height: 0;
  padding-top: 30px;
  padding-bottom: 30%;
  overflow: hidden
}

.bt .google-map-container embed,
.bt .google-map-container iframe,
.bt .google-map-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media (max-width:767px) {
  .bt .google-map-container-xs {
    position: relative;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    padding-bottom: 60%
  }

  .bt .google-map-container-xs embed,
  .bt .google-map-container-xs iframe,
  .bt .google-map-container-xs object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .bt .page-header-base {
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt img.width-100p {
  width: 100% !important
}

.bt .mark,
.bt mark {
  display: inline-block;
  padding: .1em 0;
  background-color: #fcee21
}

.bt .page-header-function {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/function/main-visual.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-circle {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-circle.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-circle-2 {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-circle-2.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-circle-3 {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-circle-3.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-circle-4 {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-circle-4.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-five-reason {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-five-reason.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-five-reason dd small {
  display: block
}

.bt .page-header-best-practice {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-best-practice.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-best-practice dd small {
  display: block
}

.bt .page-header-casestudy {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-casestudy.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-purchase {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-purchase.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-support {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-main-visual-support.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-about {
  background: url(../img/common/bg-main-visual-about.jpg) 50% 50%/cover no-repeat
}

.bt .page-header-teamwork {
  background: url(../img/common/bg-teamwork.jpg) 50% 50%/cover no-repeat
}

.bt .page-header {
  position: relative;
  display: table;
  width: 990px;
  padding-bottom: 0;
  margin: 0 auto;
  border-bottom: 0;
  background: 0 0
}

@media (min-width:480px) {
  .bt .page-header {
    height: 200px
  }
}

.bt .page-header .title {
  display: table-cell;
  padding: 55px 0 54px 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  color: #fff;
  line-height: 1.1;
  vertical-align: middle;
  border-bottom: 0
}

.bt .page-header .title dd small {
  font-size: 21px
}

@media (max-width:767px) {
  .bt .page-header-base .dl-list-indent.title {
    display: block !important;
    padding-top: 25px;
    padding-bottom: 25px
  }

  .bt .page-header-base .dl-list-indent.title dt {
    display: block
  }

  .bt .page-header-base .dl-list-indent.title dt img {
    width: 33px;
    max-width: none
  }

  .bt .page-header-best-practice dt,
  .bt .page-header-five-reason dt {
    display: table-cell !important
  }

  .bt .page-header .title {
    padding: 50px 10px;
    font-size: 23px
  }

  .bt .page-header .title dd small {
    font-size: 15px
  }
}

.bt .page-header .text-sm {
  display: block;
  margin-top: 23px;
  font-size: 16px;
  line-height: 1.2;
  color: #77889d
}

@media (max-width:767px) {
  .bt .page-header .text-sm {
    margin-top: 12px;
    font-size: 12px
  }

  .bt .page-header .logo {
    width: 124px
  }
}

.bt .page-header .logo {
  position: absolute;
  top: 16px;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto
}

.bt .page-header .h_icon {
  padding-right: 16px
}

.bt ol,
.bt ul {
  padding-left: 2em
}

.bt .list-logo {
  display: table;
  width: 100%;
  margin-bottom: 55px
}

.bt .list-logo li {
  display: table-cell;
  width: 20%;
  vertical-align: middle
}

@media (max-width:991px) {
  .bt .page-header {
    width: 100%
  }

  .bt .page-header .logo {
    right: 10px
  }

  .bt .list-logo li {
    padding-right: 10px;
    padding-left: 10px
  }
}

.bt .list-inline {
  margin-left: 0
}

.bt .list-inline>li:first-child {
  padding-left: 0
}

.bt .list-inline.bordered {
  margin-bottom: 15px
}

.bt .list-inline.bordered>li {
  padding-right: 8px;
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1.1
}

.bt .list-inline.bordered>li+li {
  border-left: 1px solid #999
}

.bt .list-inline.bordered>li:first-child {
  padding-left: 0
}

.bt .list-inline.bordered>li:last-child {
  padding-right: 0
}

.bt .list-bordered {
  padding-bottom: 30px;
  margin-top: 26px;
  margin-bottom: 0
}

@media (max-width:767px) {
  .bt .page-header .h_icon {
    padding-right: 12px
  }

  .bt .list-logo {
    margin-bottom: 0
  }

  .bt .list-logo li {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 28px
  }

  .bt .list-inline.bordered>li {
    margin-bottom: 5px
  }

  .bt .list-bordered {
    padding-bottom: 20px
  }
}

.bt .list-bordered li {
  position: relative;
  padding-left: 20px;
  padding-right: 15px
}

@media (max-width:991px) {
  .bt .list-bordered li {
    padding-left: 9px;
    padding-right: 5px
  }
}

.bt .list-bordered li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 1px;
  height: 15px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #fff;
  content: ""
}

.bt .list-bordered li:first-of-type:before {
  content: none
}

.bt .list-bordered li a {
  font-size: 16px;
  line-height: 1.1;
  color: #fff
}

@media (max-width:767px) {
  .bt .list-bordered li {
    padding: 0 10px !important;
    margin-bottom: 15px
  }

  .bt .list-bordered li a {
    font-size: 14px
  }
}

.bt .list-bordered li a:hover {
  text-underline-position: under
}

.bt .list-disc li {
  list-style-type: disc
}

.bt .list-disc li+li {
  margin-top: 15px
}

.bt .list-disc-black {
  padding-left: 0;
  margin-bottom: 15px
}

.bt .list-disc-black li {
  position: relative;
  padding-left: 8px;
  font-size: 14px
}

@media (min-width:768px) {
  .bt .list-logo.three-item {
    width: 60%
  }

  .bt .list-disc-black {
    margin-bottom: 25px
  }

  .bt .list-disc-black li {
    font-size: 16px;
    line-height: 1.5
  }
}

.bt .list-disc-black li:before {
  position: absolute;
  width: 2.5px;
  height: 2.5px;
  top: 10px;
  left: 4px;
  background-color: #000;
  content: "";
  border-radius: 50%
}

.bt .dl-list-indent {
  margin-bottom: 0
}

.bt .dl-list-indent,
.bt .dl-list-indent dd {
  overflow: hidden;
  zoom: 1
}

.bt .dl-list-indent dd,
.bt .dl-list-indent dt {
  display: table-cell;
  line-height: 1.4;
  vertical-align: top
}

.bt .dl-list-indent dt {
  padding-right: 5px;
  font-weight: 400
}

.bt .dl-list-indent dt img {
  display: block
}

.bt .dl-list-indent dt.arrow-bottom-orange {
  padding: 0 0 0 22px;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-down-orange.png) 0 4px no-repeat
}

.bt .dl-list-indent dd {
  width: 10000px
}

.bt .dl-list-block {
  margin-bottom: 8px
}

.bt .dl-list-block dd,
.bt .dl-list-block dt {
  display: block;
  width: auto
}

.bt .dl-list-block dt {
  font-weight: 700;
  color: #008cc9
}

.bt .dl-list-block dd {
  padding-left: 20px;
  margin-bottom: 10px;
  color: #000
}

.bt .dl-list-indent-light-gray {
  color: #666
}

@media (min-width:768px) {
  .bt .dl-list-block {
    margin-bottom: 12px
  }

  .bt .dl-list-block dd {
    margin-bottom: 16px;
    line-height: 1.5
  }

  .bt .dl-list-indent-light-gray {
    font-size: 16px
  }
}

.bt .dl-list-indent-light-gray dt {
  padding-right: 0
}

.bt .dl-list-indent-blue {
  margin-bottom: 5px;
  font-size: 16px;
  color: #008cc9
}

.bt .dl-list-blue {
  margin-bottom: 10px
}

.bt .dl-list-blue dt {
  padding-top: 2px;
  font-size: 10px;
  color: #0068b7
}

@media (min-width:768px) {
  .bt .dl-list-indent-blue {
    margin-bottom: 10px;
    font-size: 18px
  }

  .bt .dl-list-blue dt {
    padding-top: 6px;
    font-size: 13px
  }
}

.bt .dl-list-blue dd {
  font-size: 16px;
  color: #000
}

.bt .dl-list-blue.dl-list-blue-lg {
  margin-top: 38px
}

.bt .dl-list-blue.dl-list-blue-lg dd,
.bt .dl-list-blue.dl-list-blue-lg dt {
  font-size: 18px
}

.bt .dl-list-blue.dl-list-blue-lg dt {
  padding-top: 0
}

@media (min-width:768px) {
  .bt .dl-list-blue dd {
    font-size: 18px;
    line-height: 1.556
  }

  .bt .dl-list-blue.dl-list-blue-lg dd,
  .bt .dl-list-blue.dl-list-blue-lg dt {
    font-size: 20px;
    line-height: 1.556
  }

  .bt .dl-list-blue.dl-list-blue-lg dt {
    padding-right: 7px
  }
}

.bt .dl-list-strong-blue {
  margin-top: 25px;
  margin-bottom: 15px;
  color: #008cc9;
  font-size: 18px;
  font-weight: 700
}

@media (max-width:991px) {
  .bt .dl-list-strong-blue {
    margin-bottom: 15px;
    font-size: 16px
  }

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

.bt .dl-column-2 {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  -webkit-column-gap: 50px;
  column-gap: 50px
}

.bt .dl-column-2.pad-outline dl {
  margin-bottom: 15px
}

.bt .dl-column-2.pad-outline dl.break-point {
  -webkit-column-break-after: column;
  break-after: column
}

.bt .dl-column-2 dd>a:hover {
  color: red;
  text-decoration: none
}

.bt .dl-column-2 dd>a {
  color: #338fe7
}

.bt .dl-column-outer {
  width: 100%
}

.bt .dl-column-outer.pad-outline>dl>dl {
  margin-bottom: 15px
}

.bt .dl-column-outer .dl-column {
  margin-bottom: 0;
  width: calc(50% - 25px)
}

@media (max-width:479px) {
  .bt .dl-list-indent.cleared-xxs dt {
    display: block
  }

  .bt .dl-list-indent.cleared-xxs dd {
    padding-top: 0
  }

  .bt .dl-column-2 {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1
  }

  .bt .dl-column-outer .dl-column {
    width: 100%
  }

  .bt .dl-column-outer .dl-column.left,
  .bt .dl-column-outer .dl-column.right {
    float: none
  }
}

.bt .dl-column-outer .dl-column.left {
  float: left
}

.bt .dl-column-outer .dl-column.right {
  float: right
}

.bt .dl-column-outer .dl-column dd>a:hover {
  color: red;
  text-decoration: none
}

.bt .dl-column-outer .dl-column dd>a {
  color: #338fe7
}

.bt .dl-elastic-arrow {
  margin-top: 40px;
  margin-bottom: 23px;
  color: #fff
}

.bt .dl-elastic-arrow dt {
  position: relative;
  min-width: 83px;
  margin-right: 30px;
  padding: 0 5px;
  font-size: 18px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: #c48700
}

@media (max-width:767px) {
  .bt .list-disc-black li:before {
    top: 8px
  }

  .bt .dl-list-indent.cleared-xs dt {
    display: block
  }

  .bt .dl-list-indent.cleared-xs dd {
    padding-top: 0
  }

  .bt .dl-elastic-arrow {
    margin-top: 30px;
    margin-bottom: 15px
  }

  .bt .dl-elastic-arrow dt {
    min-width: 70px;
    font-size: 14px
  }
}

.bt .dl-elastic-arrow dt:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #c48700;
  content: ""
}

.bt .dl-elastic-arrow dd {
  padding: 4px 20px 4px 30px;
  font-size: 23px;
  font-weight: 700;
  background-color: #e8a000
}

.bt .dl-elastic-arrow.dl-green dt {
  background-color: #528f29
}

.bt .dl-elastic-arrow.dl-green dt:after {
  border-left-color: #528f29
}

.bt .dl-elastic-arrow.dl-green dd {
  background-color: #61aa31
}

.bt .dl-elastic-arrow.dl-blue dt {
  background-color: #0084b5
}

.bt .dl-elastic-arrow.dl-blue dt:after {
  border-left-color: #0084b5
}

.bt .dl-elastic-arrow.dl-blue dd {
  background-color: #009dd7
}

.bt .dl-number {
  margin-bottom: 13px
}

@media (max-width:767px) {
  .bt .dl-elastic-arrow dt:after {
    border-width: 17px 0 17px 17px
  }

  .bt .dl-elastic-arrow dd {
    padding: 5px 10px 4px 25px;
    font-size: 18px
  }

  .bt .dl-number {
    margin-bottom: 8px
  }

  .bt .dl-number .img-number {
    max-width: 24px
  }
}

@media (min-width:768px) {
  .bt .dl-number dt {
    padding-right: 10px
  }
}

.bt .dl-number dd {
  padding-top: 2px
}

.bt .dl-white dd,
.bt .dl-white dt {
  font-size: 14px;
  line-height: 1.714;
  color: #fff
}

.bt .dl-white dt {
  padding-right: 4px
}

.bt .dl-white:first-of-type {
  margin-top: 23px
}

@media (max-width:767px) {

  .bt .dl-white dd,
  .bt .dl-white dt {
    font-size: 12px
  }

  .bt .dl-white:first-of-type {
    margin-top: 15px;
    margin-bottom: 3px
  }
}

.bt .dl-fv dd,
.bt .dl-fv dt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  color: #000
}

.bt .dl-fv dt {
  padding-right: 0
}

.bt .highlight-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: linear-gradient(transparent 60%, #ff6 60%)
}

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

.bt .text-dark-gray,
.bt .text-gray {
  color: #ccc !important
}

.bt .text-dim-gray {
  color: #666 !important
}

.bt .text-red {
  color: red !important
}

.bt .text-orange {
  color: #f90 !important
}

.bt .text-dark-orange {
  color: #d6a311 !important
}

.bt .text-light-orange {
  color: #e8a000 !important
}

.bt .text-dark-gray-black {
  color: #999 !important
}

.bt .text-dark-blue {
  color: #004b8b !important
}

.bt .text-strong-blue {
  color: #008cc9 !important
}

.bt .text-light-blue {
  color: #0099d5 !important
}

.bt .text-sky-blue {
  color: #003e6e !important
}

.bt .text-pure-yellow {
  color: #f9be00 !important
}

.bt .text-grayish-blue {
  color: #818e9a !important
}

.bt .text-dark-magenta {
  color: #930f7c !important
}

.bt .text-green {
  color: #7aac38 !important
}

.bt .text-light-green {
  color: #61aa31 !important
}

.bt .text-moderate-green {
  color: #65ac36 !important
}

.bt .text-blue {
  color: #338fe7 !important
}

.bt .text-ocean-blue {
  color: #09f !important
}

.bt .text-black {
  color: #000 !important
}

.bt .text-black-gray {
  color: #333 !important
}

.bt .text-blue-sm {
  color: #0068b7 !important
}

.bt .text-light-blue-sm {
  color: #009dd7 !important
}

.bt .text-bold {
  font-weight: 700 !important
}

.bt .text-break {
  word-break: break-all !important
}

.bt .text-emphasis {
  font-size: 3rem;
  line-height: 4.5rem
}

.bt .text-emphasis .fs-xxs {
  font-size: 1rem
}

.bt .text-emphasis .fs-xs {
  font-size: 1.5rem
}

.bt .text-emphasis .fs-sm {
  font-size: 2rem
}

.bt .text-emphasis .fs-lg {
  font-size: 6rem
}

.bt .text-emphasis .fs-xlg {
  font-size: 8rem
}

@media (max-width:1199px) {
  .bt .text-center-md {
    text-align: center !important
  }
}

.bt address {
  font-style: normal;
  margin-bottom: 0;
  line-height: 1.1
}

.bt hr.hr-arrow-bottom-black {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-black.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-bottom-light-gray {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-light-gray.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-blue {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-blue.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-deep-blue {
  height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-deep-blue.png) 50% 50%/contain no-repeat;
  border-top: 0
}

@media (max-width:767px) {

  .bt .dl-fv dd,
  .bt .dl-fv dt {
    font-size: 12px
  }

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

  .bt hr.hr-arrow-deep-blue {
    height: 20px;
    margin-bottom: 10px
  }
}

.bt hr.hr-arrow-bottom-white {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-white.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-bottom-dark-grayish-blue {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-dark-grayish-blue.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-bottom-strong-orange {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-strong-orange.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-bottom-green {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-green.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-arrow-bottom-light-blue {
  height: 25px;
  margin-top: 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-light-blue.png) 50% 50% no-repeat;
  border-top: 0
}

.bt hr.hr-gray {
  margin: 0;
  border-top: 5px solid #5c5c5c
}

.bt hr.hr-light-gray {
  margin: 0;
  border-top: 1px solid #c0c6cc
}

.bt .list-disc-orange-lg li {
  position: relative;
  padding: 0 0 0 24px;
  font-size: 20px;
  color: #f90
}

.bt .list-disc-orange-lg li:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: #f90;
  border-radius: 50%;
  content: ""
}

.bt .list-arrow-orange-hover-red {
  margin-top: 40px;
  margin-bottom: 50px
}

@media (max-width:767px) {
  .bt .list-disc-orange-lg li {
    padding: 0 0 0 20px;
    margin-bottom: 5px;
    font-size: 18px
  }

  .bt .list-disc-orange-lg li:before {
    top: 6px;
    width: 14px;
    height: 14px
  }

  .bt .list-arrow-orange-hover-red {
    margin-top: 20px;
    margin-bottom: 25px
  }
}

.bt .list-arrow-orange-hover-red li {
  position: relative;
  padding: 0 0 0 24px;
  margin-bottom: 2px
}

.bt .list-arrow-orange-hover-red li a {
  color: #338fe7
}

.bt .list-arrow-orange-hover-red li a:active,
.bt .list-arrow-orange-hover-red li a:focus,
.bt .list-arrow-orange-hover-red li a:hover {
  color: red;
  text-decoration: none
}

.bt .list-arrow-orange-hover-red li:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 14px;
  height: 12px;
  background: url(../img/icon/arrow-down-orange.png) 50% 50% no-repeat;
  content: ""
}

.bt .list-square-gray {
  margin-right: 15px;
  margin-left: 15px
}

.bt .list-square-gray li {
  position: relative;
  padding-left: 20px
}

@media (max-width:767px) {
  .bt .list-arrow-orange-hover-red li {
    padding-left: 20px
  }

  .bt .list-arrow-orange-hover-red li:before {
    top: 4px
  }

  .bt .list-square-gray {
    margin-right: 10px;
    margin-left: 10px
  }

  .bt .list-square-gray li {
    padding-left: 15px
  }
}

.bt .list-square-gray li+li {
  margin-top: 15px
}

.bt .list-square-gray li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 11px;
  height: 11px;
  background-color: #a0a0a0;
  content: ""
}

.bt .list-function-use {
  padding-left: 0;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .list-square-gray li:before {
    top: 4px
  }

  .bt .list-function-use {
    margin-bottom: 25px;
    font-size: 16px
  }
}

@media (max-width:479px) {
  .bt .list-function-use {
    font-size: 14px
  }
}

.bt .list-function-use li a {
  color: #09f
}

.bt .text-lead,
.bt .text-sm-general {
  color: #000
}

.bt .number-right {
  margin: 0;
  font-size: 24px
}

@media (max-width:767px) {
  .bt .number-right {
    font-size: 20px
  }

  .bt .media-img {
    width: 28%
  }
}

@media (max-width:479px) {
  .bt .number-right {
    font-size: 18px
  }

  .bt .container-form .list-inline li {
    display: block
  }
}

.bt .logo-retina {
  max-width: 188px
}

.bt .logo-ntt-lifescience {
  width: 161px
}

.bt .logo-smbc {
  width: 140px
}

.bt .bg-light-red {
  background-color: #f0d3d3 !important
}

.bt .list-id {
  padding-left: 20px;
  list-style: decimal
}

.bt .text-red-sm {
  position: relative;
  padding-right: 20px;
  float: right;
  color: #ea5651
}

.bt .text-red-sm:before {
  position: absolute;
  top: 50%;
  left: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 11px 8px 0;
  border-color: transparent #ea5651 transparent transparent;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:767px) {
  .bt .text-red-sm {
    display: block;
    padding-top: 15px;
    padding-right: 0;
    margin-top: 5px;
    float: none
  }

  .bt .text-red-sm:before {
    top: 2px;
    left: 2px;
    right: 0;
    margin-right: auto;
    border-width: 6px 9px 6px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .bt .text-red-sm:before {
    top: 45%
  }
}

@media all and (-ms-high-contrast:none) and (max-width:767px),
(-ms-high-contrast:active) and (max-width:767px) {
  .bt .text-red-sm:before {
    top: 0 !important
  }
}

.bt .text-circle-orange {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  margin-top: 49px;
  margin-bottom: 25px;
  font-size: 20px;
  color: #f90;
  border-left: 0
}

.bt .text-circle-orange:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #f90;
  border-radius: 50%;
  content: ""
}

@media (min-width:768px) {
  .bt .list-square-gray li {
    font-size: 18px
  }

  .bt .text-circle-orange:before {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
  }
}

@media (max-width:767px) {
  .bt .text-circle-orange {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 18px
  }

  .bt .text-circle-orange:before {
    width: 15px;
    height: 15px
  }
}

.bt .text-circle-black {
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 22px;
  margin-top: 23px;
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  border-left: 0
}

.bt .text-circle-black:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
  content: ""
}

@media (max-width:767px) {
  .bt .text-circle-black {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 18px;
    margin-top: 14px;
    margin-bottom: 8px;
    font-size: 16px
  }

  .bt .text-circle-black:before {
    top: 5px;
    width: 13px;
    height: 13px
  }
}

.bt .bg-blue-grey {
  background-color: #3c8cb8 !important
}

.bt .text-r-sm {
  display: inline-block;
  margin-top: 9px;
  font-size: 14px;
  color: #003e6e
}

.bt .dot-sm {
  position: relative
}

.bt .dot-sm:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  border-radius: 50%;
  content: ""
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .bt .dot-sm:before {
    margin-top: 22px
  }
}

@media all and (-ms-high-contrast:none) and (max-width:767px),
(-ms-high-contrast:active) and (max-width:767px) {
  .bt .dot-sm:before {
    margin-top: 17px
  }
}

.bt .dot-orange-sm:before {
  background-color: #e8a000
}

.bt .dot-green-sm:before {
  background-color: #61aa31
}

.bt .dot-blue-sm:before {
  background-color: #009dd7
}

.bt .dot-dark-blue-sm:before {
  background-color: #0068b7
}

@media (max-width:767px) {
  .bt .text-r-sm {
    margin-top: 5px;
    font-size: 12px
  }

  .bt .text-r-sm .visible-xs {
    display: inline-block !important
  }

  .bt .dot-sm:before {
    width: 15px;
    height: 15px
  }

  .bt .arrow-right-mb {
    position: relative
  }

  .bt .arrow-right-mb:after {
    position: absolute;
    top: 0;
    bottom: 10px;
    right: 13px;
    width: 10px;
    height: 10px;
    margin-top: auto;
    margin-bottom: auto;
    color: #0068b7 !important;
    content: ">"
  }

  .bt .arrow-right-mb strong {
    color: #0068b7 !important
  }
}

.bt .lead-dark-center {
  font-size: 18px;
  line-height: 1.889;
  color: #373737;
  text-align: center
}

.bt .logo-inline-bottom {
  max-width: 468px;
  margin-bottom: 30px
}

.bt .img-tool {
  margin-bottom: 32px
}

.bt .list-dot-black-sm {
  padding-left: 0;
  margin-bottom: 0
}

.bt .list-dot-black-sm li {
  position: relative;
  padding-left: 11px;
  margin-bottom: 6px
}

.bt .list-dot-black-sm li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #373737;
  content: ""
}

.bt .list-dot-black-sm li:last-of-type {
  margin-bottom: 0
}

.bt .list-dot-black-sm.pl-sm li {
  padding-left: 4px
}

.bt .logo-fv {
  width: 100%;
  max-width: 460px
}

.bt .row-0 {
  margin-right: 0;
  margin-left: 0
}

.bt .row-0>div {
  padding-right: 0;
  padding-left: 0
}

.bt .row-3 {
  margin-right: -3px;
  margin-left: -3px
}

.bt .row-3>div {
  padding-right: 3px;
  padding-left: 3px
}

.bt .row-4 {
  margin-right: -4px;
  margin-left: -4px
}

.bt .row-4>div {
  padding-right: 4px;
  padding-left: 4px
}

.bt .row-7 {
  margin-right: -7px;
  margin-left: -7px
}

.bt .row-7>div {
  padding-right: 7px;
  padding-left: 7px
}

.bt .row-8 {
  margin-right: -8px;
  margin-left: -8px
}

.bt .row-8>div {
  padding-right: 8px;
  padding-left: 8px
}

.bt .row-10 {
  margin-right: -10px;
  margin-left: -10px
}

.bt .row-10>div {
  padding-right: 10px;
  padding-left: 10px
}

.bt .row-11 {
  margin-right: -11px;
  margin-left: -11px
}

.bt .row-11>div {
  padding-right: 11px;
  padding-left: 11px
}

.bt .row-14 {
  margin-right: -14px;
  margin-left: -14px
}

.bt .row-14>div {
  padding-right: 14px;
  padding-left: 14px
}

.bt .row-23 {
  margin-right: -23px;
  margin-left: -23px
}

.bt .row-23>div {
  padding-right: 23px;
  padding-left: 23px
}

@media (min-width:1200px) {
  .bt .row-lg-19 {
    margin-right: -19px;
    margin-left: -19px
  }

  .bt .row-lg-19>div {
    padding-right: 19px;
    padding-left: 19px
  }

  .bt .row-lg-30 {
    margin-right: -30px;
    margin-left: -30px
  }

  .bt .row-lg-30>div {
    padding-right: 30px;
    padding-left: 30px
  }

  .bt .col-lg-15 {
    width: 20%
  }
}

@media (min-width:768px) {
  .bt .row-md-7 {
    margin-right: -7px;
    margin-left: -7px
  }

  .bt .row-md-7>div {
    padding-right: 7px;
    padding-left: 7px
  }

  .bt .row-13 {
    margin-right: -13px;
    margin-left: -13px
  }

  .bt .row-13>div {
    padding-right: 13px;
    padding-left: 13px
  }

  .bt .row-14 {
    margin-right: -14px;
    margin-left: -14px
  }

  .bt .row-14>div {
    padding-right: 14px;
    padding-left: 14px
  }

  .bt .row-15 {
    margin-right: -15px;
    margin-left: -15px
  }

  .bt .row-15>div {
    padding-right: 15px;
    padding-left: 15px
  }

  .bt .row-17 {
    margin-right: -17px;
    margin-left: -17px
  }

  .bt .row-17>div {
    padding-right: 17px;
    padding-left: 17px
  }

  .bt .row-20 {
    margin-right: -20px;
    margin-left: -20px
  }

  .bt .row-20>div {
    padding-right: 20px;
    padding-left: 20px
  }

  .bt .row-22 {
    margin-right: -22px;
    margin-left: -22px
  }

  .bt .row-22>div {
    padding-right: 22px;
    padding-left: 22px
  }

  .bt .row-24 {
    margin-right: -24px;
    margin-left: -24px
  }

  .bt .row-24>div {
    padding-right: 24px;
    padding-left: 24px
  }

  .bt .row-25 {
    margin-right: -25px;
    margin-left: -25px
  }

  .bt .row-25>div {
    padding-right: 25px;
    padding-left: 25px
  }

  .bt .row-32 {
    margin-right: -32px;
    margin-left: -32px
  }

  .bt .row-32>div {
    padding-right: 32px;
    padding-left: 32px
  }

  .bt .row-50 {
    margin-right: -50px;
    margin-left: -50px
  }

  .bt .row-50>div {
    padding-right: 50px;
    padding-left: 50px
  }

  .bt .col-sm-15 {
    width: 20%
  }
}

@media (max-width:767px) {
  .bt .lead-dark-center {
    font-size: 16px
  }

  .bt .container {
    padding-right: 0;
    padding-left: 0
  }

  .bt .container-xs-10 {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .row-0-xs {
    margin-right: 0;
    margin-left: 0
  }

  .bt .row-0-xs>div {
    padding-right: 0;
    padding-left: 0
  }

  .bt .row-5-xs {
    margin-right: -5px;
    margin-left: -5px
  }

  .bt .row-5-xs>div {
    padding-right: 5px;
    padding-left: 5px
  }
}

.bt .col-lg-15,
.bt .col-md-15,
.bt .col-sm-15,
.bt .col-xs-15 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.bt .col-xs-15 {
  width: 20%
}

@media (min-width:992px) {
  .bt .col-md-15 {
    width: 20%
  }

  .bt .col-md-17 {
    width: 14.28571%
  }
}

.bt .col-lg-17,
.bt .col-md-17,
.bt .col-sm-17,
.bt .col-xs-17 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.bt .col-xs-17 {
  width: 14.28571%
}

@media (min-width:768px) {
  .bt .col-sm-17 {
    width: 14.28571%
  }
}

@media (min-width:1200px) {
  .bt .col-lg-17 {
    width: 14.28571%
  }

  .bt .col-lg-20 {
    width: 20%
  }
}

.bt .col-lg-20,
.bt .col-md-20,
.bt .col-sm-20,
.bt .col-xs-20 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.bt .col-xs-20 {
  width: 20%
}

@media (min-width:992px) {
  .bt .col-md-20 {
    width: 20%
  }

  .bt .table-id-privileges .nowrap {
    white-space: nowrap
  }
}

.bt .gutter-15 {
  padding-right: 15px;
  padding-left: 15px
}

.bt .gutter-22 {
  padding-right: 22px;
  padding-left: 22px
}

.bt .gutter-55 {
  padding-right: 55px;
  padding-left: 55px
}

@media (max-width:767px) {
  .bt .gutter-0-xs {
    padding-right: 0;
    padding-left: 0
  }

  .bt .gutter-10-xs {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .gutter-20-xs {
    padding-right: 20px;
    padding-left: 20px
  }

  .bt .gutter-minus-10 {
    margin-right: -10px;
    margin-left: -10px
  }
}

@media (max-width:991px) {
  .bt .gutter-0-sm {
    padding-right: 0;
    padding-left: 0
  }

  .bt .gutter-20-sm {
    padding-right: 20px;
    padding-left: 20px
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .bt .row-0-lg {
    margin-right: 0;
    margin-left: 0
  }
}

@media (min-width:768px) {
  .bt .col-sm-20 {
    width: 20%
  }

  .bt .table {
    table-layout: fixed
  }

  .bt .table-grayish-blue>thead>tr>th {
    font-size: 16px
  }
}

.bt .table>tbody>tr>td,
.bt .table>tbody>tr>th,
.bt .table>tfoot>tr>td,
.bt .table>tfoot>tr>th,
.bt .table>thead>tr>td,
.bt .table>thead>tr>th {
  line-height: 1.428571429
}

.bt .table>thead>tr>td,
.bt .table>thead>tr>th {
  border-bottom-width: 1px
}

.bt .table>tbody>tr>td,
.bt .table>tbody>tr>th {
  word-break: break-all
}

.bt .table th {
  font-weight: 400
}

.bt .table.table-text-center td,
.bt .table.table-text-center th {
  text-align: center
}

.bt .table.table-text-right td,
.bt .table.table-text-right th {
  text-align: right
}

.bt .table.table-text-left td,
.bt .table.table-text-left th {
  text-align: left
}

.bt .table.table-v-top>tbody>tr>th,
.bt .table.table-v-top>tbody>tr td {
  vertical-align: top
}

.bt .table.table-paradigm {
  table-layout: auto;
  font-size: 16px;
  border-top: 0;
  border-right: 0;
  border-left: 0
}

.bt .table.table-paradigm tbody,
.bt .table.table-paradigm thead {
  border-bottom-width: 2px
}

.bt .table.table-paradigm thead tr th {
  padding: 15px 8px;
  font-size: 16px;
  font-weight: 700;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border: 2px solid #bdbdbd
}

@media (max-width:767px) {
  .bt .table.table-paradigm {
    font-size: 13px
  }

  .bt .table.table-paradigm thead tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px
  }
}

.bt .table.table-paradigm thead tr th:first-of-type {
  border: 0;
  background-color: transparent
}

.bt .table.table-paradigm thead tr th:last-of-type {
  border-right: 0
}

.bt .table.table-paradigm thead tr th.col-1 {
  width: 16.9%
}

.bt .table.table-paradigm tbody {
  border-bottom: 2px solid #bdbdbd;
  color: #373737
}

.bt .table.table-paradigm tbody tr:nth-child(odd) td {
  background-color: #f1f2f3
}

.bt .table.table-paradigm tbody tr:nth-child(even) td {
  background-color: #fff
}

.bt .table.table-paradigm tbody tr td,
.bt .table.table-paradigm tbody tr th {
  padding: 19px 12px;
  vertical-align: middle;
  border: 2px solid #bdbdbd
}

@media (min-width:768px) and (max-width:1018px) {

  .bt .table.table-paradigm tbody tr td,
  .bt .table.table-paradigm tbody tr th {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.bt .table.table-paradigm tbody tr th {
  font-weight: 700;
  background-color: #f1f2f3
}

.bt .table.table-paradigm tbody tr th:first-of-type {
  border-left: 0
}

.bt .table.table-paradigm .tr-bg-blue th {
  padding: 18px 8px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  background-color: #0068b7;
  text-align: center;
  border-top: 2px solid #bdbdbd !important
}

.bt .table.table-paradigm .tr-bg-blue th small {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #fff
}

.bt .table.table-paradigm .tr-bg-blue th:first-of-type {
  border-top: 0 !important
}

.bt .table.table-paradigm .br-0 {
  border-right: 0
}

.bt .table-no-border>tbody>tr>td,
.bt .table-no-border>tbody>tr>th,
.bt .table-no-border>tfoot>tr>td,
.bt .table-no-border>tfoot>tr>th,
.bt .table-no-border>thead>tr>td,
.bt .table-no-border>thead>tr>th {
  padding-left: 0;
  border-top: 0
}

.bt .table-no-border>thead>tr>th {
  border-bottom: 0
}

.bt .table-border-radius-8 {
  overflow: hidden;
  background-color: #fff;
  border-collapse: separate;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-radius: 8px
}

.bt .table-border-radius-8>tbody>tr>td,
.bt .table-border-radius-8>tbody>tr>th,
.bt .table-border-radius-8>tfoot>tr>td,
.bt .table-border-radius-8>tfoot>tr>th,
.bt .table-border-radius-8>thead>tr>td,
.bt .table-border-radius-8>thead>tr>th {
  border-left: 1px solid #999
}

.bt .table-border-radius-8>thead>tr:first-child th {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px
}

.bt .table-border-radius-8>thead>tr>td,
.bt .table-border-radius-8>thead>tr>th {
  border-bottom-width: 0
}

.bt .table-border-radius-8 .border-bottom-left-radius {
  border-bottom-left-radius: 8px
}

.bt .table-border-radius-8 .border-bottom-right-radius {
  border-bottom-right-radius: 8px
}

.bt .table-responsive>.table {
  margin-top: 0 !important
}

@media (max-width:767px) {

  .bt .table.table-paradigm tbody tr td,
  .bt .table.table-paradigm tbody tr th {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .bt .table.table-paradigm .tr-bg-blue th {
    padding: 15px 5px;
    font-size: 16px
  }

  .bt .table.table-paradigm .tr-bg-blue th small {
    font-size: 12px
  }

  .bt .table-responsive>.table>tbody>tr :first-child>td,
  .bt .table-responsive>.table>tbody>tr :first-child>th {
    border-top: 0
  }

  .bt .table-collapsed-xs {
    display: block;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important
  }

  .bt .table-collapsed-xs>tbody,
  .bt .table-collapsed-xs>tbody>tr {
    display: block
  }

  .bt .table-collapsed-xs>tbody>tr>td,
  .bt .table-collapsed-xs>tbody>tr>th {
    display: block;
    width: auto !important;
    padding: 10px !important
  }

  .bt .table-collapsed-xs>tbody>tr>th {
    position: relative
  }

  .bt .table-collapsed-xs>tbody>tr>th:after,
  .bt .table-collapsed-xs>tbody>tr>th:before {
    content: " ";
    display: table
  }

  .bt .table-collapsed-xs>tbody>tr>th:after {
    clear: both
  }
}

.bt .table-cell {
  display: table;
  width: 100%
}

.bt .table-cell>.cell {
  display: table-cell
}

.bt .table-cell.bordered {
  margin-bottom: 30px
}

.bt .table-cell.bordered .cell {
  padding: 0 10px;
  margin-bottom: 35px;
  border-left: 1px solid #ccc
}

.bt .table-grayish-blue {
  margin-top: 0;
  border: 0
}

.bt .table-grayish-blue>tbody>tr>td,
.bt .table-grayish-blue>tbody>tr>th,
.bt .table-grayish-blue>thead>tr>td,
.bt .table-grayish-blue>thead>tr>th {
  text-align: center;
  vertical-align: middle;
  border-color: #cecece;
  border-width: 0 0 0 1px
}

.bt .table-grayish-blue>tbody>tr>th,
.bt .table-grayish-blue>thead>tr>th {
  font-weight: 700
}

.bt .table-grayish-blue>tbody>tr>th:first-child,
.bt .table-grayish-blue>thead>tr>th:first-child {
  border: 0
}

.bt .table-grayish-blue>thead>tr>th {
  padding: 16px 8px;
  color: #fff;
  background-color: #818e9a
}

.bt .table-grayish-blue>tbody>tr>td,
.bt .table-grayish-blue>tbody>tr>th {
  padding: 19px 8px
}

.bt .table-grayish-blue.th-bg-gray th {
  font-weight: 400;
  background-color: #e7e7e7
}

.bt .table-grayish-blue.th-bg-light-gray th {
  font-weight: 400;
  background-color: #f1f1f1
}

.bt .table-grayish-blue dl {
  margin-bottom: 2px
}

.bt .table-grayish-blue dl:first-child {
  margin-top: 8px !important
}

.bt .table-grayish-blue dl.mt0 {
  margin-top: 0 !important
}

.bt .table-grayish-blue dl dt {
  padding-right: 0
}

.bt .table-grayish-blue .text-sm {
  font-size: 12px
}

@media (min-width:768px) {

  .bt .table-grayish-blue>tbody>tr>td,
  .bt .table-grayish-blue>tbody>tr>th {
    font-size: 15px
  }

  .bt .table-grayish-blue .text-sm {
    font-size: 14px
  }
}

.bt .table-grayish-blue .border-bottom {
  border-bottom: 1px solid #cecece !important
}

.bt .table-header-blue>tbody>tr>th,
.bt .table-header-blue>thead>tr>th {
  font-weight: 700
}

.bt .table-header-blue>tbody>tr>td,
.bt .table-header-blue>tbody>tr>th,
.bt .table-header-blue>thead>tr>td,
.bt .table-header-blue>thead>tr>th {
  padding: 13px 17px 11px;
  font-size: 16px;
  line-height: 1.25;
  color: #231815;
  border-top: 0
}

@media (max-width:767px) {

  .bt .table-cell.cleared-xs,
  .bt .table-cell.cleared-xs>.cell {
    display: block;
    width: auto
  }

  .bt .table-header-blue>tbody>tr>td,
  .bt .table-header-blue>tbody>tr>th,
  .bt .table-header-blue>thead>tr>td,
  .bt .table-header-blue>thead>tr>th {
    padding: 10px 5px;
    font-size: 12px
  }
}

.bt .table-header-blue>thead>tr>th {
  font-size: 13px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  background-color: #0068b7;
  border-bottom: 0;
  border-left: 1px solid #999;
  border-right: 1px solid #999
}

.bt .table-header-blue p {
  margin-bottom: 5px
}

.bt .table-header-blue .col-1 {
  width: 100px;
  text-align: left
}

@media (min-width:768px) {
  .bt .table-header-blue>thead>tr>th {
    padding: 12px 10px;
    font-size: 17px
  }

  .bt .table-header-blue .col-1 {
    width: 214px;
    padding-right: 17px;
    padding-left: 17px
  }
}

.bt .table-header-blue.table-striped>tbody>tr:nth-of-type(odd)>td,
.bt .table-header-blue.table-striped>tbody>tr:nth-of-type(odd)>th {
  background-color: #e4e7e9
}

.bt .table-header-blue.table-striped>tbody>tr:nth-of-type(even)>td,
.bt .table-header-blue.table-striped>tbody>tr:nth-of-type(even)>th {
  background-color: #f1f2f3
}

.bt .table-border-light-gray {
  margin-bottom: 16px;
  font-size: 18px;
  border-top: 1px solid #ccc
}

.bt .table-border-light-gray>tbody>tr>td,
.bt .table-border-light-gray>tbody>tr>th {
  padding: 21px;
  border-color: #ccc
}

.bt .table-border-light-gray>tbody>tr>th {
  font-weight: 700;
  background-color: #dee8f2
}

.bt .table-border-light-gray.table-border-light-gray-sm {
  margin-bottom: 75px
}

.bt .table-cell-dropdown-menu+.table-cell-dropdown-menu {
  margin-top: 10px
}

.bt .table-cell-dropdown-menu .cell {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #257ec1
}

.bt .table-cell-dropdown-menu .col-title {
  width: 80px;
  text-align: center
}

.bt .table-cell-dropdown-menu .col-body {
  padding-left: 20px
}

@media (max-width:767px) {
  .bt .table-border-light-gray {
    font-size: 16px
  }

  .bt .table-border-light-gray>tbody>tr>td,
  .bt .table-border-light-gray>tbody>tr>th {
    border-top: 0
  }

  .bt .table-border-light-gray.table-border-light-gray-sm {
    margin-bottom: 40px
  }

  .bt .table-border-light-gray.table-border-light-gray-sm>tbody>tr>td {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .table-cell-dropdown-menu.table-cell-dropdown-menu-others {
    margin-top: 10px
  }

  .bt .table-cell-dropdown-menu .cell {
    padding-top: 6px;
    padding-bottom: 6px
  }

  .bt .table-cell-dropdown-menu .col-body {
    padding-left: 15px
  }
}

.bt .table-cell-dropdown-menu .bg-yellow {
  background-color: #d6a311
}

.bt .table-cell-dropdown-menu .bg-green {
  background-color: #7aac38
}

.bt .table-cell-dropdown-menu .bg-aqua {
  background-color: #00aad5
}

.bt .table-cell-dropdown-menu .bg-deep-blue {
  background-color: #003e94
}

.bt .table-cell-dropdown-menu .link-child {
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: 17px
}

.bt .table-monotone {
  margin-top: 0;
  border-right: 0;
  border-left: 0
}

.bt .table-monotone>tbody>tr:nth-of-type(even) {
  background-color: #fff
}

.bt .table-monotone>tbody>tr>td,
.bt .table-monotone>tbody>tr>th {
  border-color: #999;
  border-left-width: 1px;
  border-right-width: 0;
  vertical-align: middle
}

@media (max-width:767px) {
  .bt .table-cell-dropdown-menu .link-child {
    margin-bottom: 5px;
    margin-left: 12px
  }

  .bt .table-monotone>tbody>tr>td,
  .bt .table-monotone>tbody>tr>th {
    padding: 8px;
    font-size: 14px
  }
}

.bt .table-monotone>tbody>tr>td:first-child,
.bt .table-monotone>tbody>tr>th:first-child {
  border-left-width: 0
}

.bt .table-monotone>tbody>tr>th {
  padding: 10px 20px;
  font-weight: 700;
  color: #fff;
  border-left-color: #fff;
  background-color: #545454
}

@media (max-width:767px) {
  .bt .table-monotone>tbody>tr>th {
    width: 27.33333%;
    padding: 8px 10px 6px
  }
}

.bt .table-monotone>tbody>tr>td {
  padding: 14px 15px 25px
}

.bt .table-monotone>tbody .border-right {
  border-right: 1px solid #999
}

.bt .table-monotone .col-1 {
  width: 18%
}

.bt .table-monotone .bg-white {
  background-color: #fff
}

.bt .table-monotone .bg-gray {
  background-color: #e6e6e6 !important
}

.bt .table-monotone.table-report .col-1 {
  width: 12%
}

.bt .table-monotone.table-report .col-2 {
  width: 28%
}

.bt .table-monotone.table-report>tbody>tr:nth-of-type(even) {
  background-color: #dadadb
}

.bt .table-monotone.table-application {
  margin-bottom: 10px
}

.bt .table-monotone.table-application .col-1 {
  width: 16%
}

.bt .table-monotone.table-application .col-2,
.bt .table-monotone.table-application .col-3 {
  width: 30%
}

.bt .table-monotone.table-inspection-report .col-1 {
  width: 16%
}

.bt .table-monotone.table-inspection-report .col-2 {
  width: 30%
}

.bt .table-monotone.table-admin-report .col-1 {
  width: 22.5%
}

.bt .table-monotone.table-admin-report .col-2 {
  width: 27%
}

@media (max-width:767px) {
  .bt .table-monotone>tbody>tr>td {
    padding: 8px
  }

  .bt .table-monotone.table-admin-report .col-2 {
    width: 22%
  }

  .bt .table-striped-gray .arrow-half-right-orange {
    padding-left: 20px
  }
}

@media (min-width:768px) {

  .bt .table-cell-dropdown-menu,
  .bt .table-monotone>tbody>tr>th {
    font-size: 16px
  }

  .bt .table-cell-gradient-gray .cell+.cell {
    padding-left: 18px
  }

  .bt .table-cell-gradient-gray .col-1 {
    width: 30%
  }

  .bt .table-cell-gradient-gray .col-2 {
    width: 38%
  }
}

.bt .table-striped-gray {
  table-layout: auto;
  margin-bottom: 14px;
  border-width: 0
}

.bt .table-striped-gray>tbody>tr>td,
.bt .table-striped-gray>tbody>tr>th,
.bt .table-striped-gray>thead>tr>td,
.bt .table-striped-gray>thead>tr>th {
  padding: 10px 8px;
  font-size: 14px;
  line-height: 1.563;
  border-right-width: 0
}

@media (min-width:768px) {

  .bt .table-striped-gray>tbody>tr>td,
  .bt .table-striped-gray>tbody>tr>th,
  .bt .table-striped-gray>thead>tr>td,
  .bt .table-striped-gray>thead>tr>th {
    padding: 15px 22px;
    font-size: 16px
  }
}

.bt .table-striped-gray>tbody>tr>th:first-of-type,
.bt .table-striped-gray>thead>tr>th:first-of-type {
  border-left-width: 0
}

.bt .table-striped-gray>thead>tr>th {
  padding-top: 10px;
  padding-bottom: 9px;
  font-weight: 700;
  color: #fff;
  background-color: #545454
}

.bt .table-striped-gray>thead>tr>th:last-of-type {
  border-left: 1px solid #999
}

.bt .table-striped-gray>tbody>tr:nth-child(2n+1)>td,
.bt .table-striped-gray>tbody>tr:nth-child(2n+1)>th {
  background-color: #fff
}

.bt .table-striped-gray>tbody>tr:nth-child(2n)>td,
.bt .table-striped-gray>tbody>tr:nth-child(2n)>th {
  background-color: #f1f2f3
}

.bt .table-striped-gray>tbody>tr>th {
  width: 130px;
  word-break: keep-all
}

@media (min-width:768px) {
  .bt .table-striped-gray>tbody>tr>th {
    width: 310px
  }
}

.bt .table-striped-gray>tbody>tr>td {
  color: #231815
}

.bt .table-striped-gray.table td,
.bt .table-striped-gray.table th {
  border: 1px solid #999;
  border-right: 0
}

.bt .table-threat {
  margin-top: 43px;
  margin-bottom: 11px;
  border-left: 0
}

.bt .table-threat>thead>tr>th {
  width: 68px;
  text-align: center;
  border-bottom: 0;
  border-left: 0 !important
}

.bt .table-threat>thead>tr>td {
  padding-left: 17px !important;
  border-right: 0 !important
}

@media (max-width:767px) {
  .bt .table-threat {
    margin-top: 28px;
    margin-bottom: 8px
  }

  .bt .table-threat>thead>tr>th {
    width: 55px
  }

  .bt .table-threat>thead>tr>td {
    padding-left: 12px !important
  }
}

.bt .table-threat>thead>tr>td,
.bt .table-threat>thead>tr>th {
  padding: 10px;
  font-size: 18px;
  font-weight: 700;
  background-color: #003e6e;
  color: #fff;
  border: 1px solid #999
}

@media (max-width:767px) {

  .bt .table-threat>thead>tr>td,
  .bt .table-threat>thead>tr>th {
    font-size: 15px
  }
}

.bt .table-threat>tbody>tr>td,
.bt .table-threat>tbody>tr>th {
  padding: 0;
  font-size: 17px;
  line-height: 2.529;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999
}

.bt .table-threat>tbody>tr>th {
  text-align: center;
  background-color: transparent;
  border-left: 0
}

.bt .table-threat>tbody>tr>td {
  padding-left: 27px !important;
  border-right: 0;
  border-left: 1px solid #999
}

.bt .table-threat>tbody>tr:first-child>th {
  border-top: 0
}

.bt .table-threat td,
.bt .table-threat th {
  border: 1px solid #999
}

.bt .table-grayish-blue-1 {
  margin-bottom: 24px !important
}

.bt .table-client-env .col-1 {
  width: 150px
}

@media (max-width:767px) {

  .bt .table-threat>tbody>tr>td,
  .bt .table-threat>tbody>tr>th {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 1.5
  }

  .bt .table-threat>tbody>tr>td {
    padding-left: 15px !important
  }

  .bt .table-grayish-blue-1 {
    margin-bottom: 0 !important
  }

  .bt .table-client-env {
    margin-bottom: 15px !important
  }

  .bt .table-client-env .col-1 {
    width: 30%
  }
}

.bt .table-id-privileges {
  border-left: 0
}

.bt .table-id-privileges .col-1 {
  width: 15%
}

.bt .table-id-privileges .col-2 {
  width: 31%
}

.bt .table-id-privileges .col-3 {
  width: 32.5%
}

.bt .table-id-privileges>thead>tr>th {
  padding: 15px 13px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
  background-color: #545454;
  color: #fff
}

@media (max-width:767px) {
  .bt .table-id-privileges>thead>tr>th {
    padding: 10px;
    font-size: 14px
  }
}

.bt .table-id-privileges>thead>tr>th:first-child {
  border-left: 0
}

.bt .table-id-privileges>tbody>tr>td,
.bt .table-id-privileges>tbody>tr>th {
  vertical-align: middle;
  font-size: 16px
}

.bt .table-id-privileges>tbody>tr>th {
  font-weight: 700;
  background-color: #fff;
  border-left: 0
}

.bt .table-id-privileges>tbody>tr>td {
  padding: 10px 14px
}

.bt .table-id-privileges>tbody>tr>td:last-child {
  border-right: 0
}

.bt .table-id-privileges>tbody>tr:nth-child(odd)>td {
  background-color: #e6e6e6
}

.bt .table-id-privileges td,
.bt .table-id-privileges th {
  border: 1px solid #999
}

.bt .table-step-1 {
  border: 0
}

.bt .table-step-1 table {
  border-left: 0
}

.bt .table-step-1 thead td {
  font-size: 20px;
  text-align: center
}

@media (max-width:767px) {

  .bt .table-id-privileges>tbody>tr>td,
  .bt .table-id-privileges>tbody>tr>th {
    font-size: 14px
  }

  .bt .table-id-privileges>tbody>tr>td {
    padding: 8px 12px
  }

  .bt .table-step-1 thead td {
    min-width: 110px;
    font-size: 18px
  }
}

.bt .table-step-1 thead td small {
  font-size: 18px;
  font-weight: 700;
  color: #fff
}

.bt .table-step-1 thead th {
  width: 280px;
  border-top: 0;
  border-bottom: 1px solid #cdcdce !important;
  border-left: 0;
  background-color: #fff
}

.bt .table-step-1 tbody th {
  font-size: 14px;
  background-color: #818e9a;
  color: #fff
}

@media (max-width:767px) {
  .bt .table-step-1 thead td small {
    font-size: 16px
  }

  .bt .table-step-1 tbody th {
    font-size: 12px;
    font-weight: 700
  }
}

.bt .table-step-1 tbody td {
  font-size: 14px;
  border-top: 1px solid #cdcdce !important;
  border: 1px solid #cdcdce
}

.bt .table-step-1 tbody td small {
  font-size: 11px
}

.bt .table-step-1 .col-4 {
  color: #d0e6c2
}

@media (min-width:1200px) {
  .bt .table-step-1 .col-4 {
    width: 152px
  }
}

.bt .table-step-1 .col-3 {
  color: #f8e3b3
}

.bt .table-step-1 .col-5 {
  color: #b3e2f3
}

.bt .table-step-1 .col-6 {
  color: #b3d2ea
}

.bt .table-step-1 .text-red {
  font-size: 11px
}

.bt label {
  cursor: pointer
}

.bt label.error {
  padding: 5px 10px;
  font-size: 13px;
  color: #fff;
  cursor: default;
  background-color: red
}

.bt select {
  cursor: pointer
}

.bt .container-form,
.bt .container-form .form-control {
  border-radius: 0
}

.bt .container-form .label-required {
  color: red;
  vertical-align: 2px
}

.bt .container-form .list-inline {
  margin-bottom: 0;
  margin-left: -10px
}

.bt .container-form .list-inline li {
  margin-right: 10px;
  margin-left: 10px
}

.bt .container-form button[type=submit],
.bt .container-form input[type=submit] {
  color: #5c4013;
  background-color: #bbb098;
  border-color: #866f4d
}

.bt .container-form button[type=submit].focus,
.bt .container-form button[type=submit]:focus,
.bt .container-form input[type=submit].focus,
.bt .container-form input[type=submit]:focus {
  color: #5c4013;
  background-color: #a79879;
  border-color: #352c1e
}

.bt .container-form button[type=submit].active,
.bt .container-form button[type=submit]:active,
.bt .container-form button[type=submit]:hover,
.bt .container-form input[type=submit].active,
.bt .container-form input[type=submit]:active,
.bt .container-form input[type=submit]:hover,
.open>.bt .container-form button[type=submit].dropdown-toggle,
.open>.bt .container-form input[type=submit].dropdown-toggle {
  color: #5c4013;
  background-color: #a79879;
  border-color: #5f4f37
}

.bt .container-form button[type=submit].active.focus,
.bt .container-form button[type=submit].active:focus,
.bt .container-form button[type=submit].active:hover,
.bt .container-form button[type=submit]:active.focus,
.bt .container-form button[type=submit]:active:focus,
.bt .container-form button[type=submit]:active:hover,
.bt .container-form input[type=submit].active.focus,
.bt .container-form input[type=submit].active:focus,
.bt .container-form input[type=submit].active:hover,
.bt .container-form input[type=submit]:active.focus,
.bt .container-form input[type=submit]:active:focus,
.bt .container-form input[type=submit]:active:hover,
.open>.bt .container-form button[type=submit].dropdown-toggle.focus,
.open>.bt .container-form button[type=submit].dropdown-toggle:focus,
.open>.bt .container-form button[type=submit].dropdown-toggle:hover,
.open>.bt .container-form input[type=submit].dropdown-toggle.focus,
.open>.bt .container-form input[type=submit].dropdown-toggle:focus,
.open>.bt .container-form input[type=submit].dropdown-toggle:hover {
  color: #5c4013;
  background-color: #988864;
  border-color: #352c1e
}

.bt .container-form button[type=submit].active,
.bt .container-form button[type=submit]:active,
.bt .container-form input[type=submit].active,
.bt .container-form input[type=submit]:active,
.open>.bt .container-form button[type=submit].dropdown-toggle,
.open>.bt .container-form input[type=submit].dropdown-toggle {
  background-image: none
}

.bt .container-form button[type=submit].disabled.focus,
.bt .container-form button[type=submit].disabled:focus,
.bt .container-form button[type=submit].disabled:hover,
.bt .container-form button[type=submit][disabled].focus,
.bt .container-form button[type=submit][disabled]:focus,
.bt .container-form button[type=submit][disabled]:hover,
.bt .container-form input[type=submit].disabled.focus,
.bt .container-form input[type=submit].disabled:focus,
.bt .container-form input[type=submit].disabled:hover,
.bt .container-form input[type=submit][disabled].focus,
.bt .container-form input[type=submit][disabled]:focus,
.bt .container-form input[type=submit][disabled]:hover,
fieldset[disabled] .bt .container-form button[type=submit].focus,
fieldset[disabled] .bt .container-form button[type=submit]:focus,
fieldset[disabled] .bt .container-form button[type=submit]:hover,
fieldset[disabled] .bt .container-form input[type=submit].focus,
fieldset[disabled] .bt .container-form input[type=submit]:focus,
fieldset[disabled] .bt .container-form input[type=submit]:hover {
  background-color: #bbb098;
  border-color: #866f4d
}

.bt .container-form button[type=submit] .badge,
.bt .container-form input[type=submit] .badge {
  color: #bbb098;
  background-color: #5c4013
}

.bt .form-inline .form-control {
  vertical-align: 1px
}

.bt .form-inline-force .form-control {
  display: inline-block;
  width: auto;
  vertical-align: 1px
}

.bt .btn-multiline {
  white-space: normal
}

.bt .btn {
  -webkit-transition: .15s;
  transition: .15s;
  border-radius: 0
}

.bt .btn-toggle-dark-gray {
  margin-top: 13px
}

.bt .btn-toggle-dark-gray .menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 22px;
  background-color: transparent;
  border-top: 0;
  border-bottom-width: 0;
  -webkit-transition: .1s;
  transition: .1s
}

.bt .btn-toggle-dark-gray .menu>span {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #000;
  -webkit-transition: .3s;
  transition: .3s
}

.bt .btn-toggle-dark-gray .menu>span:nth-of-type(1) {
  top: 0
}

.bt .btn-toggle-dark-gray .menu>span:nth-of-type(2) {
  top: 9px
}

.bt .btn-toggle-dark-gray .menu>span:nth-of-type(3) {
  bottom: 0
}

.bt .btn-toggle-dark-gray .menu.active span:nth-of-type(1) {
  top: -11px;
  -webkit-transform: translateY(20px) rotate(-45deg);
  -ms-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg)
}

.bt .btn-toggle-dark-gray .menu.active span:nth-of-type(2) {
  opacity: 0
}

.bt .btn-toggle-dark-gray .menu.active span:nth-of-type(3) {
  bottom: -11px;
  -webkit-transform: translateY(-20px) rotate(45deg);
  -ms-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg)
}

.bt .btn-close {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 22px;
  -webkit-transition: .3s;
  transition: .3s
}

.bt .btn-close>span {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #fff
}

.bt .btn-close>span:nth-of-type(1) {
  top: -11px;
  -webkit-transform: translateY(20px) rotate(-45deg);
  -ms-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg)
}

.bt .btn-close>span:nth-of-type(2) {
  bottom: -11px;
  -webkit-transform: translateY(-20px) rotate(45deg);
  -ms-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg)
}

.bt .btn-border-orange {
  color: #f90;
  background-color: #fff;
  border-color: #f90;
  padding: 4px 20px 3px;
  font-size: 15px;
  font-weight: 700
}

.bt .btn-border-orange.focus,
.bt .btn-border-orange:focus {
  color: #f90;
  background-color: #e6e6e6;
  border-color: #804d00
}

.bt .btn-border-orange.active,
.bt .btn-border-orange:active,
.bt .btn-border-orange:hover,
.open>.bt .btn-border-orange.dropdown-toggle {
  color: #f90;
  background-color: #e6e6e6;
  border-color: #c27400
}

.bt .btn-border-orange.active.focus,
.bt .btn-border-orange.active:focus,
.bt .btn-border-orange.active:hover,
.bt .btn-border-orange:active.focus,
.bt .btn-border-orange:active:focus,
.bt .btn-border-orange:active:hover,
.open>.bt .btn-border-orange.dropdown-toggle.focus,
.open>.bt .btn-border-orange.dropdown-toggle:focus,
.open>.bt .btn-border-orange.dropdown-toggle:hover {
  color: #f90;
  background-color: #d4d4d4;
  border-color: #804d00
}

.bt .btn-border-orange.active,
.bt .btn-border-orange:active,
.open>.bt .btn-border-orange.dropdown-toggle {
  background-image: none
}

.bt .btn-border-orange.disabled.focus,
.bt .btn-border-orange.disabled:focus,
.bt .btn-border-orange.disabled:hover,
.bt .btn-border-orange[disabled].focus,
.bt .btn-border-orange[disabled]:focus,
.bt .btn-border-orange[disabled]:hover,
fieldset[disabled] .bt .btn-border-orange.focus,
fieldset[disabled] .bt .btn-border-orange:focus,
fieldset[disabled] .bt .btn-border-orange:hover {
  background-color: #fff;
  border-color: #f90
}

.bt .btn-border-orange .badge {
  color: #fff;
  background-color: #f90
}

.bt .btn-border-orange:active,
.bt .btn-border-orange:focus,
.bt .btn-border-orange:hover,
.bt .btn-border-orange:hover:active {
  color: red;
  background-color: #fff;
  border-color: red
}

.bt .btn-border-orange.btn-lg {
  padding: 14px 34px 11px;
  font-size: 18px
}

.bt .btn-border-orange.btn-lg:focus,
.bt .btn-border-orange.btn-lg:hover {
  color: #fff;
  background-color: red;
  border-color: red
}

.bt .btn-border-orange .icon-pdf {
  display: inline-block;
  padding-left: 27px;
  background: url(/products/idoperation/img/icon/pdf.png) 0 50% no-repeat
}

.bt .btn-border-orange .icon-arrow-right-orange {
  display: inline-block;
  padding-left: 27px;
  background: url(/products/idoperation/img/icon/arrow-right-orange.png) 0 50% no-repeat
}

.bt .btn-border-orange.text-deep-blue {
  color: #004b8b
}

.bt .btn-border-orange.text-deep-blue:hover {
  color: red
}

.bt .btn-border-orange-sm {
  color: #f90;
  background-color: transparent;
  border-color: #f90;
  padding: 4px 20px 3px;
  margin-top: 40px;
  font-size: 15px;
  font-weight: 700
}

.bt .btn-border-orange-sm.focus,
.bt .btn-border-orange-sm:focus {
  color: #f90;
  background-color: rgba(0, 0, 0, 0);
  border-color: #804d00
}

.bt .btn-border-orange-sm.active,
.bt .btn-border-orange-sm:active,
.bt .btn-border-orange-sm:hover,
.open>.bt .btn-border-orange-sm.dropdown-toggle {
  color: #f90;
  background-color: rgba(0, 0, 0, 0);
  border-color: #c27400
}

.bt .btn-border-orange-sm.active.focus,
.bt .btn-border-orange-sm.active:focus,
.bt .btn-border-orange-sm.active:hover,
.bt .btn-border-orange-sm:active.focus,
.bt .btn-border-orange-sm:active:focus,
.bt .btn-border-orange-sm:active:hover,
.open>.bt .btn-border-orange-sm.dropdown-toggle.focus,
.open>.bt .btn-border-orange-sm.dropdown-toggle:focus,
.open>.bt .btn-border-orange-sm.dropdown-toggle:hover {
  color: #f90;
  background-color: rgba(0, 0, 0, 0);
  border-color: #804d00
}

.bt .btn-border-orange-sm.active,
.bt .btn-border-orange-sm:active,
.open>.bt .btn-border-orange-sm.dropdown-toggle {
  background-image: none
}

.bt .btn-border-orange-sm.disabled.focus,
.bt .btn-border-orange-sm.disabled:focus,
.bt .btn-border-orange-sm.disabled:hover,
.bt .btn-border-orange-sm[disabled].focus,
.bt .btn-border-orange-sm[disabled]:focus,
.bt .btn-border-orange-sm[disabled]:hover,
fieldset[disabled] .bt .btn-border-orange-sm.focus,
fieldset[disabled] .bt .btn-border-orange-sm:focus,
fieldset[disabled] .bt .btn-border-orange-sm:hover {
  background-color: transparent;
  border-color: #f90
}

.bt .btn-border-orange-sm .badge {
  color: transparent;
  background-color: #f90
}

@media (max-width:767px) {
  .bt .table-step-1 tbody td {
    font-size: 12px
  }

  .bt .btn-border-orange.btn-lg {
    font-size: 16px;
    white-space: normal
  }

  .bt .btn-border-orange-sm {
    margin-top: 20px
  }
}

.bt .btn-border-orange-sm:hover {
  color: #fff;
  background-color: red;
  border-color: red
}

.bt .btn-border-orange-sm.active.focus,
.bt .btn-border-orange-sm.active:focus,
.bt .btn-border-orange-sm:active.focus,
.bt .btn-border-orange-sm:active:focus {
  color: #fff;
  background-color: red;
  border-color: red
}

.bt .btn-border-strong-orange {
  color: #f90;
  background-color: transparent;
  border-color: #f90;
  padding: 4px 20px 3px;
  margin-top: 40px;
  font-size: 15px;
  font-weight: 700
}

.bt .btn-border-strong-orange.focus,
.bt .btn-border-strong-orange:focus {
  color: #f90;
  background-color: rgba(0, 0, 0, 0);
  border-color: #804d00
}

.bt .btn-border-strong-orange.active,
.bt .btn-border-strong-orange:active,
.bt .btn-border-strong-orange:hover,
.open>.bt .btn-border-strong-orange.dropdown-toggle {
  color: #f90;
  background-color: rgba(0, 0, 0, 0);
  border-color: #c27400
}

.bt .btn-border-strong-orange.active.focus,
.bt .btn-border-strong-orange.active:focus,
.bt .btn-border-strong-orange.active:hover,
.bt .btn-border-strong-orange:active.focus,
.bt .btn-border-strong-orange:active:focus,
.bt .btn-border-strong-orange:active:hover,
.open>.bt .btn-border-strong-orange.dropdown-toggle.focus,
.open>.bt .btn-border-strong-orange.dropdown-toggle:focus,
.open>.bt .btn-border-strong-orange.dropdown-toggle:hover {
  color: #f90;
  background-color: rgba(0, 0, 0, 0);
  border-color: #804d00
}

.bt .btn-border-strong-orange.active,
.bt .btn-border-strong-orange:active,
.open>.bt .btn-border-strong-orange.dropdown-toggle {
  background-image: none
}

.bt .btn-border-strong-orange.disabled.focus,
.bt .btn-border-strong-orange.disabled:focus,
.bt .btn-border-strong-orange.disabled:hover,
.bt .btn-border-strong-orange[disabled].focus,
.bt .btn-border-strong-orange[disabled]:focus,
.bt .btn-border-strong-orange[disabled]:hover,
fieldset[disabled] .bt .btn-border-strong-orange.focus,
fieldset[disabled] .bt .btn-border-strong-orange:focus,
fieldset[disabled] .bt .btn-border-strong-orange:hover {
  background-color: transparent;
  border-color: #f90
}

.bt .btn-border-strong-orange .badge {
  color: transparent;
  background-color: #f90
}

.bt .btn-border-strong-orange:hover {
  color: #fff;
  background-color: red;
  border-color: red
}

.bt .btn-border-strong-orange.active.focus,
.bt .btn-border-strong-orange.active:focus,
.bt .btn-border-strong-orange:active.focus,
.bt .btn-border-strong-orange:active:focus {
  color: #fff;
  background-color: red;
  border-color: red
}

.bt .btn-border-strong-orange.arrow-inline:after {
  display: inline-block;
  width: 9px;
  height: 10px;
  background: url(../img/common/arrow-r-orange.png) 50% 50% no-repeat;
  content: "";
  -webkit-transition: .15s;
  transition: .15s
}

.bt .btn-border-strong-orange.arrow-inline:hover:after {
  background-image: url(../img/common/arrow-right.png)
}

.bt .btn-border-strong-orange.arrow-right-orange {
  position: relative
}

.bt .btn-border-strong-orange.arrow-right-orange:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) 50% 50% no-repeat;
  content: "";
  -webkit-transition: .15s;
  transition: .15s
}

.bt .btn-border-strong-orange.arrow-right-orange:hover:after {
  background-image: url(../img/common/arrow-right.png)
}

.bt .btn-border-strong-orange.btn-lg {
  padding: 13px 30px 12px;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .btn-border-strong-orange {
    margin-top: 20px
  }

  .bt .btn-border-strong-orange.arrow-right-orange:after {
    right: 12px
  }

  .bt .btn-border-strong-orange.btn-lg {
    padding: 10px 35px 10px 20px;
    font-size: 14px
  }
}

.bt .btn-orange {
  color: #fff;
  background-color: #f90;
  border-color: #f90
}

.bt .btn-orange.focus,
.bt .btn-orange:focus {
  color: #fff;
  background-color: #cc7a00;
  border-color: #804d00
}

.bt .btn-orange.active,
.bt .btn-orange:active,
.bt .btn-orange:hover,
.open>.bt .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #cc7a00;
  border-color: #c27400
}

.bt .btn-orange.active.focus,
.bt .btn-orange.active:focus,
.bt .btn-orange.active:hover,
.bt .btn-orange:active.focus,
.bt .btn-orange:active:focus,
.bt .btn-orange:active:hover,
.open>.bt .btn-orange.dropdown-toggle.focus,
.open>.bt .btn-orange.dropdown-toggle:focus,
.open>.bt .btn-orange.dropdown-toggle:hover {
  color: #fff;
  background-color: #a86500;
  border-color: #804d00
}

.bt .btn-orange.active,
.bt .btn-orange:active,
.open>.bt .btn-orange.dropdown-toggle {
  background-image: none
}

.bt .btn-orange.disabled.focus,
.bt .btn-orange.disabled:focus,
.bt .btn-orange.disabled:hover,
.bt .btn-orange[disabled].focus,
.bt .btn-orange[disabled]:focus,
.bt .btn-orange[disabled]:hover,
fieldset[disabled] .bt .btn-orange.focus,
fieldset[disabled] .bt .btn-orange:focus,
fieldset[disabled] .bt .btn-orange:hover {
  background-color: #f90;
  border-color: #f90
}

.bt .btn-orange .badge {
  color: #f90;
  background-color: #fff
}

.bt .btn-orange:hover {
  background-color: red;
  border-color: red
}

.bt .btn-orange.active.focus,
.bt .btn-orange.active:focus,
.bt .btn-orange:active.focus,
.bt .btn-orange:active:focus {
  background-color: red;
  border-color: red
}

.bt .btn-orange.arrow-right-white-sm {
  position: relative;
  padding-right: 28px;
  padding-left: 28px
}

.bt .btn-orange.arrow-right-white-sm:after {
  position: absolute;
  top: 12px;
  right: 10px;
  display: inline-block;
  width: 15px;
  height: 8px;
  content: "";
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-white-sm.png) no-repeat
}

.bt .btn-orange .icon-arrow {
  display: block;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-white-sm.png) 100% 50% no-repeat
}

.bt .btn-orange.btn-contact {
  padding: 10px 20px 10px 50px;
  font-size: 20px !important
}

@media (max-width:767px) {
  .bt .btn-orange.btn-contact {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (max-width:479px) {
  .bt .btn-orange.btn-contact {
    padding-right: 6px;
    padding-left: 6px
  }
}

.bt .btn-orange.btn-contact:after,
.bt .btn-orange.btn-contact:before {
  display: inline-block;
  content: ""
}

.bt .btn-orange.btn-contact:before {
  width: 31px;
  height: 21px;
  vertical-align: -3px;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/letter-white.png) 0 50% no-repeat
}

.bt .btn-orange.btn-contact:after {
  width: 19px;
  height: 10px;
  margin-left: 10px;
  vertical-align: 3px;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-white.png) 0 50% no-repeat
}

@media (min-width:480px) {
  .bt .btn-orange.btn-contact:before {
    margin-right: 5px
  }

  .bt .btn-orange.btn-contact:after {
    margin-left: 10px
  }
}

.bt .btn-white {
  color: #3c8cb8;
  background-color: #fff;
  border-color: #fff;
  padding: 5px 5px 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  border-radius: 4px
}

.bt .btn-white.focus,
.bt .btn-white:focus {
  color: #3c8cb8;
  background-color: #e6e6e6;
  border-color: #bfbfbf
}

.bt .btn-white.active,
.bt .btn-white:active,
.bt .btn-white:hover,
.open>.bt .btn-white.dropdown-toggle {
  color: #3c8cb8;
  background-color: #e6e6e6;
  border-color: #e0e0e0
}

.bt .btn-white.active.focus,
.bt .btn-white.active:focus,
.bt .btn-white.active:hover,
.bt .btn-white:active.focus,
.bt .btn-white:active:focus,
.bt .btn-white:active:hover,
.open>.bt .btn-white.dropdown-toggle.focus,
.open>.bt .btn-white.dropdown-toggle:focus,
.open>.bt .btn-white.dropdown-toggle:hover {
  color: #3c8cb8;
  background-color: #d4d4d4;
  border-color: #bfbfbf
}

.bt .btn-white.active,
.bt .btn-white:active,
.open>.bt .btn-white.dropdown-toggle {
  background-image: none
}

.bt .btn-white.disabled.focus,
.bt .btn-white.disabled:focus,
.bt .btn-white.disabled:hover,
.bt .btn-white[disabled].focus,
.bt .btn-white[disabled]:focus,
.bt .btn-white[disabled]:hover,
fieldset[disabled] .bt .btn-white.focus,
fieldset[disabled] .bt .btn-white:focus,
fieldset[disabled] .bt .btn-white:hover {
  background-color: #fff;
  border-color: #fff
}

.bt .btn-white .badge {
  color: #fff;
  background-color: #3c8cb8
}

.bt .btn-white.active:focus,
.bt .btn-white.active:hover,
.bt .btn-white:active:focus,
.bt .btn-white:active:hover,
.bt .btn-white:focus,
.bt .btn-white:hover {
  color: #fff;
  background-color: #77c8f7;
  border-color: #77c8f7
}

.bt .btn-bright-blue {
  color: #fff;
  background-color: #338fe7;
  border-color: #338fe7
}

.bt .btn-bright-blue.focus,
.bt .btn-bright-blue:focus {
  color: #fff;
  background-color: #1876cf;
  border-color: #104f8a
}

.bt .btn-bright-blue.active,
.bt .btn-bright-blue:active,
.bt .btn-bright-blue:hover,
.open>.bt .btn-bright-blue.dropdown-toggle {
  color: #fff;
  background-color: #1876cf;
  border-color: #1770c6
}

.bt .btn-bright-blue.active.focus,
.bt .btn-bright-blue.active:focus,
.bt .btn-bright-blue.active:hover,
.bt .btn-bright-blue:active.focus,
.bt .btn-bright-blue:active:focus,
.bt .btn-bright-blue:active:hover,
.open>.bt .btn-bright-blue.dropdown-toggle.focus,
.open>.bt .btn-bright-blue.dropdown-toggle:focus,
.open>.bt .btn-bright-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #1563af;
  border-color: #104f8a
}

.bt .btn-bright-blue.active,
.bt .btn-bright-blue:active,
.open>.bt .btn-bright-blue.dropdown-toggle {
  background-image: none
}

.bt .btn-bright-blue.disabled.focus,
.bt .btn-bright-blue.disabled:focus,
.bt .btn-bright-blue.disabled:hover,
.bt .btn-bright-blue[disabled].focus,
.bt .btn-bright-blue[disabled]:focus,
.bt .btn-bright-blue[disabled]:hover,
fieldset[disabled] .bt .btn-bright-blue.focus,
fieldset[disabled] .bt .btn-bright-blue:focus,
fieldset[disabled] .bt .btn-bright-blue:hover {
  background-color: #338fe7;
  border-color: #338fe7
}

.bt .btn-bright-blue .badge {
  color: #338fe7;
  background-color: #fff
}

.bt .btn-bright-blue:hover {
  background-color: #48aff2;
  border-color: #48aff2
}

.bt .nav-adjoined-bordered {
  border-bottom: 1px solid #fff;
  background-color: #e7e8e9;
  font-size: 16px
}

.bt .nav-adjoined-bordered>.container>ul {
  display: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
  list-style: none
}

.bt .nav-adjoined-bordered>.container>ul:after,
.bt .nav-adjoined-bordered>.container>ul:before {
  content: " ";
  display: table
}

.bt .nav-adjoined-bordered>.container>ul:after {
  clear: both
}

.bt .nav-adjoined-bordered>.container>ul>li {
  position: static;
  font-weight: 700
}

.bt .nav-adjoined-bordered>.container>ul>li>a {
  display: block;
  padding-top: 18px;
  padding-bottom: 11px;
  color: #000;
  border-bottom: 6px solid transparent
}

.bt .nav-adjoined-bordered>.container>ul>li>a:focus,
.bt .nav-adjoined-bordered>.container>ul>li>a:hover {
  color: #338fe7;
  text-decoration: none
}

.bt .nav-adjoined-bordered>.container>ul>li>a:hover {
  border-bottom-color: #0068b7
}

.bt .nav-adjoined-bordered>.container>ul>li>a:after,
.bt .nav-adjoined-bordered>.container>ul>li>a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: ""
}

.bt .nav-adjoined-bordered>.container>ul>li>a:before {
  left: 0
}

.bt .nav-adjoined-bordered>.container>ul>li>a:after {
  right: 0
}

.bt .nav-adjoined-bordered>.container>ul>li.hover a,
.bt .nav-adjoined-bordered>.container>ul>li.touched a {
  opacity: .75;
  color: #338fe7;
  text-decoration: none;
  border-bottom-color: #0068b7;
  opacity: 1
}

.bt .nav-adjoined-bordered>.container>ul>li.home .v-line {
  padding-top: 1px;
  padding-bottom: 1px
}

.bt .nav-adjoined-bordered>.container>ul>li.active>a {
  color: #338fe7;
  border-bottom-color: #0068b7
}

.bt .nav-adjoined-bordered>.container>ul>li.active .icon-home:after {
  opacity: 0
}

.bt .nav-adjoined-bordered .has-arrow>a {
  background: url(../img/navbar/nav-arrow-down.png) 50% 90%/10px 5px no-repeat
}

.bt .nav-adjoined-bordered .has-arrow.hover>a,
.bt .nav-adjoined-bordered .has-arrow.open>a {
  border-bottom-color: #338fe7
}

.bt .nav-adjoined-bordered .icon-home {
  -webkit-transition: .15s;
  transition: .15s;
  position: relative;
  display: block;
  height: 22px
}

.bt .nav-adjoined-bordered .icon-home:after,
.bt .nav-adjoined-bordered .icon-home:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 22px;
  content: ""
}

.bt .nav-adjoined-bordered .icon-home:before {
  margin-right: auto;
  margin-left: auto;
  background: url(../img/navbar/icon-top-hover-r2.png) 50% 50%/contain no-repeat #e7e8e9
}

.bt .nav-adjoined-bordered .icon-home:after {
  margin-right: auto;
  margin-left: auto;
  background: url(../img/navbar/icon-top-r2.png) 50% 50%/contain no-repeat #e7e8e9
}

.bt .nav-adjoined-bordered .v-line {
  display: block;
  padding-top: 4px;
  padding-bottom: 3px;
  border-left: 1px solid #999
}

.bt .nav-adjoined-bordered .v-line.v-line-right {
  border-right: 1px solid #999
}

.bt .nav-adjoined-bordered .list-right {
  display: none;
  margin-top: 14px;
  margin-bottom: 0;
  float: right
}

.bt .nav-adjoined-bordered .list-right>li {
  float: left;
  margin-left: 7px
}

.bt .nav-adjoined-bordered .list-right .btn {
  min-width: 160px;
  padding-top: 6px;
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 1.1
}

.bt .nav-adjoined-bordered .list-btns {
  margin: 15px 10px 10px
}

.bt .nav-adjoined-bordered .list-btns:after,
.bt .nav-adjoined-bordered .list-btns:before {
  content: " ";
  display: table
}

.bt .nav-adjoined-bordered .list-btns:after {
  clear: both
}

.bt .nav-adjoined-bordered .list-btns>li {
  width: 50%;
  float: left;
  padding-right: 6px;
  padding-left: 6px
}

.bt .nav-adjoined-bordered .list-btns .btn {
  padding-top: 6px;
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 1.1
}

.bt .nav-adjoined-bordered.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-size: 14px
}

.bt .nav-adjoined-bordered.fixed .brand-logo {
  height: auto;
  padding-top: 5px
}

@media (min-width:768px) {
  .bt .table-id-privileges {
    margin-bottom: 15px
  }

  .bt .table-step-1 thead td,
  .bt .table-step-1 thead th {
    padding: 12px 8px !important
  }

  .bt .table-step-1 tbody td,
  .bt .table-step-1 tbody th {
    padding: 6px 8px 15px !important
  }

  .bt .form-horizontal .control-label {
    text-align: left
  }

  .bt .nav-adjoined-bordered>.container>ul {
    display: block !important;
    height: 59px
  }

  .bt .nav-adjoined-bordered>.container>ul>li {
    float: left;
    width: 16%
  }

  .bt .nav-adjoined-bordered>.container>ul>li.home {
    width: 6%
  }

  .bt .nav-adjoined-bordered>.container>ul>li.about {
    width: 20%
  }

  .bt .nav-adjoined-bordered>.container>ul>li.features {
    width: 10%
  }

  .bt .nav-adjoined-bordered>.container>ul>li>a {
    line-height: 17px
  }

  .bt .nav-adjoined-bordered>.container>ul>li.home a:hover .icon-home:after {
    opacity: 0
  }

  .bt .nav-adjoined-bordered.fixed {
    min-height: 92px
  }

  .bt .nav-adjoined-bordered.fixed .brand-logo {
    padding-top: 8px
  }

  .bt .nav-adjoined-bordered.fixed>div>ul {
    height: 48px !important
  }
}

.bt .nav-adjoined-bordered.fixed .brand-logo img {
  width: auto
}

.bt .nav-adjoined-bordered.fixed .list-right {
  display: block
}

.bt .nav-adjoined-bordered.fixed>div>ul>li>a {
  padding-top: 15px !important;
  padding-bottom: 12px !important;
  border-bottom-width: 4px
}

@media (max-width:767px) {
  .bt .nav-adjoined-bordered {
    min-height: 46px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .nav-adjoined-bordered>.container>ul {
    max-height: 450px;
    overflow-y: auto
  }

  .bt .nav-adjoined-bordered>.container>ul>li>a {
    padding-top: 15px;
    line-height: 1.1;
    border-bottom-width: 3px
  }

  .bt .nav-adjoined-bordered .has-arrow>a {
    background-position: 50% 98%
  }

  .bt .nav-adjoined-bordered .v-line {
    border-right: 1px solid #999
  }

  .bt .nav-adjoined-bordered .list-btns {
    margin: 10px
  }

  .bt .nav-adjoined-bordered.fixed {
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0;
    margin-right: 0
  }

  .bt .nav-adjoined-bordered.fixed .brand-logo {
    padding-top: 5.5px;
    padding-bottom: 5.5px
  }

  .bt .nav-adjoined-bordered.fixed>div>ul>li>a {
    padding-top: 8px !important
  }
}

.bt .nav-adjoined-bordered.fixed .home a {
  padding-bottom: 10px !important
}

.bt .nav-adjoined-bordered.fixed .icon-home {
  height: 18px;
  font-size: 10px;
  line-height: 1
}

.bt .nav-adjoined-bordered.fixed .icon-home:after,
.bt .nav-adjoined-bordered.fixed .icon-home:before {
  height: 18px;
  background-size: auto 18px !important
}

.bt .nav-adjoined-bordered.fixed .v-line {
  padding-top: 2px;
  padding-bottom: 1px
}

.bt .nav-adjoined-bordered .btn-toggle-dark-gray {
  display: none;
  float: right
}

.bt .nav-adjoined-bordered .ls-sm {
  margin-left: .3em;
  letter-spacing: .3em
}

.bt .nav-adjoined-bordered-orange {
  background-color: #e8a000
}

.bt .nav-adjoined-bordered-orange>.container>ul>li {
  width: 33.33333333%
}

@media (min-width:992px) {
  .bt .nav-adjoined-bordered-orange>.container>ul>li {
    width: 16.66666666666667%
  }
}

.bt .nav-adjoined-bordered-orange>.container>ul>li>a,
.bt .nav-adjoined-bordered-orange>.container>ul>li:hover a {
  -webkit-text-decoration-color: #ebd188 !important;
  text-decoration-color: #ebd188 !important
}

.bt .nav-adjoined-bordered-green {
  background-color: #61aa31
}

.bt .nav-adjoined-bordered-green>.container>ul>li {
  width: 33.33333333%
}

.bt .nav-adjoined-bordered-green>.container>ul>li>a,
.bt .nav-adjoined-bordered-green>.container>ul>li:hover a {
  -webkit-text-decoration-color: #cbf8ad !important;
  text-decoration-color: #cbf8ad !important
}

.bt .nav-adjoined-bordered-dark-green {
  background-color: #438d1d
}

.bt .nav-adjoined-bordered-dark-green>.container>ul>li {
  width: 25%
}

@media (max-width:767px) {
  .bt .nav-adjoined-bordered .btn-toggle-dark-gray {
    display: block
  }

  .bt .nav-adjoined-bordered-dark-green>.container>ul>li {
    width: 50%
  }
}

.bt .nav-adjoined-bordered-dark-green>.container>ul>li>a,
.bt .nav-adjoined-bordered-dark-green>.container>ul>li:hover a {
  -webkit-text-decoration-color: #cbf8ad !important;
  text-decoration-color: #cbf8ad !important
}

.bt .nav-adjoined-bordered-blue {
  background-color: #009dd7
}

.bt .nav-adjoined-bordered-blue>.container>ul>li {
  width: 33.33333333%
}

.bt .nav-adjoined-bordered-blue>.container>ul>li>a,
.bt .nav-adjoined-bordered-blue>.container>ul>li:hover a {
  -webkit-text-decoration-color: #9fe0f8 !important;
  text-decoration-color: #9fe0f8 !important
}

.bt .nav-adjoined-bordered-dark-blue {
  background-color: #007bb0
}

.bt .nav-adjoined-bordered-dark-blue>.container>ul>li {
  width: 20%
}

.bt .nav-adjoined-bordered-dark-blue>.container>ul>li>a,
.bt .nav-adjoined-bordered-dark-blue>.container>ul>li:hover a {
  -webkit-text-decoration-color: #9fe0f8 !important;
  text-decoration-color: #9fe0f8 !important
}

.bt .nav-adjoined-bordered-inline {
  font-size: 16px;
  -webkit-box-shadow: 0 -1px 0 #fff;
  box-shadow: 0 -1px 0 #fff
}

@media (max-width:767px) {
  .bt .nav-adjoined-bordered-dark-blue>.container>ul>li {
    width: 33.33333333%
  }

  .bt .nav-adjoined-bordered-inline {
    min-height: 46px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px;
    font-size: 12px
  }
}

.bt .nav-adjoined-bordered-inline>.container>ul {
  padding-left: 0;
  margin-bottom: 0;
  text-align: center
}

.bt .nav-adjoined-bordered-inline>.container>ul:after,
.bt .nav-adjoined-bordered-inline>.container>ul:before {
  content: " ";
  display: table
}

.bt .nav-adjoined-bordered-inline>.container>ul:after {
  clear: both
}

.bt .nav-adjoined-bordered-inline>.container>ul>li {
  position: relative;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bt .nav-adjoined-bordered-inline>.container>ul>li:after,
.bt .nav-adjoined-bordered-inline>.container>ul>li:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 14px;
  background-color: #fff;
  content: ""
}

.bt .nav-adjoined-bordered-inline>.container>ul>li:before {
  left: -1px
}

.bt .nav-adjoined-bordered-inline>.container>ul>li:first-of-type:before {
  left: 0
}

.bt .nav-adjoined-bordered-inline>.container>ul>li>a {
  display: block;
  padding-top: 15px;
  padding-bottom: 12px;
  color: #fff
}

.bt .nav-adjoined-bordered-inline>.container>ul>li>a:focus,
.bt .nav-adjoined-bordered-inline>.container>ul>li>a:hover {
  text-decoration: none
}

.bt .nav-adjoined-bordered-inline>.container>ul>li>a:after,
.bt .nav-adjoined-bordered-inline>.container>ul>li>a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: ""
}

.bt .nav-adjoined-bordered-inline>.container>ul>li>a:before {
  left: 0
}

.bt .nav-adjoined-bordered-inline>.container>ul>li>a:after {
  right: 0
}

.bt .nav-adjoined-bordered-inline>.container>ul>li:hover a {
  text-decoration: underline;
  text-underline-position: under
}

.bt .nav-adjoined-bordered-inline .has-arrow>a {
  background: url(/common/images/arrow-down-white.png) 50% 90% no-repeat
}

@media (min-width:768px) {
  .bt .nav-adjoined-bordered.fixed>div>ul>li>a {
    line-height: 15px
  }

  .bt .nav-adjoined-bordered-inline>.container>ul>li>a {
    padding-top: 17px;
    padding-bottom: 21px
  }

  .bt .nav-adjoined-bordered-inline .has-arrow>a {
    background-position-y: calc(100% - 7px)
  }
}

.bt .nav-adjoined-bordered-arrow {
  font-size: 16px
}

@media (max-width:767px) {
  .bt .nav-adjoined-bordered-arrow {
    min-height: 46px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: -10px;
    margin-left: -10px;
    font-size: 12px
  }
}

.bt .nav-adjoined-bordered-arrow>.container>ul {
  padding-left: 0;
  margin-bottom: 0;
  text-align: center
}

.bt .nav-adjoined-bordered-arrow>.container>ul:after,
.bt .nav-adjoined-bordered-arrow>.container>ul:before {
  content: " ";
  display: table
}

.bt .nav-adjoined-bordered-arrow>.container>ul:after {
  clear: both
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li {
  position: relative;
  float: left;
  width: 33.33333333%
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li:after,
.bt .nav-adjoined-bordered-arrow>.container>ul>li:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 14px;
  background-color: #fff;
  content: ""
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li:before {
  left: -1px
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li:first-of-type:before {
  left: 0
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li>a {
  display: block;
  padding-top: 15px;
  padding-bottom: 12px;
  color: #fff;
  -webkit-text-decoration-color: #ebd188;
  text-decoration-color: #ebd188
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li>a:focus,
.bt .nav-adjoined-bordered-arrow>.container>ul>li>a:hover {
  text-decoration: none;
  opacity: .8
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li>a:after,
.bt .nav-adjoined-bordered-arrow>.container>ul>li>a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: ""
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li>a:before {
  left: 0
}

.bt .nav-adjoined-bordered-arrow>.container>ul>li>a:after {
  right: 0
}

/*
.bt .nav-adjoined-bordered-arrow .has-arrow>a {
  background: url(/common/images/arrow-down-white.png) 50% 90% no-repeat
}
  */

.bt .nav-adjoined-bordered-arrow.nav-table>.container>ul {
  display: table;
  width: 100%
}

.bt .nav-adjoined-bordered-arrow.nav-table>.container>ul>li {
  display: table-cell;
  width: auto;
  float: none
}

.bt .nav-adjoined-bordered-arrow.nav-adjoined-bordered-col-2>.container>ul>li {
  width: 50%
}

.bt .navbar-static-top {
  position: relative;
  z-index: 90
}

.bt .dropdown-overlay {
  -webkit-transition: .5s;
  transition: .5s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 0;
  opacity: 0;
  background-color: rgba(46, 45, 45, .6)
}

.bt .dropdown-overlay.active {
  height: auto;
  opacity: 1
}

.bt .brand-logo {
  -webkit-transition: .5s;
  transition: .5s;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 0;
  float: left;
  font-size: 11px;
  line-height: 1.05;
  border-bottom: 0;
  will-change: height
}

@media (max-width:767px) {
  .bt .brand-logo {
    width: 100%;
    padding: 0 50px 0 0;
    margin: 0 -50px 0 0
  }
}

.bt .brand-logo img {
  -webkit-transition: .5s;
  transition: .5s;
  width: 0;
  max-width: 281px
}

.bt .menu-header {
  overflow: hidden
}

.bt .dropdown-menu {
  position: absolute;
  right: 0;
  padding: 50px 0;
  margin-top: 0;
  font-size: 15px;
  color: #fff;
  border-top: 1px solid transparent;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  background-color: #0068b7
}

.bt .dropdown-menu:after,
.bt .dropdown-menu:before {
  position: absolute;
  top: 0;
  z-index: -1;
  width: calc(calc(100vw - 100%)/ 2);
  height: 100%;
  background-color: #0068b7
}

.bt .dropdown-menu:before {
  left: 0;
  margin-left: auto;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.bt .dropdown-menu:after {
  right: 0;
  margin-right: auto;
  -webkit-transform: translateX(calc(100% - 9px));
  -ms-transform: translateX(calc(100% - 9px));
  transform: translateX(calc(100% - 9px))
}

.bt .dropdown-menu.dropdown-menu-sm {
  padding-top: 35px;
  padding-bottom: 46px
}

@media (max-width:767px) {
  .bt .dropdown-menu {
    top: 45px;
    padding: 30px 15px 25px;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .bt .dropdown-menu.dropdown-menu-sm {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.bt .dropdown-menu.dropdown-menu-md {
  padding-top: 35px;
  padding-bottom: 20px
}

.bt .dropdown-menu .title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .dropdown-menu.dropdown-menu-md {
    padding-top: 15px;
    padding-bottom: 10px
  }

  .bt .dropdown-menu .title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px
  }
}

.bt .dropdown-menu a {
  padding: 12px 22px 10px !important;
  color: #fff !important
}

.bt .dropdown-menu .thumbnail-white {
  padding: 39px 6px 24px !important
}

.bt .dropdown-menu .well-white {
  display: block;
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.154;
  color: #999 !important;
  text-align: center
}

.bt .dropdown-menu .well-white:hover {
  opacity: .7 !important
}

.bt .dropdown-menu .well-white .well-title {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0068b7;
  border: 0
}

@media (max-width:767px) {
  .bt .dropdown-menu .thumbnail-white {
    padding: 8px 10px !important
  }

  .bt .dropdown-menu .well-white {
    padding: 10px 5px 8px !important;
    margin-bottom: 10px;
    font-size: 11px
  }

  .bt .dropdown-menu .well-white .well-title {
    margin-top: 10px;
    font-size: 12px
  }
}

.bt .dropdown-menu .btn {
  padding-top: 60px !important;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: 50% 21px
}

.bt .dropdown-menu .btn:after {
  right: 11px
}

@media (max-width:767px) {
  .bt .dropdown-menu .btn {
    padding-top: 40px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    font-size: 3.2vw;
    background-size: 24px;
    background-position-y: 18px
  }

  .bt .dropdown-menu .btn:after {
    content: none
  }
}

.bt .dropdown-menu .btn.btn-recording {
  color: #fff;
  background-color: #f5b300;
  border: 0
}

.bt .dropdown-menu .btn.btn-recording.focus,
.bt .dropdown-menu .btn.btn-recording:focus {
  color: #fff;
  background-color: #c28e00;
  border-color: #765600
}

.bt .dropdown-menu .btn.btn-recording.active,
.bt .dropdown-menu .btn.btn-recording:active,
.bt .dropdown-menu .btn.btn-recording:hover,
.open>.bt .dropdown-menu .btn.btn-recording.dropdown-toggle {
  color: #fff;
  background-color: #c28e00;
  border-color: #b88600
}

.bt .dropdown-menu .btn.btn-recording.active.focus,
.bt .dropdown-menu .btn.btn-recording.active:focus,
.bt .dropdown-menu .btn.btn-recording.active:hover,
.bt .dropdown-menu .btn.btn-recording:active.focus,
.bt .dropdown-menu .btn.btn-recording:active:focus,
.bt .dropdown-menu .btn.btn-recording:active:hover,
.open>.bt .dropdown-menu .btn.btn-recording.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn.btn-recording.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn.btn-recording.dropdown-toggle:hover {
  color: #fff;
  background-color: #9e7400;
  border-color: #765600
}

.bt .dropdown-menu .btn.btn-recording.active,
.bt .dropdown-menu .btn.btn-recording:active,
.open>.bt .dropdown-menu .btn.btn-recording.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn.btn-recording.disabled.focus,
.bt .dropdown-menu .btn.btn-recording.disabled:focus,
.bt .dropdown-menu .btn.btn-recording.disabled:hover,
.bt .dropdown-menu .btn.btn-recording[disabled].focus,
.bt .dropdown-menu .btn.btn-recording[disabled]:focus,
.bt .dropdown-menu .btn.btn-recording[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn.btn-recording.focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-recording:focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-recording:hover {
  background-color: #f5b300;
  border-color: #f5b300
}

.bt .dropdown-menu .btn.btn-recording .badge {
  color: #f5b300;
  background-color: #fff
}

.bt .dropdown-menu .btn.btn-recording,
.bt .dropdown-menu .btn.btn-recording:active {
  background-image: url(../img/navbar/icon-recording.png)
}

.bt .dropdown-menu .btn.btn-recording:hover {
  background-color: #f09800
}

.bt .dropdown-menu .btn.btn-search-playback {
  color: #fff;
  background-color: #61aa31;
  border: 0
}

.bt .dropdown-menu .btn.btn-search-playback.focus,
.bt .dropdown-menu .btn.btn-search-playback:focus {
  color: #fff;
  background-color: #4a8226;
  border-color: #294714
}

.bt .dropdown-menu .btn.btn-search-playback.active,
.bt .dropdown-menu .btn.btn-search-playback:active,
.bt .dropdown-menu .btn.btn-search-playback:hover,
.open>.bt .dropdown-menu .btn.btn-search-playback.dropdown-toggle {
  color: #fff;
  background-color: #4a8226;
  border-color: #467a23
}

.bt .dropdown-menu .btn.btn-search-playback.active.focus,
.bt .dropdown-menu .btn.btn-search-playback.active:focus,
.bt .dropdown-menu .btn.btn-search-playback.active:hover,
.bt .dropdown-menu .btn.btn-search-playback:active.focus,
.bt .dropdown-menu .btn.btn-search-playback:active:focus,
.bt .dropdown-menu .btn.btn-search-playback:active:hover,
.open>.bt .dropdown-menu .btn.btn-search-playback.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn.btn-search-playback.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn.btn-search-playback.dropdown-toggle:hover {
  color: #fff;
  background-color: #3b671e;
  border-color: #294714
}

.bt .dropdown-menu .btn.btn-search-playback.active,
.bt .dropdown-menu .btn.btn-search-playback:active,
.open>.bt .dropdown-menu .btn.btn-search-playback.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn.btn-search-playback.disabled.focus,
.bt .dropdown-menu .btn.btn-search-playback.disabled:focus,
.bt .dropdown-menu .btn.btn-search-playback.disabled:hover,
.bt .dropdown-menu .btn.btn-search-playback[disabled].focus,
.bt .dropdown-menu .btn.btn-search-playback[disabled]:focus,
.bt .dropdown-menu .btn.btn-search-playback[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn.btn-search-playback.focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-search-playback:focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-search-playback:hover {
  background-color: #61aa31;
  border-color: #61aa31
}

.bt .dropdown-menu .btn.btn-search-playback .badge {
  color: #61aa31;
  background-color: #fff
}

.bt .dropdown-menu .btn.btn-search-playback,
.bt .dropdown-menu .btn.btn-search-playback:active {
  background-image: url(../img/navbar/icon-search-playback.png)
}

.bt .dropdown-menu .btn.btn-search-playback:hover {
  background-color: #438d1d
}

.bt .dropdown-menu .btn.btn-search-operation {
  color: #fff;
  background-color: #2abcef;
  border: 0
}

.bt .dropdown-menu .btn.btn-search-operation.focus,
.bt .dropdown-menu .btn.btn-search-operation:focus {
  color: #fff;
  background-color: #10a3d6;
  border-color: #0b6d8f
}

.bt .dropdown-menu .btn.btn-search-operation.active,
.bt .dropdown-menu .btn.btn-search-operation:active,
.bt .dropdown-menu .btn.btn-search-operation:hover,
.open>.bt .dropdown-menu .btn.btn-search-operation.dropdown-toggle {
  color: #fff;
  background-color: #10a3d6;
  border-color: #0f9bcc
}

.bt .dropdown-menu .btn.btn-search-operation.active.focus,
.bt .dropdown-menu .btn.btn-search-operation.active:focus,
.bt .dropdown-menu .btn.btn-search-operation.active:hover,
.bt .dropdown-menu .btn.btn-search-operation:active.focus,
.bt .dropdown-menu .btn.btn-search-operation:active:focus,
.bt .dropdown-menu .btn.btn-search-operation:active:hover,
.open>.bt .dropdown-menu .btn.btn-search-operation.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn.btn-search-operation.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn.btn-search-operation.dropdown-toggle:hover {
  color: #fff;
  background-color: #0e89b5;
  border-color: #0b6d8f
}

.bt .dropdown-menu .btn.btn-search-operation.active,
.bt .dropdown-menu .btn.btn-search-operation:active,
.open>.bt .dropdown-menu .btn.btn-search-operation.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn.btn-search-operation.disabled.focus,
.bt .dropdown-menu .btn.btn-search-operation.disabled:focus,
.bt .dropdown-menu .btn.btn-search-operation.disabled:hover,
.bt .dropdown-menu .btn.btn-search-operation[disabled].focus,
.bt .dropdown-menu .btn.btn-search-operation[disabled]:focus,
.bt .dropdown-menu .btn.btn-search-operation[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn.btn-search-operation.focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-search-operation:focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-search-operation:hover {
  background-color: #2abcef;
  border-color: #2abcef
}

.bt .dropdown-menu .btn.btn-search-operation .badge {
  color: #2abcef;
  background-color: #fff
}

.bt .dropdown-menu .btn.btn-search-operation,
.bt .dropdown-menu .btn.btn-search-operation:active {
  background-image: url(../img/navbar/icon-search-operation.png)
}

.bt .dropdown-menu .btn.btn-search-operation:hover {
  background-color: #18a3e7
}

.bt .dropdown-menu .btn.btn-notification {
  color: #fff;
  background-color: #ea5651;
  border: 0
}

.bt .dropdown-menu .btn.btn-notification.focus,
.bt .dropdown-menu .btn.btn-notification:focus {
  color: #fff;
  background-color: #e52a23;
  border-color: #a71914
}

.bt .dropdown-menu .btn.btn-notification.active,
.bt .dropdown-menu .btn.btn-notification:active,
.bt .dropdown-menu .btn.btn-notification:hover,
.open>.bt .dropdown-menu .btn.btn-notification.dropdown-toggle {
  color: #fff;
  background-color: #e52a23;
  border-color: #e2221b
}

.bt .dropdown-menu .btn.btn-notification.active.focus,
.bt .dropdown-menu .btn.btn-notification.active:focus,
.bt .dropdown-menu .btn.btn-notification.active:hover,
.bt .dropdown-menu .btn.btn-notification:active.focus,
.bt .dropdown-menu .btn.btn-notification:active:focus,
.bt .dropdown-menu .btn.btn-notification:active:hover,
.open>.bt .dropdown-menu .btn.btn-notification.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn.btn-notification.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn.btn-notification.dropdown-toggle:hover {
  color: #fff;
  background-color: #cc1e19;
  border-color: #a71914
}

.bt .dropdown-menu .btn.btn-notification.active,
.bt .dropdown-menu .btn.btn-notification:active,
.open>.bt .dropdown-menu .btn.btn-notification.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn.btn-notification.disabled.focus,
.bt .dropdown-menu .btn.btn-notification.disabled:focus,
.bt .dropdown-menu .btn.btn-notification.disabled:hover,
.bt .dropdown-menu .btn.btn-notification[disabled].focus,
.bt .dropdown-menu .btn.btn-notification[disabled]:focus,
.bt .dropdown-menu .btn.btn-notification[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn.btn-notification.focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-notification:focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-notification:hover {
  background-color: #ea5651;
  border-color: #ea5651
}

.bt .dropdown-menu .btn.btn-notification .badge {
  color: #ea5651;
  background-color: #fff
}

.bt .dropdown-menu .btn.btn-notification,
.bt .dropdown-menu .btn.btn-notification:active {
  background-image: url(../img/navbar/icon-notification.png)
}

.bt .dropdown-menu .btn.btn-notification:hover {
  background-color: #e03935
}

.bt .dropdown-menu .btn.btn-collaboration {
  color: #fff;
  background-color: #920f7c;
  border: 0
}

.bt .dropdown-menu .btn.btn-collaboration.focus,
.bt .dropdown-menu .btn.btn-collaboration:focus {
  color: #fff;
  background-color: #640a55;
  border-color: #1e031a
}

.bt .dropdown-menu .btn.btn-collaboration.active,
.bt .dropdown-menu .btn.btn-collaboration:active,
.bt .dropdown-menu .btn.btn-collaboration:hover,
.open>.bt .dropdown-menu .btn.btn-collaboration.dropdown-toggle {
  color: #fff;
  background-color: #640a55;
  border-color: #5b094d
}

.bt .dropdown-menu .btn.btn-collaboration.active.focus,
.bt .dropdown-menu .btn.btn-collaboration.active:focus,
.bt .dropdown-menu .btn.btn-collaboration.active:hover,
.bt .dropdown-menu .btn.btn-collaboration:active.focus,
.bt .dropdown-menu .btn.btn-collaboration:active:focus,
.bt .dropdown-menu .btn.btn-collaboration:active:hover,
.open>.bt .dropdown-menu .btn.btn-collaboration.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn.btn-collaboration.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn.btn-collaboration.dropdown-toggle:hover {
  color: #fff;
  background-color: #430739;
  border-color: #1e031a
}

.bt .dropdown-menu .btn.btn-collaboration.active,
.bt .dropdown-menu .btn.btn-collaboration:active,
.open>.bt .dropdown-menu .btn.btn-collaboration.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn.btn-collaboration.disabled.focus,
.bt .dropdown-menu .btn.btn-collaboration.disabled:focus,
.bt .dropdown-menu .btn.btn-collaboration.disabled:hover,
.bt .dropdown-menu .btn.btn-collaboration[disabled].focus,
.bt .dropdown-menu .btn.btn-collaboration[disabled]:focus,
.bt .dropdown-menu .btn.btn-collaboration[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn.btn-collaboration.focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-collaboration:focus,
fieldset[disabled] .bt .dropdown-menu .btn.btn-collaboration:hover {
  background-color: #920f7c;
  border-color: #920f7c
}

.bt .dropdown-menu .btn.btn-collaboration .badge {
  color: #920f7c;
  background-color: #fff
}

.bt .dropdown-menu .btn.btn-collaboration,
.bt .dropdown-menu .btn.btn-collaboration:active {
  background-image: url(../img/navbar/icon-collaboration.png)
}

.bt .dropdown-menu .btn.btn-collaboration:hover {
  background-color: #73085c
}

.bt .dropdown-menu .btn-border-light-blue {
  color: #fff;
  background-color: #0068b7;
  position: relative;
  padding: 13px 13px 12px !important;
  border-width: 4px;
  text-align: left;
  border-color: #80b4db !important
}

.bt .dropdown-menu .btn-border-light-blue.focus,
.bt .dropdown-menu .btn-border-light-blue:focus {
  color: #fff;
  background-color: #004b84;
  border-color: #3077ab
}

.bt .dropdown-menu .btn-border-light-blue.active,
.bt .dropdown-menu .btn-border-light-blue:active,
.bt .dropdown-menu .btn-border-light-blue:hover,
.open>.bt .dropdown-menu .btn-border-light-blue.dropdown-toggle {
  color: #fff;
  background-color: #004b84;
  border-color: #5098cd
}

.bt .dropdown-menu .btn-border-light-blue.active.focus,
.bt .dropdown-menu .btn-border-light-blue.active:focus,
.bt .dropdown-menu .btn-border-light-blue.active:hover,
.bt .dropdown-menu .btn-border-light-blue:active.focus,
.bt .dropdown-menu .btn-border-light-blue:active:focus,
.bt .dropdown-menu .btn-border-light-blue:active:hover,
.open>.bt .dropdown-menu .btn-border-light-blue.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn-border-light-blue.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn-border-light-blue.dropdown-toggle:hover {
  color: #fff;
  background-color: #003760;
  border-color: #3077ab
}

.bt .dropdown-menu .btn-border-light-blue.active,
.bt .dropdown-menu .btn-border-light-blue:active,
.open>.bt .dropdown-menu .btn-border-light-blue.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn-border-light-blue.disabled.focus,
.bt .dropdown-menu .btn-border-light-blue.disabled:focus,
.bt .dropdown-menu .btn-border-light-blue.disabled:hover,
.bt .dropdown-menu .btn-border-light-blue[disabled].focus,
.bt .dropdown-menu .btn-border-light-blue[disabled]:focus,
.bt .dropdown-menu .btn-border-light-blue[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn-border-light-blue.focus,
fieldset[disabled] .bt .dropdown-menu .btn-border-light-blue:focus,
fieldset[disabled] .bt .dropdown-menu .btn-border-light-blue:hover {
  background-color: #0068b7;
  border-color: #80b4db
}

.bt .dropdown-menu .btn-border-light-blue .badge {
  color: #0068b7;
  background-color: #fff
}

@media (max-width:767px) {
  .bt .dropdown-menu .btn-border-light-blue {
    padding-top: 9px !important;
    padding-bottom: 7px !important;
    margin-bottom: 10px;
    font-size: 14px
  }
}

.bt .dropdown-menu .btn-border-light-blue:hover {
  background-color: #00499d;
  border-color: #c0daed !important
}

.bt .dropdown-menu .btn-border-light-blue:after {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 17px;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto;
  content: ">"
}

.bt .dropdown-menu .btn-aqua {
  color: #fff;
  background-color: #257ec1;
  padding: 17px 17px 16px !important;
  border: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 700
}

.bt .dropdown-menu .btn-aqua.focus,
.bt .dropdown-menu .btn-aqua:focus {
  color: #fff;
  background-color: #1d6296;
  border-color: #103856
}

.bt .dropdown-menu .btn-aqua.active,
.bt .dropdown-menu .btn-aqua:active,
.bt .dropdown-menu .btn-aqua:hover,
.open>.bt .dropdown-menu .btn-aqua.dropdown-toggle {
  color: #fff;
  background-color: #1d6296;
  border-color: #1b5c8e
}

.bt .dropdown-menu .btn-aqua.active.focus,
.bt .dropdown-menu .btn-aqua.active:focus,
.bt .dropdown-menu .btn-aqua.active:hover,
.bt .dropdown-menu .btn-aqua:active.focus,
.bt .dropdown-menu .btn-aqua:active:focus,
.bt .dropdown-menu .btn-aqua:active:hover,
.open>.bt .dropdown-menu .btn-aqua.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn-aqua.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn-aqua.dropdown-toggle:hover {
  color: #fff;
  background-color: #174f78;
  border-color: #103856
}

.bt .dropdown-menu .btn-aqua.active,
.bt .dropdown-menu .btn-aqua:active,
.open>.bt .dropdown-menu .btn-aqua.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn-aqua.disabled.focus,
.bt .dropdown-menu .btn-aqua.disabled:focus,
.bt .dropdown-menu .btn-aqua.disabled:hover,
.bt .dropdown-menu .btn-aqua[disabled].focus,
.bt .dropdown-menu .btn-aqua[disabled]:focus,
.bt .dropdown-menu .btn-aqua[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn-aqua.focus,
fieldset[disabled] .bt .dropdown-menu .btn-aqua:focus,
fieldset[disabled] .bt .dropdown-menu .btn-aqua:hover {
  background-color: #257ec1;
  border-color: #257ec1
}

.bt .dropdown-menu .btn-aqua .badge {
  color: #257ec1;
  background-color: #fff
}

@media (min-width:768px) {
  .bt .nav-adjoined-bordered-arrow>.container>ul>li>a {
    padding-top: 17px;
    padding-bottom: 21px
  }

  .bt .nav-adjoined-bordered-arrow .has-arrow>a {
    background-position-y: calc(100% - 7px)
  }

  .bt .dropdown-menu .btn-aqua {
    padding: 17px 17px 16px !important;
    font-size: 16px
  }

  .bt .dropdown-menu .btn-aqua.arrow-right:after {
    right: 17px
  }
}

.bt .dropdown-menu .btn-aqua:hover {
  background-color: #1054a2
}

.bt .dropdown-menu .btn-aqua:after {
  right: 13px;
  content: ">"
}

.bt .dropdown-menu .btn-aqua.arrow-right {
  position: relative
}

.bt .dropdown-menu .btn-aqua.arrow-right:after {
  position: absolute;
  top: 0;
  bottom: 17px;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto
}

@media (max-width:767px) {
  .bt .dropdown-menu .btn-aqua {
    display: block;
    padding: 8px 10px !important
  }

  .bt .dropdown-menu .btn-aqua.arrow-right:after {
    bottom: 15px
  }
}

.bt .dropdown-menu .btn-aqua-with-icon {
  color: #fff;
  background-color: #257ec1;
  border: 0;
  text-align: left;
  font-size: 14px
}

.bt .dropdown-menu .btn-aqua-with-icon.focus,
.bt .dropdown-menu .btn-aqua-with-icon:focus {
  color: #fff;
  background-color: #1d6296;
  border-color: #103856
}

.bt .dropdown-menu .btn-aqua-with-icon.active,
.bt .dropdown-menu .btn-aqua-with-icon:active,
.bt .dropdown-menu .btn-aqua-with-icon:hover,
.open>.bt .dropdown-menu .btn-aqua-with-icon.dropdown-toggle {
  color: #fff;
  background-color: #1d6296;
  border-color: #1b5c8e
}

.bt .dropdown-menu .btn-aqua-with-icon.active.focus,
.bt .dropdown-menu .btn-aqua-with-icon.active:focus,
.bt .dropdown-menu .btn-aqua-with-icon.active:hover,
.bt .dropdown-menu .btn-aqua-with-icon:active.focus,
.bt .dropdown-menu .btn-aqua-with-icon:active:focus,
.bt .dropdown-menu .btn-aqua-with-icon:active:hover,
.open>.bt .dropdown-menu .btn-aqua-with-icon.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn-aqua-with-icon.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn-aqua-with-icon.dropdown-toggle:hover {
  color: #fff;
  background-color: #174f78;
  border-color: #103856
}

.bt .dropdown-menu .btn-aqua-with-icon.active,
.bt .dropdown-menu .btn-aqua-with-icon:active,
.open>.bt .dropdown-menu .btn-aqua-with-icon.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn-aqua-with-icon.disabled.focus,
.bt .dropdown-menu .btn-aqua-with-icon.disabled:focus,
.bt .dropdown-menu .btn-aqua-with-icon.disabled:hover,
.bt .dropdown-menu .btn-aqua-with-icon[disabled].focus,
.bt .dropdown-menu .btn-aqua-with-icon[disabled]:focus,
.bt .dropdown-menu .btn-aqua-with-icon[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn-aqua-with-icon.focus,
fieldset[disabled] .bt .dropdown-menu .btn-aqua-with-icon:focus,
fieldset[disabled] .bt .dropdown-menu .btn-aqua-with-icon:hover {
  background-color: #257ec1;
  border-color: #257ec1
}

.bt .dropdown-menu .btn-aqua-with-icon .badge {
  color: #257ec1;
  background-color: #fff
}

@media (min-width:768px) {
  .bt .dropdown-menu .btn-aqua-with-icon {
    padding: 17px 17px 16px 78px !important;
    font-size: 16px
  }

  .bt .dropdown-menu .btn-aqua-with-icon.arrow-right:after {
    right: 17px
  }
}

.bt .dropdown-menu .btn-aqua-with-icon:hover {
  background-color: #1054a2
}

.bt .dropdown-menu .btn-aqua-with-icon:after {
  right: 13px;
  content: ">"
}

.bt .dropdown-menu .btn-aqua-with-icon.arrow-right {
  position: relative
}

.bt .dropdown-menu .btn-aqua-with-icon.arrow-right:after {
  position: absolute;
  top: 0;
  bottom: 17px;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto
}

@media (max-width:767px) {
  .bt .dropdown-menu .btn-aqua-with-icon {
    display: block;
    padding: 8px 10px 8px 50px !important
  }

  .bt .dropdown-menu .btn-aqua-with-icon.arrow-right:after {
    bottom: 15px
  }
}

.bt .dropdown-menu .btn-aqua-with-icon.icon-pazzle {
  background-image: url(../img/navbar/icon-pazzle.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain
}

.bt .dropdown-menu .btn-aqua-with-icon.icon-thumbs-up {
  background-image: url(../img/navbar/icon-thumbs-up.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain
}

.bt .dropdown-menu .btn-white {
  background-color: #fff;
  color: #0068b7 !important;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  border: 0;
  border-radius: 0;
  line-height: 1.7
}

.bt .dropdown-menu .btn-white.focus,
.bt .dropdown-menu .btn-white:focus {
  color: #0068b7;
  background-color: #e6e6e6;
  border-color: #bfbfbf
}

.bt .dropdown-menu .btn-white.active,
.bt .dropdown-menu .btn-white:active,
.bt .dropdown-menu .btn-white:hover,
.open>.bt .dropdown-menu .btn-white.dropdown-toggle {
  color: #0068b7;
  background-color: #e6e6e6;
  border-color: #e0e0e0
}

.bt .dropdown-menu .btn-white.active.focus,
.bt .dropdown-menu .btn-white.active:focus,
.bt .dropdown-menu .btn-white.active:hover,
.bt .dropdown-menu .btn-white:active.focus,
.bt .dropdown-menu .btn-white:active:focus,
.bt .dropdown-menu .btn-white:active:hover,
.open>.bt .dropdown-menu .btn-white.dropdown-toggle.focus,
.open>.bt .dropdown-menu .btn-white.dropdown-toggle:focus,
.open>.bt .dropdown-menu .btn-white.dropdown-toggle:hover {
  color: #0068b7;
  background-color: #d4d4d4;
  border-color: #bfbfbf
}

.bt .dropdown-menu .btn-white.active,
.bt .dropdown-menu .btn-white:active,
.open>.bt .dropdown-menu .btn-white.dropdown-toggle {
  background-image: none
}

.bt .dropdown-menu .btn-white.disabled.focus,
.bt .dropdown-menu .btn-white.disabled:focus,
.bt .dropdown-menu .btn-white.disabled:hover,
.bt .dropdown-menu .btn-white[disabled].focus,
.bt .dropdown-menu .btn-white[disabled]:focus,
.bt .dropdown-menu .btn-white[disabled]:hover,
fieldset[disabled] .bt .dropdown-menu .btn-white.focus,
fieldset[disabled] .bt .dropdown-menu .btn-white:focus,
fieldset[disabled] .bt .dropdown-menu .btn-white:hover {
  background-color: #fff;
  border-color: #fff
}

.bt .dropdown-menu .btn-white .badge {
  color: #fff;
  background-color: #0068b7
}

@media (min-width:768px) {
  .bt .dropdown-menu .btn-white {
    padding: 17px 17px 16px 20px !important;
    font-size: 16px
  }

  .bt .dropdown-menu .btn-white.arrow-right:after {
    right: 17px
  }
}

.bt .dropdown-menu .btn-white:focus,
.bt .dropdown-menu .btn-white:hover {
  border-color: #f08500;
  background-color: #80b4db
}

.bt .dropdown-menu .btn-white:after {
  right: 13px;
  content: ">"
}

.bt .dropdown-menu .btn-white.arrow-right {
  position: relative
}

.bt .dropdown-menu .btn-white.arrow-right:after {
  position: absolute;
  top: 0;
  bottom: 17px;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto
}

@media (max-width:767px) {
  .bt .dropdown-menu .btn-white {
    display: block;
    padding: 8px 10px !important
  }

  .bt .dropdown-menu .btn-white.arrow-right:after {
    bottom: 15px
  }

  .bt .dropdown-menu .btn-link {
    padding: 5px 0 4px !important
  }
}

.bt .dropdown-menu .btn-link {
  border: 0;
  text-align: left
}

@media (min-width:768px) {
  .bt .dropdown-menu .btn-link {
    padding: 5px 0 4px !important
  }

  .bt .dropdown-menu .text-link-environment {
    margin-left: 60px
  }

  .bt .dropdown-menu-ul-blue .col-1 {
    padding-right: 20px
  }

  .bt .dropdown-menu-ul-blue .col-2 {
    margin-left: -7px
  }
}

.bt .dropdown-menu .btn-link:hover {
  opacity: .6 !important;
  text-decoration: none
}

.bt .dropdown-menu .btn-link:after {
  right: 0;
  content: ">"
}

.bt .dropdown-menu .btn-link.arrow-right {
  position: relative
}

.bt .dropdown-menu .btn-link.arrow-right:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 17px;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto
}

.bt .dropdown-menu .btn-link.yellow {
  padding-top: 6px !important;
  padding-left: 15px !important;
  padding-bottom: 5px !important;
  background-color: #d6a311
}

.bt .dropdown-menu .btn-link.yellow:hover {
  opacity: 1 !important;
  background-color: #c58509
}

.bt .dropdown-menu .btn-link.green {
  padding-top: 6px !important;
  padding-left: 15px !important;
  padding-bottom: 5px !important;
  background-color: #7aac38
}

.bt .dropdown-menu .btn-link.green:hover {
  opacity: 1 !important;
  background-color: #649829
}

.bt .dropdown-menu .btn-link.aqua {
  padding-top: 6px !important;
  padding-left: 15px !important;
  padding-bottom: 5px !important;
  background-color: #00aad5
}

.bt .dropdown-menu .btn-link.aqua:hover {
  opacity: 1 !important;
  background-color: #0096c9
}

.bt .dropdown-menu .link-white {
  position: relative;
  padding-left: 3px !important;
  font-size: 18px
}

.bt .dropdown-menu .link-white:hover {
  color: #f90 !important;
  text-decoration: none !important
}

.bt .dropdown-menu .link-white.arrow-right:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 13px;
  font-weight: 400;
  color: #f90;
  content: ">"
}

.bt .dropdown-menu .text-link {
  padding-left: 0 !important;
  font-weight: 400
}

.bt .dropdown-menu .text-link:hover {
  opacity: .6 !important;
  text-decoration: none
}

.bt .dropdown-menu .btn-function {
  margin-top: 35px;
  margin-bottom: 35px
}

.bt .dropdown-menu-ul {
  margin-right: -7px;
  margin-bottom: 25px;
  margin-left: -7px
}

.bt .dropdown-menu-ul li {
  width: 20%;
  float: left;
  padding-right: 7px;
  padding-left: 7px
}

.bt .dropdown-menu-ul .btn {
  display: block
}

@media (max-width:767px) {
  .bt .dropdown-menu .btn-link.arrow-right:after {
    right: 10px;
    bottom: 15px
  }

  .bt .dropdown-menu .link-white {
    font-size: 14px
  }

  .bt .dropdown-menu .link-white.arrow-right:after {
    margin-left: 7px
  }

  .bt .dropdown-menu .btn-function {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .bt .dropdown .dropdown-menu {
    position: static;
    float: none;
    margin-bottom: 10px
  }

  .bt .dropdown-menu-ul {
    margin-right: -3px;
    margin-left: -3px
  }

  .bt .dropdown-menu-ul li {
    float: none !important;
    padding-right: 3px;
    padding-left: 3px
  }

  .bt .dropdown-menu-ul-about {
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .dropdown-menu-ul-about li {
  padding-right: 15px;
  padding-left: 15px
}

@media (max-width:767px) {
  .bt .dropdown-menu-ul-about li {
    display: block;
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .dropdown-menu-ul-about li:first-child {
    padding-left: 10px
  }

  .bt .dropdown-menu-ul-about li+li {
    margin-top: 10px
  }

  .bt .dropdown-menu-ul-2 .btn-2 {
    padding-left: 0
  }
}

.bt .dropdown-menu-ul-2 li {
  padding-right: 7px;
  padding-left: 7px
}

.bt .dropdown-menu-ul-blue {
  margin-right: -10px;
  margin-left: -10px
}

.bt .dropdown-menu-ul-blue li {
  float: left;
  padding-right: 7px;
  padding-left: 7px;
  margin-bottom: 15px
}

.bt .dropdown-menu-ul-blue .col-1 {
  margin-bottom: 10px
}

.bt .dropdown-menu-ul-blue .col-2 {
  padding-right: 0;
  padding-left: 0
}

.bt .dropdown-menu-ul-blue .col-2>ul {
  padding-right: 0
}

.bt .dropdown-menu-ul-blue .btn {
  display: block
}

.bt .nav-tabs-blue,
.bt .nav-tabs-news {
  margin-bottom: 40px;
  text-align: center;
  border-bottom: 0
}

.bt .nav-tabs-blue>li,
.bt .nav-tabs-news>li {
  float: none;
  display: inline-block
}

.bt .nav-tabs-blue>li>a:focus,
.bt .nav-tabs-blue>li>a:hover,
.bt .nav-tabs-blue>li.active>a:focus,
.bt .nav-tabs-blue>li.active>a:hover,
.bt .nav-tabs-news>li>a:focus,
.bt .nav-tabs-news>li>a:hover,
.bt .nav-tabs-news>li.active>a:focus,
.bt .nav-tabs-news>li.active>a:hover {
  color: #fff;
  background-color: #008cc9
}

.bt .nav-tabs-blue>li.active>a,
.bt .nav-tabs-news>li.active>a {
  position: relative;
  color: #fff;
  border: 1px solid #008cc9;
  background-color: #008cc9
}

.bt .nav-tabs-blue>li.active>a:after,
.bt .nav-tabs-news>li.active>a:after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 10px 7px 0;
  border-color: #008dc9 transparent transparent;
  content: ""
}

.bt .nav-tabs-blue>li>a,
.bt .nav-tabs-news>li>a {
  padding: 9px 45px 7px;
  font-size: 16px;
  color: #008cc9;
  background-color: #fff;
  border-radius: 0
}

.bt .nav-tabs-blue>li>a,
.bt .nav-tabs-blue>li>a:hover,
.bt .nav-tabs-news>li>a,
.bt .nav-tabs-news>li>a:hover {
  border: 1px solid #008cc9
}

.bt .nav-tabs-blue.active-arrow-up .active>a:after,
.bt .nav-tabs-news.active-arrow-up .active>a:after {
  top: -10px;
  bottom: 0;
  border-width: 0 7px 10px;
  border-color: transparent transparent #008dc9
}

.bt .nav-tabs-table-cell {
  display: table;
  margin-right: auto;
  margin-left: auto
}

.bt .nav-tabs-table-cell>li {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
  padding-left: 5px
}

@media (max-width:767px) {
  .bt .dropdown-menu-ul-blue li {
    float: none;
    margin-bottom: 10px
  }

  .bt .nav-tabs-blue,
  .bt .nav-tabs-news {
    margin-bottom: 20px
  }

  .bt .nav-tabs-blue>li>a,
  .bt .nav-tabs-news>li>a {
    padding: 7px 40px 4px;
    font-size: 13px
  }

  .bt .nav-tabs-news>li>a {
    padding: 7px 10px 4px
  }

  .bt .nav-tabs-table-cell>li {
    padding-right: 2px;
    padding-left: 2px
  }
}

.bt .nav-tabs-table-cell>li a {
  display: block;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 0
}

.bt .nav-tabs-flat>li {
  margin-bottom: 0;
  border: 1px solid #fff;
  border-left-width: 0
}

@media (max-width:767px) {
  .bt .nav-tabs-table-cell>li a {
    padding-right: 5px;
    padding-left: 5px
  }

  .bt .nav-tabs-flat>li {
    display: table-cell;
    width: 1%;
    vertical-align: middle
  }
}

.bt .nav-tabs-flat>li:nth-child(1) {
  background-color: #e8a000;
  border-left-width: 1px
}

.bt .nav-tabs-flat>li:nth-child(1):hover {
  background-color: #dd8200
}

.bt .nav-tabs-flat>li:nth-child(1):hover.active {
  background-color: #e8a000
}

.bt .nav-tabs-flat>li:nth-child(2) {
  background-color: #61aa31
}

.bt .nav-tabs-flat>li:nth-child(2):hover {
  background-color: #438d1d
}

.bt .nav-tabs-flat>li:nth-child(2):hover.active {
  background-color: #61aa31
}

.bt .nav-tabs-flat>li:nth-child(3) {
  background-color: #009dd7
}

.bt .nav-tabs-flat>li:nth-child(3):hover {
  background-color: #007fc6
}

.bt .nav-tabs-flat>li:nth-child(3):hover.active {
  background-color: #009dd7
}

.bt .nav-tabs-flat>li>a {
  padding: 15px 10px 14px;
  margin-bottom: 0 !important;
  font-size: 18px;
  color: #fff !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important
}

.bt .nav-tabs-flat>li.active {
  border-bottom-width: 0
}

.bt .nav-tabs-flat>li.active>a {
  font-weight: 700;
  pointer-events: none
}

.bt .nav-tabs-flat.nav-tabs-bottom>li.active {
  border-top-width: 0;
  border-bottom-width: 1px
}

.bt .nav-tabs-flat.nav-tabs-bottom>li.active>a {
  font-weight: 700
}

.bt .nav-tabs-flat.nav-tabs-bordered>li.active {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.bt .label {
  display: inline-block;
  padding: .4em .6em;
  font-size: 14px;
  font-weight: 400
}

.bt .label-light-gray {
  background-color: #9c9999;
  color: #fff
}

.bt .label-light-gray[href]:focus,
.bt .label-light-gray[href]:hover {
  background-color: #837f7f
}

.bt .label-dark-gray {
  background-color: #4b5156
}

.bt .label-dark-gray[href]:focus,
.bt .label-dark-gray[href]:hover {
  background-color: #33373b
}

.bt .label-rounded-gray {
  background-color: #515457;
  padding: 7px 24px;
  border-radius: 30px
}

.bt .label-rounded-gray[href]:focus,
.bt .label-rounded-gray[href]:hover {
  background-color: #383b3d
}

@media (min-width:768px) {
  .bt .dropdown-menu-ul-blue .col-2>ul {
    padding-right: 5px;
    padding-left: 10px
  }

  .bt .label-rounded-gray {
    font-size: 16px
  }

  .bt .media-simple .media-heading small {
    display: block
  }
}

.bt .label-green {
  background-color: #65ac36;
  font-size: 16px;
  color: #fff;
  border-radius: 6px
}

.bt .label-green[href]:focus,
.bt .label-green[href]:hover {
  background-color: #4e852a
}

.bt .label-dark-magenta {
  background-color: #930f7c;
  font-size: 16px;
  color: #fff;
  border-radius: 6px
}

.bt .label-dark-magenta[href]:focus,
.bt .label-dark-magenta[href]:hover {
  background-color: #650a55
}

.bt .label-yellow {
  background-color: #fabe00;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  border-radius: 6px
}

.bt .label-yellow[href]:focus,
.bt .label-yellow[href]:hover {
  background-color: #c79700
}

.bt .label-border-blue {
  background-color: transparent;
  min-width: 170px;
  padding: 8px 7px;
  font-size: 22px;
  font-weight: 700;
  color: #0068b7;
  border-radius: 4px;
  border: 1px solid #267fc2
}

.bt .label-border-blue[href]:focus,
.bt .label-border-blue[href]:hover {
  background-color: rgba(0, 0, 0, 0)
}

@media (max-width:767px) {
  .bt .nav-tabs-flat>li>a {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px
  }

  .bt .label-border-blue {
    font-size: 18px;
    padding: 5px
  }
}

.bt .label-orange {
  background-color: #f08300;
  padding: 6px 12px;
  font-size: 26px;
  color: #fff;
  border-radius: 0
}

.bt .label-orange[href]:focus,
.bt .label-orange[href]:hover {
  background-color: #bd6700
}

.bt .label-orange small {
  font-size: 16px;
  vertical-align: 3px
}

.bt .label-strong-orange {
  background-color: #d6a311
}

.bt .label-strong-orange[href]:focus,
.bt .label-strong-orange[href]:hover {
  background-color: #a77f0d
}

.bt .label-royal-orange {
  background-color: #e8a000
}

.bt .label-royal-orange[href]:focus,
.bt .label-royal-orange[href]:hover {
  background-color: #b57d00
}

.bt .label-royal-green {
  background-color: #61aa31;
  max-width: 360px !important
}

.bt .label-royal-green[href]:focus,
.bt .label-royal-green[href]:hover {
  background-color: #4a8226
}

.bt .label-royal-blue {
  background-color: #009dd7
}

.bt .label-royal-blue[href]:focus,
.bt .label-royal-blue[href]:hover {
  background-color: #0078a4
}

.bt .label-dark-green {
  background-color: #7aac38
}

.bt .label-dark-green[href]:focus,
.bt .label-dark-green[href]:hover {
  background-color: #5f862b
}

.bt .label-cyan {
  background-color: #0099d5
}

.bt .label-cyan[href]:focus,
.bt .label-cyan[href]:hover {
  background-color: #0074a2
}

.bt .label-gray {
  background-color: #818e9a
}

.bt .label-gray[href]:focus,
.bt .label-gray[href]:hover {
  background-color: #677581
}

.bt .label-brown {
  background-color: #988506
}

.bt .label-brown[href]:focus,
.bt .label-brown[href]:hover {
  background-color: #675a04
}

.bt .label-silver {
  background-color: #818e9a
}

.bt .label-silver[href]:focus,
.bt .label-silver[href]:hover {
  background-color: #677581
}

.bt .label-blue {
  background-color: #6ba8d6;
  padding: 8px 20px 6px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 14px;
  color: #fff
}

.bt .label-blue[href]:focus,
.bt .label-blue[href]:hover {
  background-color: #4391cb
}

.bt .label-radius {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  padding: 10px 10px 8px;
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 20px
}

@media (max-width:767px) {
  .bt .label-radius {
    font-size: 16px
  }
}

.bt .label-ribbon-bottom {
  position: relative;
  width: 80px;
  padding: 18px 5px 24px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0
}

.bt .label-ribbon-bottom:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 6px;
  border-color: transparent transparent #fff;
  content: ""
}

.bt .label-outline {
  width: 100%;
  padding: .8em .6em;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px
}

.bt .label-breakline {
  line-height: 1.3
}

.bt .thumbnail {
  padding: 25px 20px;
  background-color: #e7e8e9;
  border: 0
}

.bt .thumbnail .caption {
  padding: 19px 0 0;
  color: #000
}

.bt .thumbnail .caption .title {
  padding: 0;
  margin: 0 0 11px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: 0
}

.bt .thumbnail .caption p {
  font-size: 14px;
  line-height: 1.5
}

.bt .thumbnail-white {
  margin-bottom: 14px;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s
}

.bt .thumbnail-white:hover {
  opacity: .7 !important
}

.bt .thumbnail-white .img {
  margin-bottom: 31px;
  opacity: 1 !important
}

@media (max-width:767px) {
  .bt .thumbnail-white {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
    line-height: 1.4
  }

  .bt .thumbnail-white .caption {
    padding: 0
  }

  .bt .thumbnail-white .img {
    margin-bottom: 10px
  }
}

.bt .thumbnail-gray {
  padding: 25px 0;
  font-size: 16px;
  text-align: center;
  background-color: #f1f2f3;
  -webkit-transition: .3s;
  transition: .3s
}

.bt .thumbnail-gray .thumbnail-title {
  margin-top: 0;
  margin-bottom: 25px
}

.bt .thumbnail-gray .caption {
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.56;
  text-align: left
}

@media (max-width:767px) {
  .bt .thumbnail-gray {
    padding-top: 16px;
    padding-bottom: 0;
    margin-bottom: 16px
  }

  .bt .thumbnail-gray .thumbnail-title {
    margin-bottom: 15px
  }

  .bt .thumbnail-gray .caption {
    padding-top: 15px;
    font-size: 14px
  }
}

.bt .thumbnail-download-documents {
  margin-bottom: 100px
}

@media (max-width:767px) {
  .bt .thumbnail-download-documents {
    margin-bottom: 60px
  }

  .bt .media.media-cleared-xs .media,
  .bt .media.media-cleared-xs .media-body {
    overflow: visible
  }

  .bt .media.media-cleared-xs .media-body {
    width: auto
  }

  .bt .media.media-cleared-xs .media-body,
  .bt .media.media-cleared-xs .media-left,
  .bt .media.media-cleared-xs .media-right {
    display: block
  }

  .bt .media.media-cleared-xs .media>.pull-right,
  .bt .media.media-cleared-xs .media-right {
    padding-bottom: 10px;
    padding-left: 0 !important
  }

  .bt .media.media-cleared-xs .media>.pull-left,
  .bt .media.media-cleared-xs .media-left {
    padding-right: 0 !important;
    padding-bottom: 10px
  }

  .bt .media.media-cleared-xs .media-object {
    display: inline-block
  }
}

.bt .media-simple {
  padding: 20px 18px 19px;
  margin-bottom: 10px;
  background-color: #9c9999;
  border-radius: 4px
}

@media (max-width:991px) {

  .bt .media.media-cleared-sm .media,
  .bt .media.media-cleared-sm .media-body {
    overflow: visible
  }

  .bt .media.media-cleared-sm .media-body {
    width: auto
  }

  .bt .media.media-cleared-sm .media-body,
  .bt .media.media-cleared-sm .media-left,
  .bt .media.media-cleared-sm .media-right {
    display: block
  }

  .bt .media.media-cleared-sm .media>.pull-right,
  .bt .media.media-cleared-sm .media-right {
    padding-bottom: 10px;
    padding-left: 0 !important
  }

  .bt .media.media-cleared-sm .media>.pull-left,
  .bt .media.media-cleared-sm .media-left {
    padding-right: 0 !important;
    padding-bottom: 10px
  }

  .bt .media.media-cleared-sm .media-object {
    display: inline-block
  }

  .bt .media-simple {
    padding: 12px
  }

  .bt .media-fv .media-left {
    text-align: center
  }
}

.bt .media-simple .media-left {
  white-space: nowrap
}

.bt .media-simple .media-heading {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4
}

.bt .media-simple .media-heading small {
  font-size: 13px;
  font-weight: 700;
  color: #fff
}

@media (max-width:767px) {
  .bt .media-simple {
    padding: 10px;
    margin-bottom: 5px
  }

  .bt .media-simple .media-left {
    padding-bottom: 5px !important
  }

  .bt .media-simple .media-heading {
    font-size: 16px
  }

  .bt .media-simple .media-heading small {
    font-size: 11px
  }
}

.bt .media-simple.media-simple-sm {
  padding: 14px;
  margin-bottom: 6px
}

.bt .media-simple.media-simple-sm .media-heading {
  font-size: 13px
}

.bt .media-simple.media-simple-sm .media-heading small {
  font-size: 10px
}

.bt .media-simple.media-simple-sm .label {
  font-size: 14px
}

.bt .media-bar .media-left .panel {
  margin-bottom: 0;
  background-color: #e6e8eb;
  border: 0;
  border-radius: 0
}

.bt .media-bar .media-left .panel .panel-heading {
  padding: 8px 6px 6px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #818e9a;
  border-radius: 0
}

.bt .media-bar .media-left .panel .panel-heading .panel-title {
  width: auto;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  border-left: 0
}

.bt .media-bar .media-left .panel .panel-heading .table-cell .cell {
  vertical-align: middle
}

.bt .media-bar .media-left .panel .panel-heading .number {
  width: 35px;
  font-size: 26px;
  line-height: 1.1
}

@media (min-width:768px) {
  .bt .media-bar .media-left .panel {
    width: 200px;
    margin-bottom: 10px
  }

  .bt .media-bar .media-left .panel .panel-heading {
    font-size: 18px
  }

  .bt .media-bar .media-left .panel .panel-heading .number {
    font-size: 32px
  }
}

.bt .media-bar .media-left .panel .panel-body {
  padding: 10px;
  font-size: 16px;
  line-height: 1.556;
  color: #4f5e6d
}

.bt .media-bar .media-heading {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt .media-simple.media-simple-sm .label {
    font-size: 12px
  }

  .bt .media-bar .media-left {
    padding-bottom: 0
  }

  .bt .media-bar .media-heading {
    margin-bottom: 20px
  }
}

.bt .media-bar .media-footer {
  margin-bottom: 15px
}

@media (min-width:768px) {
  .bt .media-bar .media-left .panel .panel-body {
    padding: 18px;
    font-size: 18px
  }

  .bt .media-bar .media-footer {
    margin-bottom: 24px
  }

  .bt .media-bar .media-footer .dl-list-indent dd,
  .bt .media-bar .media-footer .dl-list-indent dt {
    line-height: 1.5
  }
}

.bt .media-feature-intro {
  margin-bottom: 25px;
  font-size: 16px
}

.bt .media-feature-intro .media-right {
  padding-left: 20px
}

.bt .media-feature-intro .btn {
  width: 300px;
  padding: 10px 20px 10px 10px;
  font-size: 16px;
  border-radius: 10px
}

.bt .media-feature-intro .btn .cell {
  vertical-align: middle
}

.bt .media-feature-intro .btn .cell:first-child {
  width: 145px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 22px;
  vertical-align: middle;
  border-right: 1px solid #8dc0f2
}

.bt .media-feature-intro .btn .cell.icon {
  padding-right: 22px;
  padding-left: 16px;
  text-align: left;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-orange-lg.png) 100% 50% no-repeat
}

@media (min-width:480px) {
  .bt .media-case-study {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.563
  }

  .bt .panel-dark-gray .list-inline>li:first-child {
    margin-right: 7px
  }
}

.bt .media-case-study .media-left {
  padding-right: 35px
}

.bt .media-tutorial {
  margin-top: 48px;
  background-color: #f1f2f3;
  border-radius: 10px
}

.bt .media-tutorial .media-left {
  padding-top: 22px;
  padding-left: 19px;
  background-color: #cfe7f0
}

.bt .media-tutorial .media-object {
  display: inline-block;
  vertical-align: bottom
}

.bt .media-tutorial .point {
  font-size: 20px;
  font-weight: 700;
  color: #000
}

@media (min-width:768px) {
  .bt .media-tutorial .point {
    padding-left: 4px
  }
}

@media (max-width:767px) {
  .bt .media-feature-intro {
    margin-bottom: 15px
  }

  .bt .media-feature-intro .btn {
    margin: 15px auto 0
  }

  .bt .media-tutorial {
    margin-top: 32px
  }

  .bt .media-tutorial .point {
    display: inline-block;
    padding-top: 4px;
    font-size: 18px
  }
}

.bt .media-tutorial .media-body {
  width: 77%;
  padding: 24px 32px
}

.bt .media-dashboard {
  margin-top: 25px;
  padding-right: 40px
}

@media (max-width:767px) {
  .bt .media-tutorial .media-body {
    padding: 22px;
    font-size: 16px
  }

  .bt .media-dashboard {
    margin-top: 16px;
    padding-right: 0
  }

  .bt .media-dashboard .media-object {
    display: block !important;
    margin-right: auto;
    margin-left: auto
  }

  .bt .media-dashboard .media-body {
    font-size: 16px
  }

  .bt .media-dashboard .media-body p {
    margin-bottom: 8px
  }
}

@media (max-width:767px) and (max-width:767px) {
  .bt .media-dashboard .media-body {
    font-size: 14px
  }
}

.bt .media-dashboard .media-heading {
  position: relative;
  margin-bottom: 22px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.401;
  color: #0099d5;
  border: 0
}

.bt .media-dashboard .media-heading:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #0099d5;
  border-radius: 50%;
  content: ""
}

@media (max-width:767px) {
  .bt .media-dashboard .media-heading {
    margin-bottom: 10px;
    padding-left: 18px;
    font-size: 16px
  }

  .bt .media-dashboard .media-heading:before {
    top: 3px;
    width: 14px;
    height: 14px
  }
}

.bt .media-dashboard .media-right {
  padding-top: 6px;
  padding-left: 60px
}

@media (max-width:767px) {
  .bt .media-dashboard .media-right {
    padding-top: 12px;
    padding-left: 0
  }
}

.bt .media-process .media-body {
  max-width: 230px;
  width: auto
}

.bt .media-process .media-right {
  padding-left: 28px
}

.bt .media-column {
  margin-top: 51px;
  background-color: #efefef;
  border-radius: 10px
}

.bt .media-column .media-left {
  padding-top: 23px;
  padding-left: 19px;
  background-color: #d5e8c9
}

@media (max-width:767px) {
  .bt .media-column {
    margin-top: 32px
  }

  .bt .media-column .media-left {
    padding-top: 18px;
    padding-left: 12px
  }
}

.bt .media-column .media-object {
  display: inline-block;
  vertical-align: bottom
}

.bt .media-column .point {
  font-size: 20px;
  font-weight: 700;
  color: #000
}

@media (min-width:768px) {
  .bt .media-column .point {
    padding-left: 4px
  }

  .bt .panel-collapse {
    font-size: 16px
  }
}

@media (max-width:767px) {
  .bt .media-column .point {
    display: inline-block;
    padding-top: 4px;
    font-size: 18px
  }
}

.bt .media-column .media-body {
  width: 77%;
  padding: 28px 32px;
  font-size: 18px;
  line-height: 1.555
}

@media (max-width:767px) {
  .bt .media-column .media-body {
    padding: 18px;
    font-size: 16px
  }
}

.bt .media-column .text-circle-orange {
  margin-top: 0 !important;
  margin-bottom: 11px !important;
  font-size: 20px
}

@media (max-width:767px) {
  .bt .media-column .text-circle-orange {
    margin-bottom: 8px !important
  }
}

.bt .media-column .lead {
  margin-top: 0 !important;
  margin-bottom: 22px !important
}

.bt .media-step-3 .title-black.title-lg-bordered {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0
}

.bt .media-step-3 .dl-list-indent {
  padding-bottom: 22px;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #c0c6cc
}

.bt .media-step-3 .img-lg {
  margin-top: 30px
}

.bt .media-transparent {
  margin-bottom: 59px
}

@media (max-width:767px) {
  .bt .media-column .lead {
    margin-bottom: 14px !important
  }

  .bt .media-step-3 .dl-list-indent {
    padding-bottom: 14px;
    font-size: 16px
  }

  .bt .media-transparent {
    margin-bottom: 40px
  }
}

.bt .media-transparent .media-heading {
  font-size: 32px;
  font-weight: 700;
  color: #0068b7
}

@media (max-width:767px) {
  .bt .media-transparent .media-heading {
    font-size: 25px
  }
}

.bt .media-transparent .media-body {
  font-size: 18px;
  line-height: 1.889;
  color: #373737
}

.bt .media-transparent .media-left {
  padding-right: 30px;
  vertical-align: middle
}

.bt .media-white {
  padding: 15px 15px 15px 41px;
  margin-top: 34px;
  background: #fff;
  border-radius: 4px
}

.bt .media-white .media-left {
  width: 20.1%;
  vertical-align: middle;
  border-right: 1px solid #0068b7
}

@media (min-width:768px) and (max-width:991px) {
  .bt .media-white {
    padding-left: 30px
  }

  .bt .media-white .media-left {
    width: 22%
  }
}

.bt .media-white .media-left-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:767px) {
  .bt .media-transparent .media-body {
    font-size: 16px
  }

  .bt .media-transparent .media-left {
    padding-bottom: 15px !important;
    text-align: center
  }

  .bt .media-white {
    padding: 15px;
    margin-top: 20px
  }

  .bt .media-white .media-left {
    width: auto;
    text-align: center;
    border-right: 0;
    border-bottom: 1px solid #0068b7
  }

  .bt .media-white .media-left-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

.bt .media-white .media-body {
  padding: 5px 15px 5px 47px;
  font-size: 18px;
  line-height: 1.889;
  color: #333
}

@media (max-width:767px) {
  .bt .media-white .media-body {
    padding: 10px 0 0;
    font-size: 16px
  }
}

.bt .media-white .text-inline {
  padding-left: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25
}

@media (min-width:768px) and (max-width:991px) {
  .bt .media-white .text-inline {
    padding-left: 18px
  }
}

@media (max-width:767px) {
  .bt .media-white .text-inline {
    padding-left: 20px
  }
}

.bt .media-fv {
  overflow: visible
}

.bt .media-fv .media-heading {
  padding: 0;
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 0;
  color: #000
}

@media (max-width:767px) {
  .bt .media-fv .media-heading {
    font-size: 17px
  }
}

.bt .media-fv .media-title-lg {
  padding: 0;
  margin: 24px 0 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.462;
  color: #000
}

.bt .media-fv .media-title-lg sup {
  font-size: 15px
}

.bt .media-fv .media-left {
  padding-right: 61px;
  vertical-align: middle
}

@media (min-width:992px) and (max-width:1015px) {
  .bt .media-fv .media-left {
    padding-right: 45px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .bt .media-fv .media-body {
    padding-left: 15px
  }
}

.bt .panel-collapse {
  margin-bottom: 0;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-collapse,
.bt .panel-collapse .panel-body,
.bt .panel-collapse p {
  line-height: 1.4;
  color: #646464
}

.bt .panel-collapse.border-top {
  border-top: 1px solid #1946ba
}

.bt .panel-collapse>.panel-heading {
  padding: 0;
  background-color: #fff;
  border-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.bt .panel-collapse>.panel-heading a {
  position: relative;
  display: block;
  padding: 14px 20px;
  font-size: 34px;
  line-height: 1.1;
  color: #0068b7
}

.bt .panel-collapse>.panel-heading a:focus,
.bt .panel-collapse>.panel-heading a:hover,
.bt .panel-collapse>.panel-heading a[aria-expanded=true] {
  color: #77c8f7;
  text-decoration: none
}

.bt .panel-collapse>.panel-heading a[aria-expanded=true] {
  color: #0068b7
}

.bt .panel-collapse>.panel-heading a[aria-expanded=true]:hover {
  color: #77c8f7
}

.bt .panel-collapse>.panel-heading a[aria-expanded=true] .arrow {
  -webkit-transform: rotateZ(90deg) rotateY(180deg);
  transform: rotateZ(90deg) rotateY(180deg)
}

.bt .panel-collapse .panel-body {
  padding: 5px 100px 21px 20px
}

@media (max-width:767px) {
  .bt .media-fv .media-title-lg {
    margin: 15px 0 5px;
    font-size: 20px
  }

  .bt .panel-collapse>.panel-heading a {
    padding: 10px
  }

  .bt .panel-collapse .panel-body {
    padding: 5px 15px 20px
  }
}

.bt .panel-collapse .panel-body a {
  line-height: 1.4;
  color: #1946ba;
  text-decoration: underline
}

@media (min-width:768px) {

  .bt .panel-collapse,
  .bt .panel-collapse .panel-body,
  .bt .panel-collapse .panel-body a,
  .bt .panel-collapse p {
    font-size: 18px
  }

  .bt .panel-light-grayish-blue {
    font-size: 16px
  }
}

.bt .panel-collapse .panel-body a:hover {
  text-decoration: none;
  opacity: .8
}

.bt .panel-collapse .arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: .15s;
  transition: .15s
}

.bt .panel-grayish-blue {
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-grayish-blue>.panel-heading {
  color: #000;
  background-color: #d9dde1;
  border-color: #d9dde1
}

.bt .panel-grayish-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d9dde1
}

.bt .panel-grayish-blue>.panel-heading .badge {
  color: #d9dde1;
  background-color: #000
}

.bt .panel-grayish-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d9dde1
}

.bt .panel-grayish-blue .panel-heading {
  padding: 9px 10px;
  border-bottom: 0;
  border-radius: 0
}

.bt .panel-grayish-blue .panel-title {
  font-size: 20px;
  font-weight: 700;
  color: #008cc9;
  text-align: center
}

@media (max-width:767px) {
  .bt .panel-grayish-blue .panel-title {
    font-size: 16px
  }
}

.bt .panel-grayish-blue .panel-title small {
  font-size: 16px !important
}

.bt .panel-grayish-blue .panel-body {
  padding: 21px 0 0;
  font-size: 14px
}

@media (max-width:767px) {
  .bt .panel-grayish-blue .panel-body {
    padding-top: 15px;
    font-size: 12px
  }
}

.bt .panel-light-grayish-blue {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-light-grayish-blue>.panel-heading {
  color: #000;
  background-color: #d8dcdf;
  border-color: #d8dcdf
}

.bt .panel-light-grayish-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d8dcdf
}

.bt .panel-light-grayish-blue>.panel-heading .badge {
  color: #d8dcdf;
  background-color: #000
}

.bt .panel-light-grayish-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d8dcdf
}

.bt .panel-light-grayish-blue .panel-heading {
  padding: 0;
  border-radius: 0
}

.bt .panel-light-grayish-blue .panel-title {
  padding: 0
}

.bt .panel-light-grayish-blue .panel-title .title {
  margin: 0;
  font-size: 22px;
  font-weight: 700
}

.bt .panel-light-grayish-blue .panel-title dt {
  padding: 10px 23px 6px;
  color: #fff;
  white-space: nowrap;
  background-color: #818e9a
}

.bt .panel-light-grayish-blue .panel-title dt span {
  font-size: 32px;
  vertical-align: middle
}

@media (max-width:991px) {
  .bt .panel-light-grayish-blue .panel-title dt {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px
  }

  .bt .panel-light-grayish-blue .panel-title dt span {
    font-size: 26px
  }
}

.bt .panel-light-grayish-blue .panel-title dd {
  padding: 17px 19px 11px;
  color: #008cc9
}

@media (max-width:991px) {
  .bt .panel-light-grayish-blue .panel-title dd {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    vertical-align: middle
  }
}

@media (max-width:767px) {
  .bt .panel-light-grayish-blue .panel-title dd {
    padding: 14px 10px 10px
  }

  .bt .panel-light-grayish-blue .panel-title dd .title {
    padding: 0;
    font-size: 16px
  }
}

.bt .panel-light-grayish-blue .panel-body {
  padding: 35px;
  line-height: 1.5;
  border: 4px solid #d8dcdf;
  border-top: 0
}

.bt .panel-light-grayish-blue .panel-body.with-top {
  border-top: 4px solid #d8dcdf
}

.bt .panel-light-grayish-blue.panel-system-configuration .panel-title dt {
  width: 50%;
  padding: 27px 15px 25px;
  font-size: 20px;
  font-weight: 700;
  background-color: #008cc9
}

@media (max-width:767px) {

  .bt .panel-light-grayish-blue.panel-system-configuration .panel-title dd,
  .bt .panel-light-grayish-blue.panel-system-configuration .panel-title dt {
    padding: 15px
  }
}

.bt .panel-light-grayish-blue.panel-system-configuration .panel-title .title {
  font-size: 18px
}

.bt .panel-light-grayish-blue.panel-system-configuration .panel-title .title,
.bt .panel-light-grayish-blue.panel-system-configuration .panel-title dt {
  text-align: center
}

.bt .panel-light-grayish-blue.panel-system-configuration .panel-body {
  padding: 30px 20px 50px;
  font-size: 15px
}

@media (max-width:991px) {
  .bt .panel-light-grayish-blue .panel-body {
    padding: 15px
  }

  .bt .panel-light-grayish-blue.panel-system-configuration .panel-title .title,
  .bt .panel-light-grayish-blue.panel-system-configuration .panel-title dt {
    font-size: 15px
  }

  .bt .panel-light-grayish-blue.panel-system-configuration .panel-body {
    padding: 15px
  }
}

.bt .panel-light-grayish-blue.panel-system-configuration .panel-body dt {
  padding-right: 0;
  white-space: nowrap
}

.bt .panel-dark-grayish-blue {
  background-color: #d8dcdf;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-dark-grayish-blue>.panel-heading {
  color: #000;
  background-color: #818e9a;
  border-color: #818e9a
}

.bt .panel-dark-grayish-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #818e9a
}

.bt .panel-dark-grayish-blue>.panel-heading .badge {
  color: #818e9a;
  background-color: #000
}

.bt .panel-dark-grayish-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #818e9a
}

.bt .panel-dark-grayish-blue .panel-heading {
  padding: 22px 10px 14px;
  border-radius: 10px 10px 0 0
}

.bt .panel-dark-grayish-blue .panel-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-align: center
}

@media (max-width:767px) {
  .bt .panel-dark-grayish-blue .panel-title {
    font-size: 18px
  }
}

.bt .panel-dark-grayish-blue .panel-body {
  padding: 20px 10px;
  font-size: 14px
}

@media (min-width:768px) {
  .bt .panel-dark-grayish-blue .panel-body {
    padding: 28px 24px;
    font-size: 16px
  }
}

.bt .panel-dark-grayish-blue .thumb {
  margin-bottom: 20px
}

.bt .panel-steel-blue {
  margin-bottom: 20px;
  background-color: #f1f2f3;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-steel-blue>.panel-heading {
  color: #000;
  background-color: #6e9bbd;
  border-color: #6e9bbd
}

.bt .panel-steel-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #6e9bbd
}

.bt .panel-steel-blue>.panel-heading .badge {
  color: #6e9bbd;
  background-color: #000
}

.bt .panel-steel-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #6e9bbd
}

.bt .panel-steel-blue .panel-heading {
  padding: 11px 10px 8px;
  border-radius: 10px 10px 0 0
}

.bt .panel-steel-blue .panel-heading.panel-heading-lg {
  padding-top: 26px;
  padding-bottom: 23px
}

.bt .panel-steel-blue .panel-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.364;
  color: #fff;
  text-align: center
}

.bt .panel-steel-blue .panel-body {
  padding: 23px 29px 30px;
  line-height: 1.56;
  border-radius: 0 0 10px 10px
}

@media (max-width:767px) {
  .bt .panel-dark-grayish-blue .thumb {
    margin-bottom: 10px
  }

  .bt .panel-steel-blue .panel-heading.panel-heading-lg {
    padding-top: 15px;
    padding-bottom: 13px
  }

  .bt .panel-steel-blue .panel-title {
    font-size: 18px
  }

  .bt .panel-steel-blue .panel-body {
    padding: 15px 15px 20px;
    font-size: 14px
  }
}

.bt .panel-steel-blue .thumb {
  margin-bottom: 22px
}

.bt .panel-steel-blue .thumb.thumb-lg {
  margin-top: 13px
}

@media (max-width:767px) {
  .bt .panel-steel-blue .thumb {
    margin-bottom: 10px
  }

  .bt .panel-steel-blue .thumb.thumb-lg {
    margin-top: 5px
  }

  .bt .panel-steel-blue .panel-body-xs {
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px
  }
}

.bt .panel-blue {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 10px
}

.bt .panel-blue>.panel-heading {
  color: #fff;
  background-color: #0068b7;
  border-color: #fff
}

.bt .panel-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff
}

.bt .panel-blue>.panel-heading .badge {
  color: #0068b7;
  background-color: #fff
}

.bt .panel-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #fff
}

.bt .panel-blue.panel-sm {
  margin-bottom: 20px
}

.bt .panel-blue.panel-sm .panel-heading {
  padding-top: 9px;
  padding-bottom: 8px;
  border-bottom-width: 0
}

.bt .panel-blue.panel-sm .panel-heading .panel-title {
  font-size: 14px
}

.bt .panel-blue.panel-sm .panel-body {
  padding: 15px 10px 20px
}

@media (min-width:992px) {
  .bt .panel-blue.panel-sm .panel-body {
    padding-right: 25px;
    padding-left: 25px
  }
}

.bt .panel-blue.panel-sm .caption {
  margin-top: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.318
}

.bt .panel-blue.panel-sm .caption small {
  display: block;
  font-size: 12px
}

.bt .panel-blue.panel-sm .btn,
.bt .panel-blue.panel-sm .img {
  margin-top: 15px
}

.bt .panel-blue .panel-heading {
  padding: 15px 10px 14px;
  text-align: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

@media (min-width:768px) {
  .bt .panel-blue.panel-sm {
    margin-bottom: 30px
  }

  .bt .panel-blue.panel-sm .panel-heading .panel-title {
    font-size: 16px
  }

  .bt .panel-blue.panel-sm .caption {
    font-size: 22px
  }

  .bt .panel-blue.panel-sm .caption small {
    font-size: 14px
  }

  .bt .panel-blue.panel-sm .btn {
    margin-top: 20px
  }

  .bt .panel-blue .panel-heading {
    padding-top: 18px;
    padding-bottom: 17px
  }
}

.bt .panel-blue .panel-heading .panel-title {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  border-left: 0
}

.bt .panel-blue .panel-body {
  padding: 20px
}

.bt .panel-blue .caption {
  margin-top: 36px
}

.bt .panel-dark-gray {
  border-color: #666;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  font-size: 18px;
  background-color: #666;
  border-radius: 10px
}

.bt .panel-dark-gray>.panel-heading {
  color: #fff;
  background-color: transparent;
  border-color: #666
}

.bt .panel-dark-gray>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #666
}

.bt .panel-dark-gray>.panel-heading .badge {
  color: transparent;
  background-color: #fff
}

.bt .panel-dark-gray>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #666
}

@media (min-width:768px) {
  .bt .panel-blue .panel-heading .panel-title {
    font-size: 20px
  }

  .bt .panel-blue .panel-body {
    padding: 32px 28px 20px
  }

  .bt .panel-dark-gray {
    padding: 17px 20px 14px;
    margin-bottom: 30px
  }
}

.bt .panel-dark-gray .panel-heading {
  padding: 0;
  margin-bottom: 13px;
  text-align: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

.bt .panel-dark-gray .panel-heading .panel-title {
  padding-left: 0;
  border-left: 0;
  font-size: 18px
}

.bt .panel-dark-gray .panel-heading .panel-title .text-lg {
  font-size: 22px
}

@media (max-width:767px) {
  .bt .panel-dark-gray .panel-heading {
    margin-bottom: 10px
  }

  .bt .panel-dark-gray .panel-heading .panel-title {
    font-size: 16px
  }

  .bt .panel-dark-gray .panel-heading .panel-title .text-lg {
    font-size: 20px
  }
}

.bt .panel-dark-gray .panel-heading .bordered {
  margin-bottom: 17px;
  border-bottom: 1px solid #a3a3a3
}

.bt .panel-dark-gray .panel-body {
  padding: 0;
  color: #fff;
  text-align: center
}

.bt .panel-dark-gray .list-inline {
  margin-bottom: 0
}

.bt .panel-dark-gray .list-inline>li {
  padding: 0;
  vertical-align: top
}

.bt .panel-dark-gray .text-sm {
  font-size: 13px
}

.bt .panel-dark-gray.sm {
  padding-right: 10px;
  padding-left: 10px
}

@media (max-width:767px) {
  .bt .panel-dark-gray .text-sm {
    font-size: 11px
  }

  .bt .panel-dark-gray.sm {
    padding-right: 5px;
    padding-left: 5px
  }
}

.bt .panel-dark-gray.sm .panel-title {
  font-size: 14px
}

.bt .panel-dark-gray.panel-dark-gray-sm {
  padding: 18px 14px 10px;
  margin-bottom: 22px;
  border-radius: 8px
}

.bt .panel-dark-gray.panel-dark-gray-sm .panel-heading {
  margin-bottom: 10px
}

.bt .panel-dark-gray.panel-dark-gray-sm .panel-title {
  font-size: 14px
}

.bt .panel-dark-gray.panel-dark-gray-sm .panel-title .text-lg {
  font-size: 17px
}

@media (max-width:767px) {
  .bt .panel-dark-gray.panel-dark-gray-sm .panel-title {
    font-size: 12px
  }

  .bt .panel-dark-gray.panel-dark-gray-sm .panel-title .text-lg {
    font-size: 15px
  }
}

.bt .panel-dark-gray.panel-dark-gray-sm .text-sm {
  font-size: 11px
}

.bt .panel-pickup {
  margin-top: 28px;
  margin-bottom: 0;
  border: 1px solid #0099d5;
  border-radius: 0
}

.bt .panel-pickup.panel-border-green {
  margin-top: 64px;
  border-color: #7aac38
}

.bt .panel-pickup.panel-border-green .panel-heading {
  border-color: #7aac38
}

.bt .panel-pickup.panel-border-green dt {
  background-color: #7aac38
}

.bt .panel-pickup.panel-border-green .panel-title {
  color: #7aac38
}

.bt .panel-pickup .panel-title {
  font-size: 22px;
  font-weight: 700;
  color: #0099d5
}

.bt .panel-pickup .panel-heading {
  padding: 0;
  background-color: #d8dcdf;
  border-bottom: 1px solid #0099d5;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.bt .panel-pickup .panel-body {
  padding: 32px 39px 35px;
  line-height: 1.563;
  color: #000;
  background-color: #fdfdfd
}

@media (min-width:768px) {
  .bt .panel-pickup .panel-body {
    font-size: 16px
  }
}

.bt .panel-pickup dt {
  width: 40px;
  padding: 7px 10px 6px;
  background-color: #0099d5
}

.bt .panel-pickup dd {
  padding-left: 13px;
  vertical-align: middle
}

@media (max-width:767px) {
  .bt .panel-pickup {
    margin-top: 20px
  }

  .bt .panel-pickup.panel-border-green {
    margin-top: 30px
  }

  .bt .panel-pickup .panel-title {
    font-size: 16px
  }

  .bt .panel-pickup .panel-body {
    padding: 10px
  }

  .bt .panel-pickup dd {
    padding-top: 2px
  }
}

.bt .panel-pickup .icon {
  max-width: none
}

.bt .panel-point {
  border-color: #009dd7;
  margin-top: 28px;
  margin-bottom: 0;
  border-radius: 5px
}

.bt .panel-point>.panel-heading {
  color: #fff;
  background-color: #009dd7;
  border-color: #009dd7
}

.bt .panel-point>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #009dd7
}

.bt .panel-point>.panel-heading .badge {
  color: #009dd7;
  background-color: #fff
}

.bt .panel-point>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #009dd7
}

.bt .panel-point .panel-title {
  margin-bottom: 0;
  font-size: 25px;
  color: #fff
}

.bt .panel-point .panel-heading {
  padding: 0
}

.bt .panel-point .panel-body {
  padding: 21px 29px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f1f2f3
}

.bt .panel-point dt {
  width: 40px;
  padding: 10px 5px 6px;
  background-color: #006e96
}

.bt .panel-point dd {
  padding-left: 6px;
  vertical-align: middle
}

.bt .panel-point .icon {
  max-width: none
}

.bt .panel-tow-color {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.556;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 0
}

@media (max-width:767px) {
  .bt .panel-point {
    margin-top: 20px
  }

  .bt .panel-point .panel-title {
    font-size: 20px
  }

  .bt .panel-point .panel-body {
    padding: 15px
  }

  .bt .panel-point dd {
    padding-top: 2px
  }

  .bt .panel-tow-color {
    margin-bottom: 50px
  }
}

.bt .panel-tow-color .panel-heading {
  padding: 40px 15px 25px;
  border-radius: 0
}

@media (max-width:767px) {
  .bt .panel-tow-color .panel-heading {
    padding: 20px 15px 13px
  }
}

.bt .panel-tow-color .panel-heading .panel-title {
  font-size: 24px;
  font-weight: 700
}

.bt .panel-tow-color .panel-body {
  padding: 35px 15px 12px
}

@media (max-width:767px) {
  .bt .panel-tow-color .panel-body {
    padding: 18px 15px 12px
  }
}

.bt .panel-tow-color.arrow-right {
  position: relative
}

.bt .panel-tow-color.arrow-right:after {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  content: ""
}

@media (min-width:992px) {
  .bt .panel-tow-color.arrow-right:after {
    top: 0;
    bottom: 0;
    right: -38px;
    margin-top: auto;
    margin-bottom: auto
  }

  .bt .panel-function .col-1,
  .bt .panel-function .col-2 {
    width: 35.7%
  }
}

.bt .panel-tow-color.panel-dark-orange .panel-heading {
  background-color: #b58a0e
}

.bt .panel-tow-color.panel-dark-orange .panel-body {
  background-color: #d6a311
}

.bt .panel-tow-color.panel-dark-orange.arrow-right {
  position: relative
}

.bt .panel-tow-color.panel-dark-orange.arrow-right:after {
  border-color: transparent transparent transparent #d6a311
}

.bt .panel-tow-color.panel-green .panel-heading {
  background-color: #67912f
}

.bt .panel-tow-color.panel-green .panel-body {
  background-color: #7aac38
}

.bt .panel-tow-color.panel-green.arrow-right {
  position: relative
}

.bt .panel-tow-color.panel-green.arrow-right:after {
  border-color: transparent transparent transparent #7aac38
}

.bt .panel-tow-color.panel-blue .panel-heading {
  background-color: #0081b4
}

.bt .panel-tow-color.panel-blue .panel-body {
  background-color: #0099d5
}

.bt .panel-gray {
  margin-top: 3px;
  background-color: #d8dcdf;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-gray>.panel-heading {
  color: #fff;
  background-color: #818e9a;
  border-color: #818e9a
}

.bt .panel-gray>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d8dcdf
}

.bt .panel-gray>.panel-heading .badge {
  color: #818e9a;
  background-color: #fff
}

.bt .panel-gray>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d8dcdf
}

.bt .panel-gray .panel-heading {
  padding: 20px 10px 12px;
  border-radius: 10px 10px 0 0
}

.bt .panel-gray .panel-title {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-align: center
}

@media (max-width:767px) {
  .bt .panel-gray .panel-title {
    font-size: 18px
  }
}

.bt .panel-gray .panel-body {
  padding: 20px 27px 4px;
  line-height: 1.556
}

.bt .panel-navy-gray {
  margin-top: 3px;
  background-color: #d8dcdf;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.bt .panel-navy-gray>.panel-heading {
  color: #fff;
  background-color: #053a65;
  border-color: #053a65
}

.bt .panel-navy-gray>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d8dcdf
}

.bt .panel-navy-gray>.panel-heading .badge {
  color: #053a65;
  background-color: #fff
}

.bt .panel-navy-gray>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d8dcdf
}

.bt .panel-navy-gray .panel-heading {
  padding: 20px 10px 12px;
  border-radius: 10px 10px 0 0
}

.bt .panel-navy-gray .panel-title {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-align: center
}

.bt .panel-navy-gray .panel-body {
  padding: 20px 27px 4px;
  line-height: 1.556
}

.bt .panel-light-blue {
  border-color: #aee2fb;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  font-size: 18px;
  background-color: #aee2fb;
  border-radius: 10px
}

.bt .panel-light-blue>.panel-heading {
  color: #003e6e;
  background-color: transparent;
  border-color: #aee2fb
}

.bt .panel-light-blue>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #aee2fb
}

.bt .panel-light-blue>.panel-heading .badge {
  color: transparent;
  background-color: #003e6e
}

.bt .panel-light-blue>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #aee2fb
}

@media (min-width:768px) {
  .bt .panel-light-blue {
    padding: 17px 19px 20px;
    margin-bottom: 31px
  }
}

.bt .panel-light-blue .panel-heading {
  padding: 0;
  margin-bottom: 13px;
  text-align: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

.bt .panel-light-blue .panel-heading .panel-title {
  padding-left: 0;
  border-left: 0;
  font-size: 18px
}

.bt .panel-light-blue .panel-heading .panel-title .text-lg {
  font-size: 22px
}

@media (max-width:767px) {
  .bt .panel-navy-gray .panel-title {
    font-size: 18px
  }

  .bt .panel-light-blue .panel-heading {
    margin-bottom: 10px
  }

  .bt .panel-light-blue .panel-heading .panel-title {
    font-size: 16px
  }

  .bt .panel-light-blue .panel-heading .panel-title .text-lg {
    font-size: 20px
  }
}

.bt .panel-light-blue .panel-heading .bordered {
  margin-bottom: 17px;
  border-bottom: 1px solid #a3a3a3
}

.bt .panel-light-blue .panel-body {
  padding: 0;
  color: #fff;
  text-align: center
}

.bt .panel-light-blue .list-inline {
  margin-bottom: 0
}

.bt .panel-light-blue .list-inline>li {
  padding: 0;
  vertical-align: top
}

.bt .panel-light-blue .text-sm {
  font-size: 13px
}

.bt .panel-light-blue.sm {
  padding-right: 10px;
  padding-left: 10px
}

@media (max-width:767px) {
  .bt .panel-light-blue .text-sm {
    font-size: 11px
  }

  .bt .panel-light-blue.sm {
    padding-right: 5px;
    padding-left: 5px
  }
}

.bt .panel-light-blue.sm .panel-title {
  font-size: 14px
}

.bt .panel-light-blue.panel-light-blue-sm {
  padding: 18px 14px 10px;
  margin-bottom: 22px;
  border-radius: 8px
}

.bt .panel-light-blue.panel-light-blue-sm .panel-heading {
  margin-bottom: 10px
}

.bt .panel-light-blue.panel-light-blue-sm .panel-title {
  font-size: 14px
}

.bt .panel-light-blue.panel-light-blue-sm .panel-title .text-lg {
  font-size: 17px
}

@media (max-width:767px) {
  .bt .panel-light-blue.panel-light-blue-sm {
    padding: 12px 10px 10px
  }

  .bt .panel-light-blue.panel-light-blue-sm .panel-title {
    font-size: 12px
  }

  .bt .panel-light-blue.panel-light-blue-sm .panel-title .text-lg {
    font-size: 15px
  }
}

.bt .panel-light-blue.panel-light-blue-sm .text-sm {
  font-size: 11px
}

.bt .panel-function .col-2 {
  position: relative
}

@media (max-width:991px) {
  .bt .panel-tow-color.arrow-right:after {
    bottom: -47px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .bt .panel-function .col-2 {
    margin-bottom: 40px
  }
}

.bt .panel-function .col-2:after {
  position: absolute;
  top: 50%;
  right: -28px;
  width: 29px;
  height: 29px;
  background: url(../img/icon/sum.png) 50% 50% no-repeat;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (min-width:992px) {
  .bt .panel-function .col-3 {
    width: 28%;
    padding-right: 5px;
    padding-left: 37px
  }
}

@media (max-width:991px) {
  .bt .panel-function .col-2:after {
    top: auto;
    right: 0;
    bottom: -35px;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .bt .panel-function .col-1 {
    margin-bottom: 20px
  }
}

.bt .panel-function .panel-heading {
  margin-bottom: 15px;
  text-align: right
}

.bt .panel-function .panel-title {
  display: inline-block;
  float: left
}

.bt .panel-function .panel-title small {
  font-size: 14px;
  font-weight: 400
}

@media (max-width:991px) {
  .bt .panel-function .panel-title small {
    font-size: 12px
  }
}

.bt .panel-amount {
  padding-bottom: 13px
}

.bt .panel-amount .panel-heading .panel-title {
  font-size: 14px
}

@media (max-width:767px) {
  .bt .panel-amount .panel-heading .panel-title {
    font-size: 12px
  }
}

.bt .panel-recording-option {
  padding-bottom: 8px
}

.bt .panel-recording-option .panel-heading .panel-title {
  font-size: 14px
}

.bt .panel-recording-option .col-1 {
  position: relative
}

.bt .panel-recording-option .col-1:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 29px;
  height: 29px;
  background: url(../img/icon/sum.png) 50% 50% no-repeat;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (min-width:768px) {
  .bt .panel-recording-option .col-1 {
    padding-right: 50px
  }

  .bt .panel-recording-option .col-2 {
    padding-right: 13px;
    padding-left: 0
  }
}

.bt .panel-duration .table-cell {
  border-radius: 4px
}

.bt .panel-duration .cell {
  padding-top: 19px;
  padding-bottom: 16px;
  font-size: 20px
}

.bt .panel-duration .cell small {
  display: block;
  font-size: 13px
}

@media (max-width:767px) {
  .bt .panel-recording-option .panel-heading .panel-title {
    font-size: 12px
  }

  .bt .panel-recording-option .col-1:after {
    top: auto;
    right: 0;
    bottom: -35px;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .bt .panel-duration {
    padding-bottom: 15px
  }

  .bt .panel-duration .cell {
    font-size: 18px
  }

  .bt .panel-duration .cell small {
    font-size: 10px
  }
}

.bt .panel-step-2 .cell {
  font-size: 10px !important
}

.bt .panel-step-2 .cell .number {
  font-size: 15px !important
}

.bt .panel-check .panel-title {
  font-size: 12px !important
}

.bt .panel-check .panel-title strong {
  font-size: 17px !important
}

.bt .well {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.bt .well.well-blank {
  background-color: #fff;
  border: 0
}

.bt .well.border-radius-base {
  border-radius: 4px
}

.bt .well.well-semi-black {
  background-color: rgba(0, 0, 0, .6);
  border: 0
}

.bt .well.well-title-on-border {
  position: relative;
  padding-top: 35px
}

.bt .well.well-title-on-border .title {
  position: absolute;
  top: -.75em;
  right: 0;
  left: 0;
  padding-right: 1.5%;
  padding-left: 1.5%;
  margin: 0
}

.bt .well.well-title-on-border .title .bg {
  display: inline-block;
  padding: 3px 12px;
  line-height: 1.1;
  background: #fff;
  border: 1px solid #000
}

.bt .well-border-gray {
  padding: 35px;
  font-size: 16px;
  line-height: 1.5625;
  color: #000;
  background-color: #fff;
  border: 4px solid #d8dcdf
}

@media (max-width:991px) {
  .bt .well-border-gray {
    padding-right: 25px;
    padding-left: 25px
  }

  .bt .pull-none-sm {
    float: none !important
  }
}

.bt .well-border-gray .caption {
  margin-top: 40px
}

.bt .well-border-gray .caption p {
  margin-bottom: 24px
}

@media (max-width:767px) {
  .bt .panel-step-2 .cell .number {
    font-size: 13px
  }

  .bt .panel-check .panel-title {
    font-size: 10px
  }

  .bt .panel-check .panel-title strong {
    font-size: 15px
  }

  .bt .well-border-gray {
    padding: 20px 15px;
    font-size: 14px
  }

  .bt .well-border-gray .caption {
    margin-top: 20px
  }

  .bt .well-border-gray .caption p {
    margin-bottom: 15px
  }
}

.bt .well-border-gray .caption a:hover {
  text-underline-position: under
}

.bt .well-border-gray .well-title {
  padding: 0;
  margin-top: 0;
  margin-bottom: 19px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  border-left: 0
}

.bt .well-border-gray .well-title strong {
  display: block
}

.bt .well-border-gray .well-title .text-sm {
  font-size: 14px
}

@media (max-width:767px) {
  .bt .well-border-gray .well-title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4
  }

  .bt .well-border-gray .well-title .text-sm {
    font-size: 12px
  }
}

.bt .well-border-gray .text-sm {
  font-size: 14px;
  line-height: 1.5
}

.bt .well-border-gray .information p {
  margin-bottom: 6px
}

.bt .well-border-gray .border-top {
  display: block;
  padding: 9px 0;
  margin-top: 5px;
  border-top: 1px solid #818e9a
}

.bt .well-border-gray .label-container {
  margin-bottom: 20px
}

.bt .well-border-gray .btn-container {
  margin-top: 28px
}

.bt .well-border-gray .btn-container .btn {
  padding-top: 2px;
  padding-bottom: 1px;
  margin-top: 0
}

.bt .well-border-light-gray {
  margin-top: 10px;
  color: #666;
  background-color: #fff;
  border: 1px solid #e6e6e6
}

.bt .well-border-light-gray dl dt {
  padding-right: 0
}

.bt .well-border-light-gray dl+dl {
  margin-top: 0 !important
}

.bt .well-dark-gray {
  background-color: #d8dcdf;
  border: 0;
  border-radius: 5px
}

@media (min-width:768px) {
  .bt .well-dark-gray {
    padding: 21px 22px
  }
}

.bt .well-white {
  padding: 13px 43px;
  background-color: #fff;
  border: 0
}

@media (max-width:767px) {
  .bt .well-border-gray .text-sm {
    font-size: 12px
  }

  .bt .well-border-gray .label-container {
    margin-bottom: 15px
  }

  .bt .well-border-gray .btn-container {
    margin-top: 20px
  }

  .bt .well-dark-gray {
    font-size: 14px
  }

  .bt .well-white {
    padding-right: 15px;
    padding-left: 15px
  }

  .bt .well-white.well-white-fv {
    padding: 10px 10px 8px !important;
    text-align: left !important
  }

  .bt .well-white.well-white-fv .well-title {
    margin-top: 0 !important
  }

  .bt .well-white.well-white-fv.arrow-right-mb:after {
    bottom: 4px;
    font-size: 13px
  }
}

.bt .well-gradient-gray {
  padding: 20px 30px 30px;
  background: #f1f2f3;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f2f3), to(#c2c3c3));
  background: linear-gradient(to bottom, #f1f2f3 0, #c2c3c3 100%);
  border: 0;
  border-radius: 10px
}

@media (max-width:767px) {
  .bt .well-gradient-gray {
    padding: 10px 20px 20px
  }
}

.bt .well-gradient-gray .title {
  padding: 0;
  border: 0
}

.bt .well-problem {
  font-size: 18px;
  text-align: center;
  border: 0;
  border-radius: 10px;
  background-color: #f1f2f3;
  padding: 29px 29px 29px 25px
}

.bt .well-problem p {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  text-align: left
}

.bt .well-problem.letter-spacing {
  letter-spacing: -.04em
}

.bt .well-function {
  padding: 2px 20px 17px;
  margin-bottom: 0;
  border: 0;
  border-radius: 4px
}

.bt .well-function .title-white {
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 700
}

@media (max-width:767px) {
  .bt .well-problem {
    font-size: 16px
  }

  .bt .well-function {
    padding: 2px 12px 10px
  }

  .bt .well-function .title-white {
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 16px
  }
}

.bt .well-function .cell {
  font-size: 18px;
  font-weight: 700
}

@media (max-width:767px) {
  .bt .well-function .cell {
    font-size: 16px
  }
}

.bt .well-function .text-sm {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4
}

.bt .well-function .label {
  padding: 1em .6em
}

.bt .well-recording-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  border: 0;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 700
}

@media (max-width:767px) {
  .bt .well-function .label {
    padding: 1.2em .6em
  }

  .bt .well-recording-option {
    padding: 12px;
    margin-bottom: 40px;
    font-size: 16px
  }
}

.bt .well-radius-dark-gray {
  position: relative;
  padding: 33px 20px 24px;
  border: 0;
  border-radius: 10px;
  background: #e5e8eb
}

.bt .well-radius-dark-gray:before {
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-color: transparent transparent #e5e8eb;
  border-style: solid;
  border-width: 0 25px 25px;
  content: ""
}

.bt .well-radius-dark-gray .well-caption {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.889;
  color: #333;
  text-align: center
}

@media (max-width:767px) {
  .bt .well-radius-dark-gray {
    padding: 20px 15px 15px;
    margin-bottom: 40px
  }

  .bt .well-radius-dark-gray:before {
    top: -21px;
    border-width: 0 22px 22px
  }

  .bt .well-radius-dark-gray .well-caption {
    margin-top: 12px;
    font-size: 16px
  }
}

.bt .well-table {
  padding: 40px 50px 20px;
  margin-bottom: 0;
  background: #fff;
  border-radius: 6px;
  border: 0
}

.bt .bg-gray {
  background-color: #ccc !important
}

.bt .bg-red {
  background-color: red !important
}

.bt .bg-white {
  background-color: #fff !important
}

.bt .bg-blue {
  background-color: #0068b7 !important
}

.bt .bg-light-blue {
  background-color: #009dd7 !important
}

.bt .bg-sky-blue {
  background-color: #aee2fb !important
}

.bt .bg-royal-blue {
  background-color: #053a65 !important
}

.bt .bg-dark-grayish-blue {
  background-color: #818e9a !important
}

.bt .bg-light-blue-sm {
  background-color: #00aae7 !important
}

.bt .bg-light-grayish-blue {
  background-color: #f1f2f3 !important
}

.bt .bg-light-grayish-blue.arrow-white {
  position: relative
}

.bt .bg-light-grayish-blue.arrow-white:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0;
  border-color: #fff transparent transparent;
  content: ""
}

.bt .bg-light-grayish-blue.arrow-white.pt-sm {
  padding-top: 80px
}

.bt .bg-light-grayish-blue.arrow-gray {
  position: relative
}

.bt .bg-light-grayish-blue.arrow-gray:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0;
  border-color: #f1f2f3 transparent transparent;
  content: ""
}

.bt .bg-light-grayish-blue.arrow-gray.bottom {
  margin-bottom: 80px
}

.bt .bg-light-grayish-blue.arrow-gray.bottom:after {
  top: 100%
}

.bt .bg-light-grayish-blue-2 {
  background-color: #dee8f2 !important
}

.bt .bg-light-grayish-blue-3 {
  background-color: #d2dce7 !important
}

.bt .bg-light-grayish-orange {
  background-color: #fdf0cc !important
}

.bt .bg-light-grayish-orange-2 {
  background-color: #efe4c2 !important
}

.bt .bg-strong-orange {
  background-color: #e8a000 !important
}

.bt .bg-light-orange {
  background-color: #f08300 !important
}

.bt .bg-green {
  background-color: #7aac38 !important
}

.bt .bg-strong-green {
  background-color: #61aa31 !important
}

.bt .bg-obi-light-blue {
  background-color: #0099d5 !important
}

.bt .bg-light-gray {
  background-color: #f1f2f3 !important
}

.bt .bg-position-y-50p {
  background-position-y: 50% !important
}

.bt .bg-o {
  background-image: url(../img/common/o.png);
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.bt .bg-x {
  background-image: url(../img/common/x.png);
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.bt .bg-triangle {
  background-image: url(../img/common/triangle.png);
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.bt .border-gray {
  border-bottom: 1px solid #ccc
}

.bt .border-bottom-none {
  border-bottom: 0
}

.bt .fs11 {
  font-size: 11px !important
}

.bt .fs12 {
  font-size: 12px !important
}

.bt .fs14 {
  font-size: 14px !important
}

.bt .fs15 {
  font-size: 15px !important
}

.bt .fs16 {
  font-size: 16px !important
}

@media (max-width:767px) {
  .bt .well-table {
    padding: 25px 10px 15px
  }

  .bt .bg-position-y-30p-xs {
    background-position-y: 30% !important
  }

  .bt .fs16 {
    font-size: 14px !important
  }
}

.bt .fs17 {
  font-size: 17px !important
}

.bt .fs18 {
  font-size: 18px !important
}

.bt .fs20 {
  font-size: 20px !important
}

.bt .fs22 {
  font-size: 22px !important
}

.bt .fs24 {
  font-size: 24px !important
}

.bt .top-0 {
  top: 0 !important
}

.bt .mt0 {
  margin-top: 0 !important
}

.bt .mt5 {
  margin-top: 5px !important
}

.bt .mt10 {
  margin-top: 10px !important
}

.bt .mt15 {
  margin-top: 15px !important
}

.bt .mt20 {
  margin-top: 20px !important
}

.bt .mt25 {
  margin-top: 25px !important
}

.bt .mt30 {
  margin-top: 30px !important
}

.bt .mt35 {
  margin-top: 35px !important
}

.bt .mt40 {
  margin-top: 40px !important
}

.bt .mt45 {
  margin-top: 45px !important
}

@media (max-width:767px) {
  .bt .fs14-xs {
    font-size: 14px !important
  }

  .bt .fs20-xs {
    font-size: 20px !important
  }

  .bt .mt45 {
    margin-top: 25px !important
  }
}

.bt .mt50 {
  margin-top: 50px !important
}

.bt .mt55 {
  margin-top: 55px !important
}

.bt .mt60 {
  margin-top: 60px !important
}

@media (max-width:767px) {
  .bt .mt60 {
    margin-top: 25px !important
  }
}

.bt .mt65 {
  margin-top: 65px !important
}

.bt .mt70 {
  margin-top: 70px !important
}

.bt .mt75 {
  margin-top: 75px !important
}

.bt .mt80 {
  margin-top: 80px !important
}

.bt .mt85 {
  margin-top: 85px !important
}

.bt .mt90 {
  margin-top: 90px !important
}

.bt .mt95 {
  margin-top: 95px !important
}

.bt .mt100 {
  margin-top: 100px !important
}

.bt .mr0 {
  margin-right: 0 !important
}

.bt .mr10 {
  margin-right: 10px !important
}

.bt .mr20 {
  margin-right: 20px !important
}

.bt .mr30 {
  margin-right: 30px !important
}

.bt .mr40 {
  margin-right: 40px !important
}

.bt .mr50 {
  margin-right: 50px !important
}

.bt .mr60 {
  margin-right: 60px !important
}

.bt .mr70 {
  margin-right: 70px !important
}

.bt .mr80 {
  margin-right: 80px !important
}

.bt .mr90 {
  margin-right: 90px !important
}

.bt .mr100 {
  margin-right: 100px !important
}

.bt .mb0 {
  margin-bottom: 0 !important
}

.bt .mb3 {
  margin-bottom: 3px !important
}

.bt .mb5 {
  margin-bottom: 5px !important
}

.bt .mb10 {
  margin-bottom: 10px !important
}

.bt .mb15 {
  margin-bottom: 15px !important
}

.bt .mb20 {
  margin-bottom: 20px !important
}

.bt .mb25 {
  margin-bottom: 25px !important
}

.bt .mb30 {
  margin-bottom: 30px !important
}

.bt .mb35 {
  margin-bottom: 35px !important
}

.bt .mb40 {
  margin-bottom: 40px !important
}

.bt .mb45 {
  margin-bottom: 45px !important
}

.bt .mb50 {
  margin-bottom: 50px !important
}

.bt .mb55 {
  margin-bottom: 55px !important
}

.bt .mb60 {
  margin-bottom: 60px !important
}

.bt .mb65 {
  margin-bottom: 65px !important
}

.bt .mb70 {
  margin-bottom: 70px !important
}

.bt .mb75 {
  margin-bottom: 75px !important
}

.bt .mb80 {
  margin-bottom: 80px !important
}

.bt .mb85 {
  margin-bottom: 85px !important
}

.bt .mb90 {
  margin-bottom: 90px !important
}

.bt .mb95 {
  margin-bottom: 95px !important
}

.bt .mb100 {
  margin-bottom: 100px !important
}

.bt .ml0 {
  margin-left: 0 !important
}

.bt .ml10 {
  margin-left: 10px !important
}

.bt .ml20 {
  margin-left: 20px !important
}

.bt .ml30 {
  margin-left: 30px !important
}

.bt .ml40 {
  margin-left: 40px !important
}

.bt .ml50 {
  margin-left: 50px !important
}

.bt .ml60 {
  margin-left: 60px !important
}

.bt .ml70 {
  margin-left: 70px !important
}

.bt .ml80 {
  margin-left: 80px !important
}

.bt .ml90 {
  margin-left: 90px !important
}

.bt .ml100 {
  margin-left: 100px !important
}

.bt .pt0 {
  padding-top: 0 !important
}

.bt .pt5 {
  padding-top: 5px !important
}

.bt .pt10 {
  padding-top: 10px !important
}

.bt .pt15 {
  padding-top: 15px !important
}

.bt .pt20 {
  padding-top: 20px !important
}

.bt .pt30 {
  padding-top: 30px !important
}

.bt .pt40 {
  padding-top: 40px !important
}

.bt .pt45 {
  padding-top: 45px !important
}

.bt .pt50 {
  padding-top: 50px !important
}

.bt .pt55 {
  padding-top: 55px !important
}

.bt .pt60 {
  padding-top: 60px !important
}

.bt .pt70 {
  padding-top: 70px !important
}

.bt .pt80 {
  padding-top: 80px !important
}

@media (max-width:767px) {
  .bt .mt5-xs {
    margin-top: 5px !important
  }

  .bt .mt15-xs {
    margin-top: 15px !important
  }

  .bt .mt30-xs {
    margin-top: 30px !important
  }

  .bt .mt40-xs {
    margin-top: 40px !important
  }

  .bt .mb5-xs {
    margin-bottom: 5px !important
  }

  .bt .mb14-xs {
    margin-bottom: 14px !important
  }

  .bt .mb20-xs {
    margin-bottom: 20px !important
  }

  .bt .mb25-xs {
    margin-bottom: 25px !important
  }

  .bt .mb30-xs {
    margin-bottom: 30px !important
  }

  .bt .pt80 {
    padding-top: 40px !important
  }
}

.bt .pt90 {
  padding-top: 90px !important
}

.bt .pt100 {
  padding-top: 100px !important
}

.bt .pr0 {
  padding-right: 0 !important
}

.bt .pr5 {
  padding-right: 5px !important
}

.bt .pr10 {
  padding-right: 10px !important
}

.bt .pr20 {
  padding-right: 20px !important
}

.bt .pr30 {
  padding-right: 30px !important
}

.bt .pr35 {
  padding-right: 35px !important
}

.bt .pr40 {
  padding-right: 40px !important
}

.bt .pr50 {
  padding-right: 50px !important
}

.bt .pr60 {
  padding-right: 60px !important
}

.bt .pr70 {
  padding-right: 70px !important
}

.bt .pr80 {
  padding-right: 80px !important
}

.bt .pr90 {
  padding-right: 90px !important
}

.bt .pr100 {
  padding-right: 100px !important
}

.bt .pb0 {
  padding-bottom: 0 !important
}

.bt .pb5 {
  padding-bottom: 5px !important
}

.bt .pb10 {
  padding-bottom: 10px !important
}

.bt .pb20 {
  padding-bottom: 20px !important
}

.bt .pb30 {
  padding-bottom: 30px !important
}

.bt .pb40 {
  padding-bottom: 40px !important
}

.bt .pb50 {
  padding-bottom: 50px !important
}

.bt .pb55 {
  padding-bottom: 55px !important
}

.bt .pb60 {
  padding-bottom: 60px !important
}

.bt .pb65 {
  padding-bottom: 65px !important
}

.bt .pb70 {
  padding-bottom: 70px !important
}

.bt .pb80 {
  padding-bottom: 80px !important
}

@media (max-width:767px) {
  .bt .pt0-xs {
    padding-top: 0 !important
  }

  .bt .pb80 {
    padding-bottom: 40px !important
  }
}

.bt .pb90 {
  padding-bottom: 90px !important
}

.bt .pb95 {
  padding-bottom: 95px !important
}

.bt .pb100 {
  padding-bottom: 100px !important
}

.bt .pl0 {
  padding-left: 0 !important
}

.bt .pl10 {
  padding-left: 10px !important
}

.bt .pl20 {
  padding-left: 20px !important
}

.bt .pl25 {
  padding-left: 25px !important
}

.bt .pl30 {
  padding-left: 30px !important
}

.bt .pl40 {
  padding-left: 40px !important
}

.bt .pl50 {
  padding-left: 50px !important
}

.bt .pl60 {
  padding-left: 60px !important
}

.bt .pl70 {
  padding-left: 70px !important
}

.bt .pl80 {
  padding-left: 80px !important
}

.bt .pl90 {
  padding-left: 90px !important
}

.bt .pl100 {
  padding-left: 100px !important
}

.bt .width-14p {
  width: 14% !important
}

.bt .width-15p {
  width: 15% !important
}

.bt .width-16p {
  width: 16% !important
}

.bt .width-18p {
  width: 18% !important
}

.bt .width-20p {
  width: 20% !important
}

.bt .width-30p {
  width: 30% !important
}

.bt .width-39p {
  width: 39% !important
}

.bt .width-40p {
  width: 40% !important
}

.bt .width-50p {
  width: 50% !important
}

.bt .width-104 {
  width: 104px !important
}

.bt .width-118 {
  width: 118px !important
}

.bt .width-122 {
  width: 122px !important
}

.bt .width-126 {
  width: 126px !important
}

.bt .width-130 {
  width: 130px !important
}

.bt .width-135 {
  width: 135px !important
}

.bt .width-138 {
  width: 138px !important
}

.bt .width-141 {
  width: 141px !important
}

.bt .width-142 {
  width: 142px !important
}

.bt .width-140 {
  width: 140px !important
}

.bt .width-145 {
  width: 145px !important
}

.bt .width-146 {
  width: 146px !important
}

.bt .width-147 {
  width: 147px !important
}

.bt .width-150 {
  width: 150px !important
}

.bt .width-156 {
  width: 156px !important
}

.bt .width-157 {
  width: 157px !important
}

.bt .width-163 {
  width: 163px !important
}

.bt .width-164 {
  width: 164px !important
}

.bt .width-166 {
  width: 166px !important
}

.bt .width-169 {
  width: 169px !important
}

.bt .width-170 {
  width: 170px !important
}

.bt .width-174 {
  width: 174px !important
}

.bt .width-177 {
  width: 177px !important
}

.bt .width-187 {
  width: 187px !important
}

.bt .width-206 {
  width: 206px !important
}

.bt .width-220 {
  width: 220px !important
}

.bt .width-230 {
  width: 230px !important
}

.bt .width-253 {
  width: 253px !important
}

.bt .width-303 {
  width: 303px !important
}

.bt .max-width-180 {
  max-width: 180px !important
}

.bt .max-width-188 {
  max-width: 188px !important
}

.bt .max-width-300 {
  max-width: 300px !important
}

.bt .max-width-400 {
  max-width: 400px !important
}

.bt .max-width-480 {
  max-width: 480px !important
}

.bt .max-width-620 {
  max-width: 620px !important
}

.bt .max-width-650 {
  max-width: 650px !important
}

.bt .max-width-720 {
  max-width: 720px !important
}

.bt .max-width-800 {
  max-width: 800px !important
}

.bt .max-width-910 {
  max-width: 910px !important
}

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

.bt .position-relative {
  position: relative !important
}

.bt .clear {
  clear: both !important
}

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

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

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

@media (max-width:991px) {
  .bt .center-block-sm {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .bt .img-responsive-sm {
    display: block;
    max-width: 100%;
    height: auto
  }
}

@media (max-width:1199px) {
  .bt .pull-none-md {
    float: none !important
  }

  .bt .center-block-md {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .bt .img-responsive-md {
    display: block;
    max-width: 100%;
    height: auto
  }
}

@media (max-width:767px) {
  .bt .width-150-xs {
    width: 150px !important
  }

  .bt .pull-none-xs {
    float: none !important
  }

  .bt .center-block-xs {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .bt .img-responsive-xs {
    display: block;
    max-width: 100%;
    height: auto
  }

  .bt .mt0-xs {
    margin-top: 0 !important
  }

  .bt .mt10-xs {
    margin-top: 10px !important
  }

  .bt .ml0-xs {
    margin-left: 0 !important
  }

  .bt .mb0-xs {
    margin-bottom: 0 !important
  }

  .bt .mr0-xs {
    margin-right: 0 !important
  }

  .bt .pl0-xs {
    padding-left: 0 !important
  }

  .bt .pl5-xs {
    padding-left: 5px !important
  }

  .bt .pb40-xs {
    padding-bottom: 40px !important
  }

  .bt .pb50-xs {
    padding-bottom: 50px !important
  }

  .bt .rotate-90-xs {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

@media (max-width:991px) {
  .bt .mt0-sm {
    margin-top: 0 !important
  }

  .bt .ml0-sm {
    margin-left: 0 !important
  }

  .bt .mb0-sm {
    margin-bottom: 0 !important
  }

  .bt .mr0-sm {
    margin-right: 0 !important
  }

  .bt .rotate-90-sm {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.bt .lh-15 {
  line-height: 1.5 !important
}

.bt .lh-163 {
  line-height: 1.63 !important
}

.bt .lh-175 {
  line-height: 1.75 !important
}

.bt .lh-18 {
  line-height: 1.8 !important
}

.bt .lh-20 {
  line-height: 2 !important
}

.bt .font-weight-normal {
  font-weight: 400 !important
}

.bt .mix-blend-mode-multiply {
  mix-blend-mode: multiply
}

.bt .lt-s-0_5 {
  letter-spacing: -.5px
}

.bt .lt-s-1 {
  letter-spacing: -1px
}

.bt .lt-s-1_2 {
  letter-spacing: -1.2px
}

.bt .lt-s-1_5 {
  letter-spacing: -1.5px
}

.bt .lt-s-2 {
  letter-spacing: -2px
}

.bt .lt-s1 {
  letter-spacing: 1px
}

.bt .lt-s2 {
  letter-spacing: 2px
}

.bt .lt-s3 {
  letter-spacing: 3px
}

.bt .lt-s10 {
  letter-spacing: 10px
}

.bt .arrow-half-right-orange {
  display: inline-block;
  padding-left: 25px;
  line-height: 1.556;
  background: url(../img/icon/arrow-right-orange.png) 0 7px no-repeat
}

.bt .mt-sm {
  margin-top: 40px
}

@media (max-width:767px) {
  .bt .arrow-half-right-orange {
    padding-left: 20px;
    background: url(../img/icon/arrow-right-orange.png) 0 3px no-repeat
  }

  .bt .mt-sm {
    margin-top: 20px
  }
}

.bt .box-shadow-top-bottom {
  -webkit-box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fff
}

.bt .alignleft,
.bt .alignnone,
.bt .alignright {
  display: block;
  max-width: 100%;
  height: auto
}

.bt .alignleft {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 1em
}

@media (min-width:480px) {
  .bt .panel-dark-gray.sm .list-inline>li:first-child {
    margin-right: 0
  }

  .bt .panel-light-blue .list-inline>li:first-child {
    margin-right: 7px
  }

  .bt .panel-light-blue.sm .list-inline>li:first-child {
    margin-right: 0
  }

  .bt .alignleft {
    float: left;
    margin-right: 15px
  }
}

.bt .alignright {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 1em
}

@media (min-width:480px) {
  .bt .alignright {
    float: right;
    margin-left: 15px
  }
}

.bt .screen-reader-text {
  display: none
}

.bt .editor-area {
  min-width: 0;
  margin: 10px;
  background-color: transparent;
  border-top: 0;
  border-bottom: 0
}

.bt .editor-area img {
  max-width: none
}

@media (min-width:480px) {
  .bt .post-thumbnail {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
  }

  .bt .section-3-reason .well {
    min-height: 395px
  }
}

.bt .post-thumbnail img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.bt .pagination .wp-pagenavi {
  display: inline-block
}

.bt .pagination .wp-pagenavi a,
.bt .pagination .wp-pagenavi span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.7;
  text-decoration: none;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.bt .pagination .wp-pagenavi a+a,
.bt .pagination .wp-pagenavi a+span,
.bt .pagination .wp-pagenavi span+a,
.bt .pagination .wp-pagenavi span+span {
  border-left: 1px solid #ddd
}

.bt .pagination .wp-pagenavi a:first-child,
.bt .pagination .wp-pagenavi span:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
  border-left: 1px solid #ddd
}

.bt .pagination .wp-pagenavi a:last-child,
.bt .pagination .wp-pagenavi span:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.bt .pagination .wp-pagenavi a {
  padding-right: 15px;
  padding-left: 15px
}

.bt .pagination .wp-pagenavi a:focus,
.bt .pagination .wp-pagenavi a:hover {
  color: #fff;
  background-color: #999;
  border-color: #999
}

.bt .pagination .wp-pagenavi span {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #666;
  border-color: #666
}

.bt .section-news-list {
  padding-top: 50px;
  padding-bottom: 67px
}

.bt .section-news-list .tab-content {
  padding-top: 12px;
  padding-bottom: 50px
}

.bt .section-news-list dl {
  padding-top: 26px;
  padding-bottom: 26px;
  color: #333;
  border-bottom: 1px dotted #666
}

.bt .section-news-list dl:first-child {
  border-top: 1px dotted #666
}

.bt .section-news-list dt {
  padding-right: 30px;
  white-space: nowrap
}

@media (max-width:767px) {
  .bt .section-news-list {
    padding-top: 30px;
    padding-bottom: 40px
  }

  .bt .section-news-list .tab-content {
    padding-top: 8px;
    padding-bottom: 20px
  }

  .bt .section-news-list dl {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .bt .section-news-list dt {
    padding-right: 15px;
    margin-bottom: 3px
  }

  .bt .section-3-reason {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 -10px
  }
}

.bt .section-news-list a {
  display: inline-block;
  color: #09f;
  line-height: 1.556
}

.bt .section-3-reason {
  padding-bottom: 60px;
  background-color: #f1f2f3
}

.bt .section-3-reason dl {
  margin-bottom: 8px;
  font-size: 18px
}

.bt .section-3-reason dl dt {
  padding-right: 0
}

.bt .section-3-reason dl dd {
  line-height: 1.5
}

.bt .section-3-reason .title {
  margin: 15px 0 27px;
  font-weight: 700;
  text-align: center
}

.bt .section-3-reason .well {
  position: relative;
  padding: 43px 10px 17px
}

.bt .section-3-reason .well:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 26px;
  height: 30px;
  margin-right: auto;
  margin-left: auto;
  content: ""
}

.bt .section-3-reason .well.yellow:after {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/rectangle-yellow.png) 100% 0 no-repeat
}

.bt .section-3-reason .well.magenta:after {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/rectangle-magenta.png) 100% 0 no-repeat
}

.bt .section-3-reason .well.green:after {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/rectangle-green.png) 100% 0 no-repeat
}

.bt .section-issue {
  padding-bottom: 240px;
  color: #fff;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-coding.jpg) 40% 100%/100% auto no-repeat, 0 0/100% auto #333
}

@media (max-width:767px) {
  .bt .section-3-reason .title {
    margin-top: 10px;
    margin-bottom: 15px
  }

  .bt .section-3-reason .well {
    padding-top: 30px;
    padding-bottom: 10px
  }

  .bt .section-issue {
    padding: 0 10px 100px;
    margin: 0 -10px;
    background-size: auto
  }
}

.bt .section-issue .circle {
  display: table;
  width: 250px;
  height: 250px;
  margin: 40px auto 0;
  font-size: 30px;
  background-color: #555a62;
  border-radius: 50%
}

.bt .section-issue .circle:after {
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  display: block;
  width: 30px;
  height: 28px;
  margin-right: auto;
  margin-left: auto;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-down-gray.png) 50% 100% no-repeat;
  content: ""
}

.bt .section-issue .circle.start {
  -webkit-animation: 1.1s ease-in-out infinite alternate balloon;
  animation: 1.1s ease-in-out infinite alternate balloon
}

.bt .section-issue .circle .cell {
  display: table-cell
}

.bt .section-issue .circle small {
  display: block;
  font-size: 20px
}

.bt .section-case {
  padding-bottom: 80px;
  background-color: #f1f2f3
}

.bt .section-case .title {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

@media (max-width:767px) {
  .bt .section-case {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-case .row>div {
    margin-bottom: 40px
  }

  .bt .section-case p {
    margin-bottom: 5px
  }

  .bt .section-case .title {
    margin-top: 5px;
    margin-bottom: 0
  }
}

@media (min-width:480px) {
  .bt .section-case .row>div+div:after {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #cbcfd0;
    content: ""
  }

  .bt .section-case .btn {
    margin-top: 15px
  }

  .bt .section-contact .well {
    height: 200px
  }
}

.bt .section-download {
  padding-top: 40px;
  padding-bottom: 57px;
  background-color: #f1f2f3
}

@media (max-width:767px) {
  .bt .section-download {
    padding-top: 20px;
    padding-bottom: 0;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-download .thumbnail {
  padding: 25px;
  background-color: #fff
}

.bt .section-contact {
  padding-top: 80px;
  padding-bottom: 60px;
  color: #fff;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/bg-women.jpg) 50% 0/cover no-repeat
}

.bt .section-contact .title {
  padding-left: 0;
  margin-top: 10px;
  font-size: 24px;
  text-align: center;
  border-left-width: 0
}

.bt .section-contact .well {
  display: table;
  width: 100%;
  padding: 6%;
  font-size: 20px
}

@media (max-width:767px) {
  .bt .section-contact {
    padding: 35px 10px 30px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-contact .well {
    padding-right: 6px;
    padding-left: 6px
  }

  .bt .section-reward {
    padding-top: 150px
  }
}

.bt .section-contact .well .cell {
  display: table-cell;
  vertical-align: middle
}

.bt .section-contact small {
  font-size: 15px
}

.bt .section-contact .btn {
  font-size: 16px
}

.bt .section-reward {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 842px
}

.bt .section-reward .mark-no-1 {
  position: absolute;
  top: 80px;
  right: 0;
  opacity: 0
}

.bt .section-breadcrumb-top {
  padding-bottom: 0
}

.bt .section-breadcrumb-top.bg-deep-blue {
  position: relative;
  background-color: #003e94 !important
}

.bt .section-breadcrumb-top.bg-deep-blue:after {
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0;
  border-color: #003e94 transparent transparent;
  content: ""
}

.bt .section-breadcrumb-top.bg-deep-blue .breadcrumb>li {
  color: #1f7bfb
}

.bt .section-breadcrumb-top .breadcrumb {
  margin-top: -19px;
  margin-bottom: 0
}

@media (max-width:767px) {
  .bt .section-reward .mark-no-1 {
    top: 0;
    left: 0;
    width: 140px;
    margin-right: auto;
    margin-left: auto
  }

  .bt .section-breadcrumb-top {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-breadcrumb-top .breadcrumb {
    margin-top: 0
  }

  .bt .section-breadcrumb-top .title .with-bg.with-bg-lg {
    margin-top: 10px;
    margin-bottom: 0
  }
}

.bt .section-breadcrumb-top .breadcrumb>li {
  color: #999
}

.bt .section-breadcrumb-top .breadcrumb>li .dark-brown {
  color: #96720c
}

.bt .section-breadcrumb-top .breadcrumb>li .dark-green {
  color: #557827
}

.bt .section-breadcrumb-top .breadcrumb>li .dark-blue {
  color: #006b95
}

.bt .section-breadcrumb-top .breadcrumb>li,
.bt .section-breadcrumb-top .breadcrumb>li>a {
  font-size: 12px
}

.bt .section-breadcrumb-top .breadcrumb>li>a {
  color: #333
}

.bt .section-breadcrumb-top .breadcrumb>li+li:before {
  padding: 0 2px 0 7px;
  color: #404040;
  vertical-align: 0;
  content: "〉"
}

.bt .section-breadcrumb-top .title {
  margin: 0;
  font-size: 22px;
  color: #fff;
  text-align: center;
  border: 0
}

.bt .section-breadcrumb-top .title .with-bg {
  display: inline-block;
  background-color: #96720c;
  color: #fff;
  font-size: 14px;
  padding: 8px 64px;
  margin-bottom: 12px
}

.bt .section-breadcrumb-top .title .with-bg.bg-dark-brown {
  background-color: #96720c
}

.bt .section-breadcrumb-top .title .with-bg.bg-dark-green {
  background-color: #557827
}

.bt .section-breadcrumb-top .title .with-bg.bg-dark-blue {
  background-color: #006b95
}

.bt .section-breadcrumb-top .title .with-bg.with-bg-lg {
  min-width: 215px;
  padding: 12px 15px 9px;
  font-size: 22px;
  font-weight: 700
}

.bt .section-breadcrumb-top .lead-container {
  padding-top: 43px;
  padding-bottom: 81px
}

.bt .section-breadcrumb-top .lead-container .lead {
  font-size: 18px;
  line-height: 1.556;
  margin-bottom: 0
}

.bt .section-breadcrumb {
  padding-top: 7px;
  padding-bottom: 0
}

.bt .section-breadcrumb .breadcrumb {
  margin-bottom: 18px
}

.bt .section-breadcrumb .breadcrumb>li {
  color: #999
}

.bt .section-breadcrumb .breadcrumb>li,
.bt .section-breadcrumb .breadcrumb>li>a {
  font-size: 12px
}

.bt .section-breadcrumb .breadcrumb>li>a {
  color: #333
}

.bt .section-breadcrumb .breadcrumb>li+li:before {
  padding: 0 2px 0 7px;
  color: #333;
  vertical-align: 0;
  content: "〉"
}

.bt .section-breadcrumb .title {
  margin: 0;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border: 0
}

@media (max-width:395px) {
  .bt .section-breadcrumb-id-lend-detail .breadcrumb>li+li:before {
    padding: 0 2px 0 3px
  }

  .bt .section-breadcrumb-id-lend-detail .text-sm {
    font-size: 3.1vw
  }
}

.bt .section-filter {
  font-size: 18px;
  text-align: center
}

.bt .section-filter .list-inline>li {
  line-height: 1.1;
  border-right: 1px solid #000
}

.bt .section-filter .list-inline>li>a {
  color: #338fe7
}

.bt .section-filter .list-inline>li>a:hover {
  color: red;
  text-decoration: none
}

.bt .section-filter .list-inline.list-filter-product {
  margin-top: 43px;
  margin-bottom: 0
}

.bt .section-filter .list-inline.list-filter-product>li {
  padding-right: 18px;
  padding-left: 18px;
  margin-bottom: 28px
}

.bt .section-filter .list-inline.list-filter-product>li.active {
  position: relative;
  color: #666
}

.bt .section-filter .list-inline.list-filter-product>li.active:after {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 9px;
  margin: 3px auto 0;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-down-bright-blue.png) no-repeat;
  content: ""
}

.bt .section-filter .list-inline.list-filter-order>li {
  padding-right: 10px;
  padding-left: 4px
}

.bt .section-filter .list-inline.list-filter-order>li:first-child {
  padding-right: 12px;
  padding-left: 0
}

@media (max-width:767px) {
  .bt .section-breadcrumb-top .lead-container {
    padding-top: 30px;
    padding-bottom: 50px
  }

  .bt .section-breadcrumb-top .lead-container .lead {
    font-size: 16px
  }

  .bt .section-breadcrumb {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-filter {
    font-size: 13px
  }

  .bt .section-filter .list-inline.list-filter-product {
    margin-top: 20px
  }

  .bt .section-filter .list-inline.list-filter-product>li {
    margin-bottom: 20px
  }

  .bt .section-filter .list-inline.list-filter-order>li {
    padding-right: 7px;
    padding-left: 3px
  }

  .bt .section-filter .list-inline.list-filter-order>li:first-child {
    padding-right: 10px
  }

  .bt .section-distributor .table.table-collapsed-xs>tbody>tr>th {
    border-top: 0;
    border-bottom: 0
  }

  .bt .section-distributor .table.table-collapsed-xs>tbody>tr>td {
    padding-top: 0 !important;
    border-top: 0 !important
  }
}

.bt .section-distributor .section-title {
  font-size: 22px;
  font-weight: 400
}

@media (min-width:480px) {
  .bt .section-distributor .section-title {
    margin-bottom: 43px;
    font-size: 30px
  }
}

.bt .section-distributor .table-container {
  margin-bottom: 40px
}

.bt .section-distributor .table-container .text-sm {
  font-size: .8em
}

.bt .section-distributor .table {
  border: 1px solid #d3d3d3
}

@media (min-width:480px) {
  .bt .section-distributor .table-container {
    margin-bottom: 75px
  }

  .bt .section-distributor .table {
    font-size: 18px
  }
}

.bt .section-distributor .table>tbody>tr>td,
.bt .section-distributor .table>tbody>tr>th {
  padding: 14px 18px;
  vertical-align: middle;
  border: 1px solid #d3d3d3
}

.bt .section-distributor .table>tbody>tr>th {
  text-align: center;
  background-color: #fff
}

.bt .section-distributor .table-distributor {
  table-layout: auto;
  margin-bottom: 100px
}

.bt .section-distributor .table-distributor>tbody>tr>td,
.bt .section-distributor .table-distributor>tbody>tr>th {
  font-size: 14px
}

@media (max-width:767px) {
  .bt .section-distributor .table>tbody>tr>th {
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important
  }

  .bt .section-distributor .table>tbody>tr>td {
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important
  }

  .bt .section-distributor .table-distributor {
    margin-bottom: 60px
  }

  .bt .section-distributor .table-distributor>tbody>tr>td,
  .bt .section-distributor .table-distributor>tbody>tr>th {
    font-size: 12px
  }

  .bt .section-distributor .table-distributor .col-2 {
    padding-bottom: 5px !important;
    border-bottom: 0
  }
}

.bt .section-distributor .table-distributor>tbody>tr>th {
  padding-right: 19px;
  padding-bottom: 15px;
  padding-left: 19px
}

.bt .section-distributor .table-distributor>tbody>tr>td {
  padding: 23px 25px
}

.bt .section-distributor .table-distributor .col-2 {
  width: 230px
}

.bt .section-distributor a {
  color: #004b8b
}

.bt .section-distributor a:hover {
  color: red
}

.bt .section-distributor .company-name {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700
}

@media (max-width:767px) {
  .bt .section-distributor .table-distributor .img-logo {
    padding-top: 10px
  }

  .bt .section-distributor .company-name {
    padding-top: 15px;
    font-size: 16px
  }
}

.bt .section-distributor .company-contact {
  margin-bottom: 7px
}

.bt .section-distributor .heading {
  font-size: 20px
}

.bt .section-distributor-list {
  padding-top: 30px;
  padding-bottom: 60px
}

.bt .section-distributor-list .title-sm {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt .section-distributor .heading {
    font-size: 14px
  }

  .bt .section-distributor-list {
    padding: 20px 10px 25px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-distributor-list .title-sm {
    margin-bottom: 20px;
    font-size: 18px
  }
}

.bt .section-distributor-list .lead {
  margin-bottom: 30px;
  font-size: 16px
}

.bt .section-panel-grayish-blue {
  padding-bottom: 13px
}

@media (min-width:768px) {
  .bt .width-265-sm-min {
    width: 265px !important
  }

  .bt .section-3-reason dl {
    padding: 0 14px
  }

  .bt .section-distributor-list .lead {
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 1.556
  }

  .bt .section-panel-grayish-blue {
    padding-top: 32px;
    font-size: 16px
  }

  .bt .section-configuration hr {
    margin-bottom: 54px
  }
}

.bt .section-panel-grayish-blue .panel {
  margin-bottom: 80px
}

.bt .section-panel-grayish-blue dl {
  font-size: 16px;
  color: #666
}

.bt .section-panel-grayish-blue dl+dl {
  margin-top: 5px
}

.bt .section-panel-grayish-blue .table-responsive {
  border: 0
}

.bt .section-panel-grayish-blue .well {
  padding: 19px 15px 19px 22px
}

.bt .section-panel-grayish-blue .table {
  margin-top: 0
}

.bt .section-panel-grayish-blue .table>thead>tr>th {
  padding: 11px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background-color: #dee8f2;
  border-bottom: 0;
  border-color: #ccc
}

.bt .section-panel-grayish-blue .table>thead>tr>th:first-child {
  width: 152px
}

.bt .section-panel-grayish-blue .table>thead>tr>th small {
  font-size: 15px;
  font-weight: 400;
  color: red
}

.bt .section-panel-grayish-blue .table>tbody {
  font-size: 16px
}

@media (max-width:767px) {
  .bt .section-panel-grayish-blue .panel {
    margin-bottom: 30px
  }

  .bt .section-panel-grayish-blue dl {
    font-size: 12px
  }

  .bt .section-panel-grayish-blue .well {
    padding: 10px
  }

  .bt .section-panel-grayish-blue .table>thead>tr>th {
    padding: 8px;
    font-size: 14px
  }

  .bt .section-panel-grayish-blue .table>thead>tr>th small {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px
  }

  .bt .section-panel-grayish-blue .table>tbody {
    font-size: 12px
  }
}

.bt .section-panel-grayish-blue .table>tbody>tr>td,
.bt .section-panel-grayish-blue .table>tbody>tr>th {
  padding: 14px 10px 14px 14px;
  line-height: 1.5
}

.bt .section-panel-grayish-blue .table>tbody>tr>th {
  background-color: #f1f2f3
}

.bt .section-panel-grayish-blue .table>tbody>tr:first-child>td,
.bt .section-panel-grayish-blue .table>tbody>tr:first-child>th {
  border-top: 1px solid #ccc
}

.bt .section-panel-grayish-blue .table dl {
  margin-top: 0;
  color: #000
}

.bt .section-panel-grayish-blue .table dl dt {
  padding-right: 0
}

.bt .section-configuration {
  padding-bottom: 80px;
  background-color: #818e9a;
  border-bottom: 1px solid #fff
}

@media (max-width:767px) {

  .bt .section-panel-grayish-blue .table>tbody>tr>td,
  .bt .section-panel-grayish-blue .table>tbody>tr>th {
    padding: 8px
  }

  .bt .section-configuration {
    padding-bottom: 20px;
    margin: 0 -10px
  }
}

.bt .section-configuration .cell {
  margin-bottom: 22px
}

.bt .section-configuration.arrow-gray {
  position: relative;
  padding-top: 80px
}

.bt .section-configuration.arrow-gray:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0;
  border-color: #f1f2f3 transparent transparent;
  content: ""
}

.bt .section-anti-leakage-info {
  padding-top: 75px;
  padding-bottom: 58px;
  color: #000
}

.bt .section-anti-leakage-info .lead {
  font-size: 16px
}

.bt .section-anti-leakage-info .panel {
  margin-top: 50px
}

.bt .section-anti-leakage-info .panel-body img {
  margin-bottom: 29px
}

@media (max-width:767px) {
  .bt .section-anti-leakage-info {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .bt .section-anti-leakage-info .panel {
    margin-top: 20px
  }

  .bt .section-anti-leakage-info .panel-body img {
    margin-bottom: 15px
  }
}

.bt .section-anti-leakage-info .panel-body dd {
  line-height: 1.6
}

.bt .section-anti-leakage-info .panel-body dl {
  margin-bottom: 0
}

.bt .section-point {
  padding-top: 75px;
  padding-bottom: 78px;
  color: #000
}

.bt .section-point .lead {
  font-size: 16px
}

@media (min-width:768px) {

  .bt .section-anti-leakage-info .lead,
  .bt .section-point .lead {
    margin-bottom: 46px;
    font-size: 16px
  }
}

.bt .section-point .panel {
  margin-top: 20px
}

@media (max-width:767px) {
  .bt .section-point {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .bt .section-point .panel {
    margin-top: 30px
  }

  .bt .section-recording-movie {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-point .panel-body {
  padding: 19px 24px 10px
}

.bt .section-point .panel-heading {
  position: relative;
  padding: 42px 10px 10px
}

.bt .section-point .label {
  position: absolute;
  top: -15px;
  left: calc(50% - 25px);
  padding: 7px 8px 4px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.273;
  border-radius: 5px
}

.bt .section-point .label .number {
  font-size: 20px
}

.bt .section-recording-movie {
  padding-bottom: 75px;
  color: #000
}

.bt .section-recording-movie hr {
  margin-bottom: 48px
}

.bt .section-recording-movie .lead {
  font-size: 18px;
  text-align: center
}

.bt .section-recording-movie .table>tbody>tr>td,
.bt .section-recording-movie .table>tbody>tr>th,
.bt .section-recording-movie .table>thead>tr>td,
.bt .section-recording-movie .table>thead>tr>th {
  width: auto
}

.bt .section-search-video {
  padding-top: 75px;
  padding-bottom: 75px;
  color: #000
}

.bt .section-search-video p {
  font-size: 16px
}

.bt .section-search-video .title-border-bottom-green {
  margin-top: 78px
}

@media (max-width:767px) {
  .bt .section-recording-movie hr {
    margin-bottom: 20px
  }

  .bt .section-link-circle {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-search-video {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .bt .section-search-video .title-border-bottom-green {
    margin-top: 30px
  }
}

.bt .section-search-video .switch-img-by-hover .default {
  display: block !important
}

.bt .section-search-video .switch-img-by-hover .hover {
  display: none !important
}

.bt .section-search-video .switch-img-by-hover:hover img {
  opacity: 1 !important
}

.bt .section-search-video .switch-img-by-hover:hover .default {
  display: none !important
}

.bt .section-search-video .switch-img-by-hover:hover .hover {
  display: block !important
}

.bt .section-playback {
  padding-bottom: 57px;
  color: #000
}

.bt .section-playback hr {
  margin-bottom: 50px
}

.bt .section-playback .lead {
  font-size: 16px
}

@media (min-width:768px) {
  .bt .section-recording-movie .lead {
    margin-bottom: 46px
  }

  .bt .section-search-video p {
    font-size: 16px
  }

  .bt .section-search-video .lead {
    margin-bottom: 46px
  }

  .bt .section-playback .lead {
    margin-bottom: 46px;
    font-size: 16px
  }
}

.bt .section-playback .row {
  margin-top: 50px
}

@media (max-width:767px) {
  .bt .section-playback {
    padding: 0 10px 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-playback hr {
    margin-bottom: 20px
  }

  .bt .section-playback .row {
    margin-top: 20px
  }

  .bt .section-config-example {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-config-example {
  padding-bottom: 75px;
  color: #000
}

.bt .section-config-example .title-dark-magenta {
  margin-top: 27px
}

.bt .section-product-list {
  padding-bottom: 30px;
  color: #000
}

@media (max-width:767px) {
  .bt .section-config-example .title-dark-magenta {
    margin-top: 0
  }

  .bt .section-product-list {
    padding: 0 10px 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-product-list .title-dark-magenta {
  margin-top: 27px;
  margin-bottom: 43px
}

.bt .section-product-list img {
  margin-bottom: 50px
}

.bt .section-licensing-system {
  padding-bottom: 30px;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-product-list .title-dark-magenta {
    margin-top: 0;
    margin-bottom: 25px
  }

  .bt .section-product-list img {
    margin-bottom: 20px
  }

  .bt .section-licensing-system {
    padding-bottom: 20px;
    font-size: 14px
  }

  .bt .section-licensing-system .step-2 .table-responsive {
    margin-bottom: 20px
  }
}

.bt .section-licensing-system .step {
  margin-top: 15px;
  font-size: 14px
}

.bt .section-licensing-system .step-2 .table-grayish-blue {
  border: 1px solid #cecece
}

.bt .section-licensing-system .step-2 .table-grayish-blue td,
.bt .section-licensing-system .step-2 .table-grayish-blue th {
  font-size: 14px;
  border: 1px solid #cecece
}

.bt .section-licensing-system .step-2 .table-grayish-blue th {
  padding: 8px 4px 7px;
  background-color: #dee8f2;
  color: #000
}

.bt .section-licensing-system .step-2 .table-grayish-blue th.bg-grayish-blue {
  background-color: #818e9a;
  color: #fff
}

.bt .section-licensing-system .step-2 .table-grayish-blue th.bg-light-gray {
  background-color: #f1f1f1
}

.bt .section-licensing-system .step-2 .table-grayish-blue td {
  word-break: keep-all
}

.bt .section-licensing-system .step-2 .table-grayish-blue.type-2>thead>tr>th {
  padding-top: 7px;
  padding-bottom: 6px
}

.bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>td,
.bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>th {
  padding-top: 12px;
  padding-bottom: 10px
}

.bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>td {
  word-break: break-all;
  text-align: left;
  padding-right: 15px;
  padding-left: 15px
}

@media (min-width:768px) {
  .bt .section-licensing-system .step {
    margin-top: 40px;
    font-size: 16px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue {
    margin-bottom: 30px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue td,
  .bt .section-licensing-system .step-2 .table-grayish-blue th {
    font-size: 16px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2 {
    margin-bottom: 15px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>td,
  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>th {
    padding-top: 16px;
    padding-bottom: 14px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>td {
    padding-right: 20px;
    padding-left: 20px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2 .col-1 {
    width: 253px
  }

  .bt .section-licensing-system .step-2 .table-grayish-blue .col-1 {
    width: 130px
  }

  .bt .section-licensing-system .lead {
    font-size: 18px;
    line-height: 1.556
  }
}

.bt .section-licensing-system .step-2 .dl-list-indent.dl-list-strong-blue {
  margin-top: 20px;
  margin-bottom: 10px
}

.bt .section-licensing-system .step-2 .dl-list-indent.type-2 {
  margin-top: 13px
}

.bt .section-licensing-system .step-2 .dl-list-indent.type-2 dt {
  padding-right: 5px;
  font-size: 18px;
  font-weight: 700;
  word-break: keep-all
}

.bt .section-licensing-system .step-2 .dl-list-indent.type-2 dd {
  font-size: 16px;
  line-height: 1.65
}

.bt .section-licensing-system .step-2 .text-md {
  display: inline-block;
  margin-top: 5px
}

.bt .section-licensing-system .lead-sm {
  font-size: 14px
}

.bt .section-licensing-system .label-container .label {
  height: 80px;
  padding-right: 2px;
  padding-left: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  white-space: normal;
  border-radius: 4px
}

@media (max-width:767px) {

  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>td,
  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>tbody>tr>th,
  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>thead>tr>td,
  .bt .section-licensing-system .step-2 .table-grayish-blue.type-2>thead>tr>th {
    font-size: 14px
  }

  .bt .section-licensing-system .step-2 .dl-list-indent.type-2 dt {
    font-size: 16px
  }

  .bt .section-licensing-system .step-2 .dl-list-indent.type-2 dd {
    font-size: 14px;
    line-height: 1.5
  }

  .bt .section-licensing-system .step-2 .text-md {
    margin-top: 3px
  }

  .bt .section-licensing-system .label-container .label {
    height: 60px;
    font-size: 16px;
    line-height: 1.4
  }
}

.bt .section-licensing-system .label-container .label-sm {
  font-size: 12px;
  font-weight: 400
}

@media (max-width:767px) {
  .bt .section-licensing-system .label-container .label-sm {
    font-size: 11px
  }
}

.bt .section-licensing-system .label-container .label-md {
  font-size: 13px;
  font-weight: 400
}

@media (max-width:767px) {
  .bt .section-licensing-system .label-container .label-md {
    font-size: 11px
  }
}

.bt .section-licensing-system .label-container .text-md {
  font-size: 13px
}

@media (max-width:767px) {
  .bt .section-licensing-system .label-container .text-md {
    font-size: 11px
  }
}

.bt .section-licensing-system .label-container .text-lg {
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-licensing-system .label-container .text-lg {
    font-size: 13px
  }
}

.bt .section-licensing-system .label-container .number {
  font-size: 20px
}

.bt .section-licensing-system .label-container.label-container-sm .label {
  height: 50px;
  font-size: 14px
}

.bt .section-licensing-system .label-container.label-container-2 .label {
  height: 62px;
  padding-right: 1px;
  padding-left: 1px;
  font-size: 11px;
  line-height: 1.2
}

.bt .section-licensing-system .label-container.label-container-2 .text-md {
  font-size: 11px
}

.bt .section-licensing-system .label-container.label-container-2 .text-lg {
  font-size: 14px;
  line-height: 1.9
}

.bt .section-licensing-system .label-container.label-container-2 .number {
  font-size: 14px
}

.bt .section-licensing-system .table-cell-container .table-cell {
  margin-bottom: 10px
}

@media (min-width:768px) {
  .bt .section-licensing-system .lead-sm {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5
  }

  .bt .section-licensing-system .table-cell-container .table-cell {
    margin-bottom: 7px
  }

  .bt .section-licensing-system .btn-container.btn-container-lg .btn {
    padding-left: 10px;
    margin-right: 23px;
    margin-left: 23px
  }

  .bt .section-trust {
    line-height: 1.563
  }
}

.bt .section-licensing-system .table-cell-container-sm .table-cell {
  margin-bottom: 6px
}

.bt .section-licensing-system .btn-container {
  margin-bottom: 70px
}

.bt .section-licensing-system .btn-container .btn {
  margin-top: 45px
}

.bt .section-licensing-system .step-4 .dl-list-indent-sm dd,
.bt .section-licensing-system .step-4 .dl-list-indent-sm dt {
  display: inline-block
}

.bt .section-licensing-system .step-4 .dl-list-indent-sm dt {
  color: #000
}

.bt .section-licensing-system .step-4 .title-black {
  margin-bottom: 20px
}

.bt .section-licensing-system .step-4 .text-sm {
  font-weight: 700;
  color: #003e6e
}

.bt .section-agents {
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-licensing-system .label-container .number {
    font-size: 18px
  }

  .bt .section-licensing-system .label-container.label-container-2 .text-lg {
    line-height: 1.7
  }

  .bt .section-licensing-system .table-container .table-grayish-blue>tbody>tr>td,
  .bt .section-licensing-system .table-container .table-grayish-blue>tbody>tr>th {
    padding-right: 5px !important;
    padding-left: 5px !important
  }

  .bt .section-licensing-system .btn-container {
    margin-bottom: 46px
  }

  .bt .section-licensing-system .btn-container .btn {
    margin-top: 30px
  }

  .bt .section-licensing-system .step-4 .title-black {
    margin-bottom: 12px
  }

  .bt .section-agents {
    padding: 0 15px 40px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-recording-animation {
  position: relative
}

.bt .section-recording-animation img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0
}

.bt .section-recording-animation .img-1-1 {
  position: relative;
  opacity: 1
}

.bt .section-recording-animation .img-1-2 {
  z-index: 2
}

.bt .section-recording-animation .img-1-3 {
  z-index: 3
}

.bt .section-recording-animation .img-1-4 {
  z-index: 4
}

.bt .section-recording-animation .img-1-5 {
  z-index: 5
}

.bt .section-trust {
  padding-bottom: 78px;
  color: #fff;
  background-color: #0068b7;
  overflow-x: hidden
}

.bt .section-trust .container-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px
}

.bt .section-trust .container-btn .btn-border-strong-orange {
  padding: 10px 20px 8px;
  margin-top: 52px;
  font-size: 18px
}

.bt .section-trust .container-btn .btn-border-strong-orange:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-trust .container-btn .btn-border-strong-orange:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-trust .hr-arrow-bottom-white {
  margin-bottom: 50px
}

@media (max-width:767px) {
  .bt .section-trust {
    padding-bottom: 35px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-trust .container-btn .btn-border-strong-orange {
    padding: 10px 20px;
    margin-top: 10px;
    font-size: 16px
  }

  .bt .section-trust .hr-arrow-bottom-white {
    margin-bottom: 25px
  }

  .bt .section-trust .container {
    padding-right: 10px;
    padding-left: 10px
  }
}

.bt .section-trust .title-sm {
  padding-bottom: 7px;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 700;
  text-align: center
}

@media (max-width:767px) {
  .bt .section-trust .title-sm {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px
  }
}

.bt .section-trust .title-xs {
  padding-left: 0;
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 700;
  color: #0068b7;
  text-align: center;
  line-height: 1.4;
  border: 0
}

@media (max-width:767px) {
  .bt .section-trust .title-xs {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 15px
  }
}

.bt .section-trust .well {
  padding: 36px 31px 24px 37px;
  margin-bottom: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  border-radius: 6px
}

@media (max-width:991px) {
  .bt .section-licensing-system .step-4 .dl-list-indent-sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .bt .section-trust .well {
    padding-right: 20px;
    padding-left: 20px
  }
}

.bt .section-trust .well.well-sm {
  padding: 22px 12px 35px
}

@media (max-width:767px) {
  .bt .section-trust .well {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-bottom: 20px
  }

  .bt .section-trust .well.well-sm {
    padding: 10px
  }
}

.bt .section-trust .label {
  margin-top: 5px;
  margin-bottom: 17px
}

.bt .section-trust .source {
  margin-top: 17px
}

@media (max-width:767px) {
  .bt .section-trust .source {
    margin-top: 10px
  }

  .bt .section-trust .media-object {
    max-width: none;
    width: 100px
  }

  .bt .section-trust .media-right {
    vertical-align: middle
  }
}

@media (min-width:768px) and (max-width:991px) {
  .bt .section-trust .media-object {
    width: 20vw
  }

  .bt .section-trust .media-right {
    width: 50%
  }

  .bt .section-trust .label-border-blue {
    min-width: 17vw
  }
}

.bt .section-reason {
  padding-bottom: 80px;
  background-color: #f1f2f3
}

.bt .section-reason .title-strong-blue {
  margin-bottom: 35px
}

.bt .section-reason .table-cell {
  background-color: #fff
}

.bt .section-reason .table-cell+.table-cell {
  margin-top: 10px
}

.bt .section-reason .table-cell .cell {
  padding-top: 21px;
  padding-bottom: 21px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
  vertical-align: middle
}

.bt .section-reason .table-cell .cell:first-child {
  width: 90px
}

.bt .section-reason .table-cell .cell+.cell {
  padding-right: 15px
}

@media (max-width:767px) {
  .bt .section-reason {
    padding-bottom: 50px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-reason .container {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-reason .title-strong-blue {
    margin-bottom: 10px
  }

  .bt .section-reason .table-cell .cell {
    font-size: 18px
  }

  .bt .section-reason .table-cell .cell.body {
    padding-top: 0;
    padding-bottom: 0
  }

  .bt .section-reason .table-cell .cell+.cell {
    padding-left: 15px
  }
}

.bt .section-reason .btn {
  padding: 2px 40px 1px
}

.bt .section-reason .label {
  position: relative;
  margin-left: -10px
}

.bt .section-reason .label:before {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 5px 0;
  border-color: transparent #653d02 transparent transparent;
  content: ""
}

.bt .section-ntt-technocross {
  padding-bottom: 80px;
  color: #000;
  line-height: 1.563
}

.bt .section-ntt-technocross .title-strong-blue {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt .section-reason .label {
    margin-left: -5px
  }

  .bt .section-reason .label:before {
    border-width: 0 5px 5px 0
  }

  .bt .section-ntt-technocross {
    padding-bottom: 40px
  }

  .bt .section-ntt-technocross .title-strong-blue {
    margin-top: 0;
    margin-bottom: 15px
  }
}

.bt .section-ntt-technocross .lead {
  margin-bottom: 45px;
  font-size: 18px;
  text-align: center
}

.bt .section-ntt-technocross .btn {
  padding: 2px 58px 1px;
  margin-top: 50px
}

.bt .section-casestudy {
  padding-top: 20px;
  padding-bottom: 50px
}

.bt .section-casestudy .container>.row>div {
  margin-bottom: 30px
}

.bt .section-casestudy .case_ind {
  line-height: 1.5;
  background-color: #fff;
  border: 4px solid #d8dcdf
}

@media (max-width:991px) {
  .bt .section-casestudy .case_ind {
    padding: 15px
  }
}

.bt .section-casestudy .case_ind .company-img-wrap {
  position: relative
}

.bt .section-casestudy .case_ind .company-img-wrap .bg {
  width: 100%
}

.bt .section-casestudy .case_ind .company-img-wrap .company-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 22px 35px;
  font-size: 16px;
  margin: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, .8)
}

.bt .section-casestudy .case_ind .company-name-wrap {
  padding: 30px 0;
  margin: 0;
  width: 100%
}

@media (max-width:767px) {
  .bt .section-ntt-technocross .lead {
    margin-bottom: 30px;
    font-size: 14px
  }

  .bt .section-ntt-technocross .btn {
    margin-top: 35px
  }

  .bt .section-casestudy {
    padding-top: 0;
    padding-bottom: 20px
  }

  .bt .section-casestudy .container>.row>div:last-child {
    margin-top: 30px
  }

  .bt .section-casestudy .container>.row>div.last:last-child {
    margin-top: 0
  }

  .bt .section-casestudy .case_ind .company-img-wrap .company-text {
    position: relative;
    padding: 5px
  }

  .bt .section-casestudy .case_ind .company-name-wrap {
    padding: 20px 0
  }
}

.bt .section-casestudy .case_ind .company-name-wrap .logo-wrap {
  text-align: left;
  min-height: 56px;
  padding-left: 35px
}

.bt .section-casestudy .case_ind .company-name-wrap .logo-wrap .logo {
  max-width: 100%
}

@media (max-width:767px) {
  .bt .section-casestudy .case_ind .company-name-wrap .logo-wrap {
    padding-left: 0;
    padding-right: 0;
    min-height: auto;
    margin: 0 auto;
    text-align: center
  }

  .bt .section-casestudy .case_ind .company-name-wrap .logo-wrap .logo {
    margin: 0 auto;
    text-align: center
  }
}

.bt .section-casestudy .case_ind .company-name-wrap .name-wrap {
  padding-left: 25px;
  padding-right: 35px
}

.bt .section-casestudy .case_ind .company-name-wrap .name-wrap .company-name {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  letter-spacing: -.5px
}

@media (max-width:767px) {
  .bt .section-casestudy .case_ind .company-name-wrap .name-wrap {
    padding-left: 0;
    padding-right: 0;
    margin: 20px auto 0;
    text-align: center
  }

  .bt .section-casestudy .case_ind .company-name-wrap .name-wrap .company-name {
    font-size: 16px;
    text-align: center
  }

  .bt .section-function {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px;
    line-height: 1.556
  }

  .bt .section-function .media-feature-intro .btn {
    max-width: 100%
  }
}

.bt .section-casestudy .btn-border-orange {
  padding: 2px 17px 1px
}

.bt .section-casestudy .btn-border-orange:hover {
  color: #fff;
  background-color: red
}

.bt .section-casestudy .btn-border-orange:hover .icon-arrow-right-orange.right {
  background-position: 100% 102%
}

.bt .section-casestudy .btn-border-orange .icon-arrow-right-orange {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-orange-hover.png) 0 50% no-repeat
}

.bt .section-casestudy .btn-border-orange .icon-arrow-right-orange.right {
  padding-right: 13px;
  padding-left: 0;
  background-position: 100% 53%
}

.bt .section-function {
  background-color: #fff
}

.bt .section-function .container-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 78px
}

.bt .section-function .container-btn .btn-border-orange-sm {
  min-width: 280px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 0
}

.bt .section-function p {
  margin-bottom: 17px;
  line-height: 1.556
}

.bt .section-function .function-outline {
  line-height: 1.556
}

.bt .section-function .table-grayish-blue.bordered td,
.bt .section-function .table-grayish-blue.bordered th {
  border: 1px solid #cecece
}

.bt .section-function .table-grayish-blue.bordered .border-top-bottom-dadshed {
  border-top: 1px dashed #cecece;
  border-bottom: 1px dashed #cecece
}

.bt .section-function .table-grayish-blue.bordered .border-bottom-dadshed {
  border-bottom: 1px dashed #cecece
}

.bt .section-function .table-grayish-blue.text-left td,
.bt .section-function .table-grayish-blue.text-left th {
  text-align: left
}

.bt .section-function .table-grayish-blue.padminus td,
.bt .section-function .table-grayish-blue.padminus th {
  padding: 14px 2px
}

.bt .section-function .table-grayish-blue th {
  word-break: break-all;
  padding: 16px 10px 16px 16px;
  vertical-align: top;
  color: #000;
  font-size: 16px;
  border: 1px solid #cecece
}

@media (max-width:767px) {
  .bt .section-function .container-btn {
    margin-top: 40px
  }

  .bt .section-function .table-grayish-blue th {
    font-size: 14px
  }
}

.bt .section-function .table-grayish-blue th.bg-light-blue {
  background-color: #dee8f2
}

.bt .section-function .table-grayish-blue th.bg-grayish-blue {
  background-color: #818e9a;
  color: #fff
}

.bt .section-function .table-grayish-blue th.bg-light-gray {
  background-color: #f1f1f1
}

.bt .section-function .table-grayish-blue th.normal {
  font-weight: 400
}

.bt .section-function .table-grayish-blue th.width120 {
  width: 120px
}

.bt .section-function .table-grayish-blue th.width130 {
  width: 130px
}

.bt .section-function .table-grayish-blue th.width132 {
  width: 132px
}

.bt .section-function .table-grayish-blue th.width150 {
  width: 150px
}

.bt .section-function .table-grayish-blue th.width155 {
  width: 155px
}

.bt .section-function .table-grayish-blue th.width170 {
  width: 170px
}

.bt .section-function .table-grayish-blue th.width190 {
  width: 190px
}

.bt .section-function .table-grayish-blue th.width200 {
  width: 200px
}

.bt .section-function .table-grayish-blue th.width250,
.bt .section-function .table-grayish-blue th.width270 {
  width: 250px
}

.bt .section-function .table-grayish-blue th.width280 {
  width: 280px
}

.bt .section-function .table-grayish-blue td {
  word-break: break-word;
  padding: 16px 10px 16px 16px;
  vertical-align: top;
  font-size: 16px
}

.bt .section-function .table-grayish-blue td.bg-light-gray {
  background: #f5f5f5
}

.bt .section-function .table-grayish-blue td.bg-light-gray2 {
  background-color: #f1f1f1
}

.bt .section-function .table-grayish-blue td.width200 {
  width: 200px
}

.bt .section-function .table-grayish-blue td.width226 {
  width: 226px
}

.bt .section-function .table-grayish-blue td.width520 {
  width: 520px
}

.bt .section-function .table-grayish-blue td.width559 {
  width: 559px
}

.bt .section-function .table-grayish-blue tr:last-child {
  border-bottom: 1px solid #cecece
}

.bt .section-function .panel-light-grayish-blue.point {
  border: 1px solid #008cc9
}

.bt .section-function .panel-light-grayish-blue.point .panel-title {
  border-bottom: 1px solid #008cc9
}

.bt .section-function .panel-light-grayish-blue.point .panel-title dt {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/hat-blue-bg.png) 50% 50% no-repeat;
  padding: 19px
}

.bt .section-function .panel-light-grayish-blue.point .panel-title dd {
  padding: 2px 0 3px
}

.bt .section-function .panel-light-grayish-blue.point .panel-title dd h3 {
  margin-left: 14px
}

.bt .section-function .panel-light-grayish-blue.point .panel-body {
  padding: 28px 40px;
  border: 0
}

.bt .section-function .media.systemconfig {
  margin-top: 52px
}

.bt .section-function .functiontable td,
.bt .section-function .functiontable th {
  vertical-align: middle;
  padding: 20px 19px
}

.bt .section-function .functiontable th {
  padding: 20px 15px
}

.bt .section-function .table {
  font-size: 14px !important
}

.bt .section-function .table-sm td,
.bt .section-function .table-sm th {
  padding: 10px 12px
}

.bt .section-function .nav-tabs {
  max-width: 740px;
  margin: 45px auto 30px
}

.bt .section-function .nav-tabs li {
  display: block;
  width: 33.33333333%;
  float: left
}

.bt .section-function .nav-tabs li+li a {
  margin-left: 10px
}

.bt .section-function .nav-tabs li a {
  padding: 10px 2px
}

@media (min-width:768px) {
  .bt .section-function .function-outline .media-body {
    font-size: 18px
  }

  .bt .section-function .table {
    font-size: 16px !important
  }

  .bt .section-function .table-container .table th {
    white-space: normal
  }

  .bt .section-function .nav-tabs li a {
    line-height: 1.625
  }
}

.bt .section-function .list-simple {
  font-size: 14px !important
}

.bt .section-function .img-04 {
  position: relative
}

@media (min-width:768px) {
  .bt .section-function .list-simple {
    font-size: 16px !important
  }

  .bt .section-function .img-04 .img-04-sm {
    position: absolute;
    bottom: 30px;
    left: -157px
  }

  .bt .section-function .lead {
    font-size: 18px;
    line-height: 1.556
  }
}

@media (max-width:767px) {
  .bt .section-function .table-grayish-blue td {
    font-size: 14px
  }

  .bt .section-function .panel-light-grayish-blue.point .panel-body {
    padding: 10px
  }

  .bt .section-function .media.systemconfig {
    margin-top: 20px
  }

  .bt .section-function .nav-tabs {
    margin-top: 25px;
    margin-bottom: 15px
  }

  .bt .section-function .nav-tabs li+li a {
    margin-left: 3px
  }

  .bt .section-function .nav-tabs li a {
    line-height: 1.4
  }

  .bt .section-function .img-04 .img-04-sm {
    display: block;
    width: 160px;
    margin-top: 10px
  }
}

.bt .section-function.arrow-gray-top {
  position: relative;
  padding-top: 80px
}

.bt .section-function.arrow-gray-top:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0;
  border-color: #f1f2f3 transparent transparent;
  content: ""
}

.bt .section-function .lead {
  margin-bottom: 50px
}

.bt .section-function .lead-md {
  margin-bottom: 26px
}

.bt .section-function .container {
  padding-top: 55px;
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-function .lead-md {
    margin-bottom: 18px
  }

  .bt .section-function .container {
    padding-top: 36px;
    padding-bottom: 52px
  }
}

.bt .section-function .container-configuration,
.bt .section-function .container-problem {
  padding-top: 0
}

.bt .section-function .configuration-2,
.bt .section-function .img-problem {
  margin-top: 31px
}

@media (max-width:767px) {

  .bt .section-function .configuration-2,
  .bt .section-function .img-problem {
    margin-top: 20px
  }
}

.bt .section-function .configuration-4 {
  margin-top: 45px;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .bt .section-function .configuration-4 {
    margin-top: 30px;
    margin-bottom: 0
  }
}

.bt .section-function .mb-sm {
  margin-bottom: 18px
}

@media (max-width:767px) {
  .bt .section-function .mb-sm {
    margin-bottom: 12px
  }
}

.bt .section-function .img-target-3 {
  margin-top: 29px;
  margin-bottom: 53px
}

@media (max-width:767px) {
  .bt .section-function .img-target-3 {
    margin-top: 20px;
    margin-bottom: 0
  }
}

.bt .section-function .img-target-4 {
  margin-top: 26px;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .bt .section-function .img-target-4 {
    margin-top: 16px;
    margin-bottom: 0
  }

  .bt .section-function .row>div:last-of-type .well-problem {
    margin-bottom: 0
  }
}

.bt .section-function .lead-management {
  margin-top: 25px;
  margin-bottom: 27px
}

@media (max-width:767px) {
  .bt .section-function .lead-management {
    margin-top: 16px;
    margin-bottom: 20px
  }
}

.bt .section-function .container-function {
  padding-top: 42px
}

.bt .section-function .lead-center {
  margin-bottom: 73px
}

.bt .section-function .title-3 {
  margin-top: 73px
}

@media (max-width:767px) {
  .bt .section-function .lead-center {
    margin-bottom: 48px;
    font-size: 16px
  }

  .bt .section-function .title-3 {
    margin-top: 50px
  }
}

.bt .section-function .title-section {
  margin-top: 61px
}

.bt .section-function .title-sm {
  font-size: 18px;
  padding: 3px 0 3px 13px
}

@media (max-width:767px) {
  .bt .section-function .title-section {
    margin-top: 40px
  }

  .bt .section-function .title-sm {
    padding: 3px 0 3px 8px
  }
}

.bt .section-function .sound-recording {
  white-space: nowrap
}

.bt .section-function .container-center {
  padding-top: 57px;
  padding-bottom: 26px
}

.bt .section-new-function {
  padding-bottom: 86px;
  font-size: 18px
}

.bt .section-new-function .media {
  margin-bottom: 60px;
  line-height: 1.5
}

@media (max-width:767px) {
  .bt .section-function .container-center {
    padding-top: 20px;
    padding-bottom: 16px
  }

  .bt .section-function .container-center .lead {
    margin-bottom: 32px
  }

  .bt .section-new-function {
    padding-bottom: 45px;
    font-size: 14px
  }

  .bt .section-new-function .media {
    margin-bottom: 40px
  }

  .bt .process-container {
    max-width: 100%;
    overflow-y: auto
  }
}

.bt .section-new-function .media .btn-border-orange {
  padding: 2px 17px 1px;
  margin-top: 27px;
  margin-bottom: 30px
}

.bt .section-new-function .media .btn-border-orange:hover {
  color: #fff;
  background-color: red
}

.bt .section-new-function .media .btn-border-orange:hover .icon-arrow-right-orange.right {
  background-position: 100% 100%
}

.bt .section-new-function .media .btn-border-orange .icon-arrow-right-orange {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-orange-hover.png) 0 50% no-repeat
}

.bt .section-new-function .media .btn-border-orange .icon-arrow-right-orange.right {
  padding-right: 10px;
  padding-left: 0;
  background-position: 100% 50%
}

.bt .section-new-function .media dl dd a:hover {
  color: red !important;
  text-decoration: none
}

.bt .section-new-function .table dl {
  margin-top: 10px
}

.bt .section-new-function .table dl dt {
  padding-right: 0
}

.bt .section-best-practice .bp_box {
  padding: 35px
}

.bt .section-best-practice .bp_box.border-orange {
  border: 2px solid #d6a311
}

.bt .section-best-practice .bp_box.border-green {
  border: 2px solid #7aac38
}

.bt .section-best-practice .bp_box.border-light-blue {
  border: 2px solid #0099d5
}

.bt .section-best-practice .process {
  margin: 0 auto
}

.bt .section-best-practice .process .process_head_title {
  padding: 10px 0;
  margin-bottom: 8px;
  color: #fff;
  background-color: #636568;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center
}

.bt .section-best-practice .process .process-wrap {
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row no-wrap;
  flex-flow: row no-wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .bt .section-best-practice {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-best-practice .bp_box {
    padding: 15px
  }

  .bt .section-best-practice .process .process-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 910px
  }

  .bt .section-best-practice .process .ind .color_title-2.pimp1:after,
  .bt .section-best-practice .process .ind .color_title-2.pimp2:after,
  .bt .section-best-practice .process .ind .color_title-2.pimp3:after {
    display: none
  }
}

.bt .section-best-practice .process .ind {
  width: 25%
}

.bt .section-best-practice .process .ind p {
  margin-bottom: 0
}

.bt .section-best-practice .process .ind h4 {
  margin: 0;
  border-left: 0
}

.bt .section-best-practice .process .ind .clear {
  clear: both
}

.bt .section-best-practice .process .ind .color_title-1 {
  float: none;
  padding: 8px 0 8px 20px;
  font-size: 15px;
  text-align: left;
  color: #fff
}

.bt .section-best-practice .process .ind .color_title-1.width-half {
  float: left;
  width: 50%;
  font-size: 13px;
  padding: 9px 0 10px;
  text-align: center
}

.bt .section-best-practice .process .ind .color_title-1.yellow {
  background-color: #8c680b
}

.bt .section-best-practice .process .ind .color_title-1.green {
  background-color: #506e24
}

.bt .section-best-practice .process .ind .color_title-1.purple {
  background-color: #52004e
}

.bt .section-best-practice .process .ind .color_title-1.blue {
  background-color: #006187
}

.bt .section-best-practice .process .ind .color_title-1.blue-gray {
  background-color: #676e7d
}

.bt .section-best-practice .process .ind .color_title-2 {
  float: none;
  padding: 22px 0 22px 20px;
  text-align: left;
  color: #fff;
  font-size: 24px;
  font-weight: 700
}

.bt .section-best-practice .process .ind .color_title-2.yellow {
  background-color: #d6a311
}

.bt .section-best-practice .process .ind .color_title-2.green {
  background-color: #7aac38
}

.bt .section-best-practice .process .ind .color_title-2.purple {
  background-color: #7d007c
}

.bt .section-best-practice .process .ind .color_title-2.blue {
  background-color: #0099d5
}

.bt .section-best-practice .process .ind .color_title-2.pimp1,
.bt .section-best-practice .process .ind .color_title-2.pimp2,
.bt .section-best-practice .process .ind .color_title-2.pimp3 {
  position: relative
}

.bt .section-best-practice .process .ind .color_title-2.pimp1:after,
.bt .section-best-practice .process .ind .color_title-2.pimp2:after,
.bt .section-best-practice .process .ind .color_title-2.pimp3:after {
  left: 100%;
  top: 50%;
  border: 10px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -10px;
  z-index: 10
}

.bt .section-best-practice .process .ind .color_title-2.pimp1 {
  background: #d6a311
}

.bt .section-best-practice .process .ind .color_title-2.pimp1:after {
  border-left-color: #d6a311
}

.bt .section-best-practice .process .ind .color_title-2.pimp2 {
  background: #7aac38
}

.bt .section-best-practice .process .ind .color_title-2.pimp2:after {
  border-left-color: #7aac38
}

.bt .section-best-practice .process .ind .color_title-2.pimp3 {
  background: #7d007c
}

.bt .section-best-practice .process .ind .color_title-2.pimp3:after {
  border-left-color: #7d007c
}

.bt .section-best-practice .process .ind .color_contents {
  float: none;
  text-align: left;
  padding: 20px 0 20px 20px
}

.bt .section-best-practice .process .ind .color_contents h5 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 18px;
  padding-bottom: 5px
}

.bt .section-best-practice .process .ind .color_contents dl {
  margin: 5px 0
}

.bt .section-best-practice .process .ind .color_contents dl.mr {
  margin-right: 20px
}

.bt .section-best-practice .process .ind .color_contents dl dd {
  font-size: 16px
}

.bt .section-best-practice .process .ind .color_contents.yellow {
  color: #000
}

.bt .section-best-practice .process .ind .color_contents.yellow h5 {
  color: #d6a311;
  border-bottom: 2px solid #d6a311
}

.bt .section-best-practice .process .ind .color_contents.yellow dt {
  color: #ebd188
}

.bt .section-best-practice .process .ind .color_contents.green {
  color: #000
}

.bt .section-best-practice .process .ind .color_contents.green h5 {
  color: #7aac38;
  border-bottom: 2px solid #7aac38
}

.bt .section-best-practice .process .ind .color_contents.green dt {
  color: #bcd59b
}

.bt .section-best-practice .process .ind .color_contents.purple {
  color: #000
}

.bt .section-best-practice .process .ind .color_contents.purple h5 {
  color: #7d007c;
  border-bottom: 2px solid #7d007c
}

.bt .section-best-practice .process .ind .color_contents.purple dt {
  color: #be80be
}

.bt .section-best-practice .process .ind .color_contents.blue {
  color: #000
}

.bt .section-best-practice .process .ind .color_contents.blue h5 {
  color: #0099d5;
  border-bottom: 2px solid #0099d5
}

.bt .section-best-practice .process .ind .color_contents.blue dt {
  color: #80ccea
}

.bt .section-best-practice .process .ind .color_contents.blue dt.light-gray {
  color: #c5ccd6
}

.bt .section-best-reason h4 {
  padding: 0;
  border-left: 0
}

.bt .section-best-reason .title-on-border {
  margin-top: -20px;
  margin-bottom: 41px
}

@media (min-width:768px) {
  .bt .section-function .col-sm {
    width: 31%
  }

  .bt .section-function .col-md {
    width: 38%
  }

  .bt .section-new-function .table {
    font-size: 16px
  }

  .bt .section-new-function .table>tbody>tr>th {
    width: 130px
  }

  .bt .section-new-function .table dl {
    padding-left: 10px
  }

  .bt .section-best-practice .process {
    width: 910px
  }

  .bt .section-best-reason .reason-box {
    padding-top: 17px
  }
}

.bt .section-best-reason .reason-box p {
  font-size: 18px;
  line-height: 1.56
}

.bt .section-best-reason .reason-box .title-wrap {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt .section-best-reason {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-best-reason .title-on-border {
    margin-bottom: 20px
  }

  .bt .section-best-reason .reason-box p {
    font-size: 14px
  }

  .bt .section-best-reason .reason-box .title-wrap {
    margin-bottom: 20px
  }
}

.bt .section-best-reason .reason-box .title-wrap h2.title {
  display: table-cell;
  width: 66px;
  height: 66px;
  padding: 8px 7px 6px;
  margin: auto;
  font-size: 18px;
  color: #fff;
  border-top: 0;
  text-align: center;
  vertical-align: middle
}

.bt .section-best-reason .reason-box .title-wrap h2.title strong {
  font-weight: 400;
  font-size: 26px
}

.bt .section-best-reason .reason-box .title-wrap h3.title-black-2 {
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px
}

.bt .section-best-reason .lead {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.56
}

@media (min-width:768px) {
  .bt .section-best-reason .lead {
    padding-top: 10px;
    margin-bottom: 11px;
    font-size: 18px
  }
}

.bt .section-best-reason .panel-dark-grayish-blue .panel-heading {
  padding: 18px 10px 10px
}

.bt .section-best-reason .panel-dark-grayish-blue .panel-heading h4 {
  font-size: 22px;
  font-weight: 400
}

.bt .section-best-reason .well-white {
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px
}

.bt .section-best-reason .well-white .media .media-body {
  padding-top: 9px
}

.bt .section-best-reason .well-white .media .media-right {
  padding-top: 10px
}

.bt .section-best-reason .dl-list-indent {
  width: 100%;
  text-align: center
}

.bt .section-best-reason .dl-list-indent dd,
.bt .section-best-reason .dl-list-indent dt {
  padding: 7px 15px 6px;
  vertical-align: middle
}

.bt .section-best-reason .dl-list-indent dt {
  word-break: keep-all;
  font-size: 16px
}

@media (max-width:767px) {
  .bt .section-best-reason .well-white {
    padding: 20px;
    margin-bottom: 20px
  }

  .bt .section-best-reason .dl-list-indent dt {
    font-size: 14px
  }
}

.bt .section-best-reason .dl-list-indent dd {
  font-size: 18px;
  font-weight: 700;
  text-align: left
}

.bt .section-best-reason .dl-list-indent.gold {
  color: #fff
}

.bt .section-best-reason .dl-list-indent.gold dt {
  background-color: #7d6232
}

.bt .section-best-reason .dl-list-indent.gold dd {
  background-color: #c89f58
}

.bt .section-best-reason .dl-list-indent.purple {
  color: #fff
}

.bt .section-best-reason .dl-list-indent.purple dt {
  background-color: #6f5472
}

.bt .section-best-reason .dl-list-indent.purple dd {
  background-color: #b089b3
}

.bt .section-comparison {
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-best-reason .dl-list-indent dd {
    font-size: 16px
  }

  .bt .section-comparison {
    padding-right: 10px;
    padding-bottom: 60px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-comparison .section-title {
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: 400;
  text-align: center
}

.bt .section-comparison .section-title.section-title-sm {
  margin-bottom: 35px
}

.bt .section-comparison .title-strong-blue small {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.4
}

@media (min-width:768px) {
  .bt .section-best-reason .well-white .media .media-right {
    padding-top: 0;
    padding-right: 35px;
    padding-left: 25px
  }

  .bt .section-comparison .container {
    width: 1012px
  }

  .bt .section-comparison .section-title {
    margin-top: 70px;
    margin-bottom: 45px
  }

  .bt .section-comparison .title-strong-blue small {
    margin-top: 10px;
    font-size: 23px
  }
}

.bt .section-comparison .lead {
  margin-bottom: 15px;
  font-size: 16px
}

.bt .section-comparison .btn-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px
}

.bt .section-comparison .btn-container.btn-container-lg {
  max-width: 626px
}

@media (min-width:768px) {
  .bt .section-comparison .lead {
    margin-bottom: 27px;
    font-size: 18px;
    line-height: 1.556
  }

  .bt .section-comparison .lead p {
    margin-bottom: 15px
  }

  .bt .section-comparison .btn-container {
    margin-top: 50px
  }

  .bt .section-comparison .btn-container.btn-container-lg {
    margin-top: 80px
  }

  .bt .section-footer-banner {
    font-size: 18px
  }
}

.bt .section-comparison .btn-container .btn {
  margin-top: 0
}

.bt .section-auth-flow {
  position: relative;
  margin-top: 80px;
  margin-bottom: 100px
}

.bt .section-auth-flow .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0
}

.bt .section-footer-banner {
  padding-bottom: 80px;
  background-color: #52657d
}

@media (min-width:768px) {
  .bt .section-footer-banner {
    padding-bottom: 30px;
  }
}

.bt .section-footer-banner .section-title {
  margin-top: 35px
}

.bt .section-footer-banner .title {
  font-weight: 700
}

@media (min-width:768px) {
  .bt .section-footer-banner .section-title {
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 34px
  }

  .bt .section-footer-banner .title {
    font-size: 21px
  }
}

@media (max-width:767px) {
  .bt .section-auth-flow {
    margin-top: 40px;
    margin-bottom: 50px
  }

  .bt .section-footer-banner {
    padding-bottom: 40px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-footer-banner .row>div+div {
    margin-top: 40px
  }

  .bt .section-footer-banner .title {
    margin-top: 10px;
    margin-bottom: 5px
  }
}

@media (min-width:768px) {
  .bt .section-footer-banner .btn {
    padding-right: 65px;
    padding-left: 65px;
    margin-top: 15px
  }
}

.bt .section-footer-banner hr {
  margin-top: 60px
}

.bt .section-footer-banner .bg-blue-gray {
  background-color: #64758a
}

.bt .section-footer-banner .bg-blue-gray h3 {
  margin-top: 0
}

.bt .section-footer-banner .bg-blue-gray.space {
  padding: 37px 20px 18px;
}

.bt .section-footer-banner .bg-blue-gray .title {
  margin-bottom: 18px;
  color: #fff
}

@media (max-width:767px) {
  .bt .section-footer-banner hr {
    margin-top: 20px;
    margin-bottom: 30px
  }

  .bt .section-footer-banner .bg-blue-gray.space {
    padding: 30px
  }

  .bt .section-footer-banner .bg-blue-gray .title {
    font-size: 20px
  }
}

@media (max-width:479px) {
  .bt .section-footer-banner .bg-blue-gray .title {
    font-size: 18px
  }
}

.bt .section-footer-banner .bg-blue-gray p {
  color: #fff
}

.bt .section-footer-banner .lead {
  margin-bottom: 0
}

.bt .section-footer-banner .container-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
  margin-top: 25px
}

@media (max-width:767px) {
  .bt .section-footer-banner .bg-blue-gray .sm {
    font-size: 16px
  }

  .bt .section-footer-banner .lead img {
    width: 100%
  }

  .bt .section-footer-banner .container-btn {
    margin-top: 20px
  }
}

.bt .section-footer-banner .btn-border-orange-sm {
  padding: 9px 20px;
  margin-top: 0;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-footer-banner .btn-border-orange-sm {
    padding: 10px 20px;
    margin-top: 0;
    font-size: 16px
  }
}

.bt .section-footer-banner .btn-border-orange-sm:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-footer-banner .btn-border-orange-sm:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-footer-banner .title-strong-white {
  margin-top: 72px
}

.bt .section-footer-banner .container {
  max-width: 1010px
}

@media (max-width:767px) {
  .bt .section-footer-banner .title-strong-white {
    margin-top: 50px;
    margin-bottom: 25px
  }

  .bt .section-footer-banner .container {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-account {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

@media (min-width:768px) {
  .bt .section-account .nav-tabs {
    width: 640px;
    margin-bottom: 35px
  }

  .bt .section-ability .inner {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
}

.bt .section-past-releases {
  padding-bottom: 60px
}

@media (max-width:767px) {
  .bt .section-past-releases {
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-past-releases .title {
  margin-top: 50px;
  margin-bottom: 0
}

.bt .section-super-user .caption {
  margin-bottom: 25px;
  line-height: 1.556
}

.bt .section-super-user .img-01-container {
  position: relative
}

.bt .section-super-user .img-01-container .img-01-dot-red {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  margin-right: auto;
  margin-left: auto
}

.movie-wrap {
  position: relative !important;
  padding-bottom: 56.25% !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 auto !important
}

.movie-wrap iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important
}

.bt .section-ability {
  padding: 0 15px 79px;
  line-height: 1.556;
  overflow-x: hidden
}

.bt .section-ability p {
  margin-bottom: 17px
}

.bt .section-ability.with-arrow {
  padding-top: 0
}

.bt .section-ability.with-arrow .inner {
  margin-top: 45px
}

.bt .section-ability .container-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
  margin-top: 46px;
  font-size: 18px
}

.bt .section-ability .text-lg {
  margin-bottom: 63px;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-ability {
    padding-bottom: 40px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-ability .container-btn,
  .bt .section-ability.with-arrow .inner {
    margin-top: 30px
  }

  .bt .section-ability .text-lg {
    margin-bottom: 30px;
    font-size: 16px
  }
}

.bt .section-ability .text-id {
  margin-top: 38px;
  margin-bottom: 0;
  font-size: 18px;
  text-align: center
}

.bt .section-ability .text-blue {
  color: #9ccde9
}

.bt .section-ability .arrow-right {
  position: relative
}

.bt .section-ability .arrow-right:after {
  position: absolute;
  width: 18px;
  height: 61px;
  top: 30px;
  right: -9px;
  background: url(../img/common/arrow-r-blue.png) no-repeat;
  content: ""
}

@media (max-width:767px) {
  .bt .section-ability .text-id {
    margin-top: 15px;
    margin-bottom: 50px;
    font-size: 16px
  }

  .bt .section-ability .arrow-right:after {
    top: auto;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: -53px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.bt .section-ability .col-last {
  padding-right: 10px;
  padding-left: 10px
}

.bt .section-ability .btn-border-orange-sm {
  padding: 10px 30px 8px;
  font-size: 18px
}

.bt .section-ability .btn-border-orange-sm:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-ability .btn-border-orange-sm:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-introduction {
  padding-bottom: 80px;
  background-color: #f1f2f3
}

@media (max-width:767px) {
  .bt .section-ability .btn-border-orange-sm {
    padding: 10px 20px;
    margin-top: 0;
    font-size: 16px
  }

  .bt .section-introduction {
    padding-bottom: 40px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-introduction .container {
    padding-right: 10px;
    padding-left: 10px
  }
}

.bt .section-introduction .btn-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
  margin-top: 10px
}

.bt .section-introduction .btn-border-orange-sm {
  padding: 9px 20px;
  margin-top: 0;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-introduction .btn-border-orange-sm {
    padding: 10px 20px;
    margin-top: 0;
    font-size: 16px
  }
}

.bt .section-introduction .btn-border-orange-sm:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-introduction .btn-border-orange-sm:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-introduction .title-strong-blue {
  margin-top: 47px !important
}

@media (max-width:767px) {
  .bt .section-introduction .title-strong-blue {
    margin-top: 30px !important;
    margin-bottom: 15px
  }
}

.bt .section-introduction .media-body {
  padding-top: 26px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700
}

@media (max-width:991px) {
  .bt .section-introduction .media-body {
    padding: 20px;
    font-size: 16px
  }
}

.bt .section-introduction .media-left {
  padding-right: 25px
}

.bt .section-introduction .media-left .media-object {
  display: inline-block
}

.bt .section-introduction .logo {
  margin-top: 44px;
  margin-bottom: 30px
}

@media (max-width:991px) {
  .bt .section-introduction .media-left {
    display: block;
    padding-right: 0
  }

  .bt .section-introduction .logo {
    margin-right: auto;
    margin-left: auto
  }
}

.bt .section-introduction .fs-sm {
  display: inline-block;
  font-size: 18px
}

.bt .section-introduction .btn-sm {
  padding: 6px 12px 2px
}

.bt .section-link {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #333
}

@media (max-width:767px) {
  .bt .section-introduction .logo {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .bt .section-introduction .fs-sm {
    font-size: 16px
  }

  .bt .section-introduction .btn-sm {
    font-size: 13px
  }

  .bt .section-introduction .sm-introduction {
    font-size: 16px
  }

  .bt .section-link {
    padding: 40px 15px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-link li a {
  color: #fff
}

.bt .section-link li a:hover {
  text-decoration: underline
}

.bt .section-link .list-border-left {
  position: relative;
  padding-left: 17px;
  margin-bottom: 27px
}

.bt .section-link .list-border-left:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 99%;
  background-color: #555a62;
  content: ""
}

.bt .section-link .list-border-left>li .title,
.bt .section-link .list-border-left>li>a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  color: #fff
}

.bt .section-link .list-bullet {
  padding-top: 6px;
  padding-bottom: 1px;
  padding-left: 10px
}

.bt .section-link .list-bullet>li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 5px;
  line-height: 1.25
}

@media (max-width:767px) {
  .bt .section-link .list-border-left {
    margin-bottom: 20px
  }

  .bt .section-link .list-bullet>li {
    margin-bottom: 10px
  }
}

.bt .section-link .list-bullet>li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  width: 5px;
  margin: auto 5px auto 0;
  color: #fff;
  content: "-"
}

.bt .section-link .list-bullet>li>a {
  font-size: 14px
}

.bt .section-link .list-dots {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 5px;
  margin-bottom: 10px
}

.bt .section-link .list-dots>li {
  position: relative;
  padding-left: 6px
}

.bt .section-link .list-dots>li:before {
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  margin: auto 0;
  line-height: 1.1;
  color: #fff;
  content: "."
}

.bt .section-link .list-dots>li>a {
  font-size: 14px
}

.bt .section-link .logo {
  margin-bottom: 30px
}

.bt .section-link .text-nowrap {
  white-space: nowrap
}

@media (min-width:768px) {
  .bt .section-link .list-border-left.list-last {
    margin-bottom: 0
  }

  .bt .section-link .col-sm-1 {
    width: 25%
  }

  .bt .section-link .col-sm-2 {
    width: 26.5%
  }

  .bt .section-link .col-sm-2 .list-bullet>li {
    margin-bottom: 8px
  }

  .bt .section-link .col-sm-3 {
    width: 24%
  }

  .bt .section-link .col-sm-3 .list-border-left {
    margin-bottom: 21px
  }

  .bt .section-link .col-sm-4 {
    width: 24.5%
  }

  .bt .section-link .col-sm-4 .list-border-left {
    margin-bottom: 23px
  }
}

@media (min-width:768px) and (min-width:992px) {
  .bt .section-link .col-sm-4 .nowrap {
    white-space: nowrap
  }
}

.bt .section-privileged-id-management {
  padding-bottom: 99px
}

.bt .section-privileged-id-management .title-shape-orange {
  background: url(../img/common/shape-dark-orange.png) 50% 0 no-repeat
}

.bt .section-privileged-id-management .space-col-4 {
  padding-right: 27px
}

.bt .section-privileged-id-management .space-col-8 {
  padding-left: 18px
}

.bt .section-privileged-id-management .row.function-use {
  margin-top: 22px;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .bt .section-privileged-id-management {
    padding-bottom: 49px
  }

  .bt .section-privileged-id-management .space-col-4 {
    padding-right: 10px
  }

  .bt .section-privileged-id-management .space-col-8 {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-privileged-id-management .row.function-use {
    margin-top: 15px;
    margin-bottom: 10px
  }
}

.bt .section-privileged-id-management .row.function-change-account {
  margin-top: 19px
}

.bt .section-operation-image {
  padding-bottom: 80px;
  line-height: 1.556
}

.bt .section-operation-image .title-strong-blue {
  margin: 40px 0 37px
}

@media (max-width:767px) {
  .bt .section-privileged-id-management .row.function-change-account {
    margin-top: 12px
  }

  .bt .section-operation-image {
    padding-bottom: 40px
  }

  .bt .section-operation-image .title-strong-blue {
    margin: 0 0 20px
  }
}

.bt .section-operation-image .lead {
  margin-top: 20px;
  margin-bottom: 45px;
  font-size: 18px;
  line-height: 1.56
}

@media (max-width:767px) {
  .bt .section-operation-image .lead {
    margin-bottom: 20px
  }
}

.bt .section-operation-image .img-2 {
  margin-top: 45px;
  margin-bottom: 43px
}

@media (max-width:767px) {
  .bt .section-operation-image .img-2 {
    margin-top: 25px;
    margin-bottom: 25px
  }

  .bt .section-target-recording .row>div+div {
    margin-top: 50px
  }
}

.bt .section-operation-image .container {
  max-width: 1040px;
  width: 100%
}

.bt .section-id-rent .pict-2 {
  margin-bottom: 50px
}

.bt .section-id-rent .table .col-1 {
  width: 20%
}

.bt .section-movie-capacity .table {
  margin-bottom: 18px
}

@media (max-width:767px) {
  .bt .section-movie-capacity .table {
    margin-bottom: 0
  }
}

.bt .section-movie-capacity .dl-list-indent {
  margin-bottom: 5px
}

.bt .section-support-target .table {
  margin-bottom: 18px
}

.bt .section-support-target .table>tbody>tr>td {
  padding: 17px 10px 17px 17px;
  vertical-align: middle
}

.bt .section-support-target .table>tbody>tr>th {
  background: 0 0;
  font-weight: 400;
  vertical-align: middle
}

.bt .section-support-target .table>thead>tr>th {
  color: #fff !important
}

.bt .section-support-target .table .col-1 {
  width: 25%
}

@media (max-width:991px) {
  .bt .section-support-target .table .col-1 {
    width: 30%
  }
}

.bt .section-support-target .dl-list-indent {
  margin-bottom: 5px
}

@media (min-width:768px) {
  .bt .section-operation-image .img-2 {
    padding-left: 37px
  }

  .bt .section-target-recording .img-5 {
    margin-top: 40px
  }

  .bt .section-movie-capacity .dl-list-indent,
  .bt .section-support-target .dl-list-indent {
    font-size: 16px
  }
}

.bt .section-support-target .container-support-target {
  padding-top: 50px;
  padding-bottom: 92px
}

.bt .section-no-1 {
  position: relative;
  padding-top: 19px;
  padding-bottom: 29px;
  color: #fff;
  background-color: #0068b7
}

.bt .section-no-1 .inner {
  position: relative;
  max-width: 350px
}

.bt .section-no-1 .inner ul {
  padding-left: 0;
  margin-bottom: 0
}

.bt .section-no-1 .inner .li-first {
  margin-bottom: 11px
}

.bt .section-no-1 .inner .li-last {
  margin-top: 6px
}

.bt .section-no-1 .text-sm {
  margin-bottom: 3px;
  font-size: 15px
}

@media (max-width:767px) {
  .bt .section-support-target .table>tbody>tr>td {
    padding: 12px
  }

  .bt .section-support-target .table>tbody>tr>th {
    padding: 16px 10px
  }

  .bt .section-support-target .table .col-1 {
    width: 38%
  }

  .bt .section-support-target .container-support-target {
    padding-top: 32px;
    padding-bottom: 40px
  }

  .bt .section-no-1 {
    padding-top: 15px;
    padding-bottom: 25px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-no-1 .container {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-no-1 .inner {
    margin-right: auto;
    margin-left: auto
  }

  .bt .section-no-1 .text-sm {
    font-size: 13px
  }
}

.bt .section-no-1 .text-sm.text-sm-last {
  margin-bottom: 5px
}

.bt .section-no-1 .btn {
  position: relative;
  width: 100%;
  padding: 10px 10px 9px;
  font-size: 16px;
  font-weight: 700
}

.bt .section-no-1 .btn:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto 0;
  background: url(../img/common/arrow-right.png) no-repeat;
  content: ""
}

.bt .section-list {
  padding-bottom: 105px
}

.bt .section-list .title-strong-blue {
  margin-top: 48px;
  margin-bottom: 35px
}

@media (max-width:767px) {
  .bt .section-no-1 .btn {
    padding: 8px;
    font-size: 14px
  }

  .bt .section-list {
    padding-bottom: 45px
  }

  .bt .section-list .title-strong-blue {
    margin-top: 32px;
    margin-bottom: 22px
  }
}

.bt .section-list .sm-list {
  margin-bottom: 58px !important
}

.bt .section-information-book {
  padding-bottom: 80px;
  background-color: #f1f2f3
}

.bt .section-information-book .inner dt {
  white-space: nowrap;
  padding-right: 31px
}

@media (max-width:767px) {
  .bt .section-list .sm-list {
    margin-bottom: 30px !important;
    font-size: 16px
  }

  .bt .section-information-book {
    padding-bottom: 40px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-information-book .inner dt {
    padding-right: 0;
    margin-bottom: 5px;
    font-size: 16px
  }
}

@media (max-width:479px) {

  .bt .section-footer-banner .bg-blue-gray .sm,
  .bt .section-information-book .inner dt {
    font-size: 14px
  }
}

.bt .section-information-book .inner dl {
  padding: 28px 30px 25px
}

@media (max-width:767px) {
  .bt .section-information-book .inner dl {
    padding: 20px;
    font-size: 16px
  }
}

@media (max-width:479px) {
  .bt .section-information-book .inner dl {
    font-size: 14px
  }
}

.bt .section-information-book .inner dd a {
  color: #09f
}

.bt .section-information-book .bg-white {
  background-color: #fff
}

.bt .section-information-book .container-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
  margin-top: 25px
}

@media (max-width:767px) {
  .bt .section-information-book .container-btn {
    margin-top: 20px
  }
}

.bt .section-information-book .btn-border-orange-sm {
  padding: 9px 20px;
  margin-top: 0;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-information-book .btn-border-orange-sm {
    padding: 10px 20px;
    margin-top: 0;
    font-size: 16px
  }
}

.bt .section-information-book .btn-border-orange-sm:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-information-book .btn-border-orange-sm:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-information-book .title-strong-blue {
  margin-top: 47px !important
}

.bt .section-event {
  padding-bottom: 80px
}

.bt .section-event .inner dt {
  white-space: nowrap;
  padding-right: 31px
}

@media (max-width:767px) {
  .bt .section-information-book .title-strong-blue {
    margin-top: 32px !important;
    margin-bottom: 22px
  }

  .bt .section-information-book .container {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-event {
    padding-bottom: 40px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-event .inner dt {
    padding-right: 0;
    margin-bottom: 5px;
    font-size: 16px
  }
}

@media (max-width:479px) {
  .bt .section-event .inner dt {
    font-size: 14px
  }
}

.bt .section-event .inner dl {
  padding: 28px 30px 25px
}

.bt .section-event .inner dd a {
  color: #09f
}

.bt .section-event .bg-light-gray {
  background-color: #f1f2f3
}

.bt .section-event .container-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
  margin-top: 49px
}

@media (max-width:767px) {
  .bt .section-event .inner dl {
    padding: 20px;
    font-size: 16px
  }

  .bt .section-event .container-btn {
    margin-top: 32px
  }
}

.bt .section-event .btn-border-orange-sm {
  padding: 9px 20px;
  margin-top: 0;
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-event .btn-border-orange-sm {
    padding: 10px 20px;
    margin-top: 0;
    font-size: 16px
  }
}

.bt .section-event .btn-border-orange-sm:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-event .btn-border-orange-sm:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-event .title-strong-blue {
  margin-top: 47px !important
}

.bt .section-problem-solving {
  padding-bottom: 94px;
  background-color: #f1f2f3
}

@media (max-width:767px) {
  .bt .section-event .title-strong-blue {
    margin-top: 32px !important;
    margin-bottom: 22px
  }

  .bt .section-event .container {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-problem-solving {
    padding-bottom: 40px
  }
}

.bt .section-problem-solving .list {
  padding-left: 13px;
  padding-right: 13px;
  margin-top: 46px;
  margin-bottom: 0;
  font-size: 16px;
  color: #24a0fe
}

@media (max-width:767px) {
  .bt .section-problem-solving .list {
    width: 50%;
    padding: 0;
    margin: 15px auto 20px;
    font-size: 14px
  }
}

.bt .section-problem-solving .list li {
  position: relative;
  padding-left: 21px;
  line-height: 1.625
}

.bt .section-problem-solving .list li:before {
  position: absolute;
  width: 10px;
  height: 5px;
  left: 0;
  top: 9px;
  background: url(../img/icon/arrow-single-down-orange.png) no-repeat;
  content: ""
}

.bt .section-problem-solving .list li:first-of-type {
  margin-bottom: 17px
}

.bt .section-problem-solving .list li a {
  color: #09f
}

.bt .section-problem-solving .title-strong-blue {
  margin-top: 44px;
  margin-bottom: 56px
}

.bt .section-features {
  padding-bottom: 60px
}

@media (max-width:767px) {
  .bt .section-problem-solving .list li:before {
    top: 7px
  }

  .bt .section-problem-solving .list li:first-of-type {
    margin-bottom: 10px
  }

  .bt .section-problem-solving .title-strong-blue {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 36px
  }

  .bt .section-problem-solving .space-img {
    margin-top: 15px
  }

  .bt .section-features {
    padding-bottom: 40px;
    font-size: 14px
  }
}

@media (min-width:768px) {
  .bt .section-features .title {
    margin-top: 40px;
    margin-bottom: 35px
  }
}

.bt .section-features .title-dark-blue-border-bottom {
  padding-bottom: 3px
}

.bt .section-features .title-dark-blue-border-bottom:before {
  width: 14px;
  height: 14px
}

.bt .section-features .lead {
  margin-top: 23px;
  margin-bottom: 23px;
  font-size: 18px;
  line-height: 1.56
}

.bt .section-features .lead p {
  margin-bottom: 16px
}

@media (max-width:767px) {
  .bt .section-features .title-dark-blue-border-bottom {
    padding-bottom: 0;
    padding-left: 16px
  }

  .bt .section-features .title-dark-blue-border-bottom:before {
    width: 10px;
    height: 10px
  }

  .bt .section-features .lead {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4
  }

  .bt .section-features .lead p {
    margin-bottom: 8px
  }

  .bt .section-features .list-disc-navy-lg {
    margin-bottom: 10px
  }
}

.bt .section-features .panel {
  margin-bottom: 20px
}

.bt .section-features .panel .panel-heading {
  padding-top: 19px;
  padding-bottom: 15px;
  font-size: 22px
}

@media (max-width:767px) {
  .bt .section-features .panel .panel-heading {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 18px
  }
}

.bt .section-features .panel .panel-body {
  padding-bottom: 36px
}

.bt .section-features .btn-border-orange-sm {
  position: relative;
  padding: 9px 10px;
  font-size: 18px
}

.bt .section-features .btn-border-orange-sm:after {
  position: absolute;
  width: 9px;
  height: 10px;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../img/common/arrow-r-orange.png) no-repeat;
  content: ""
}

.bt .section-features .btn-border-orange-sm:hover:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-features .text-sm {
  margin-bottom: 43px;
  font-size: 16px
}

@media (max-width:767px) {
  .bt .section-features .panel .panel-body {
    padding: 15px;
    font-size: 14px
  }

  .bt .section-features .btn-border-orange-sm {
    margin-top: 0
  }

  .bt .section-features .text-sm {
    margin-bottom: 28px;
    font-size: 14px
  }
}

.bt .section-features .container-btn {
  max-width: 566px;
  margin: 80px auto 75px
}

.bt .section-features .container-btn .btn-border-orange-sm {
  width: 100%;
  margin-top: 0
}

@media (max-width:767px) {
  .bt .section-features .container-btn {
    margin: 50px auto
  }

  .bt .section-features .container-btn .btn-border-orange-sm {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px
  }
}

.bt .section-features .img-2 {
  margin-top: 45px
}

@media (max-width:767px) {
  .bt .section-features .img-2 {
    margin-top: 30px
  }
}

.bt .section-features .img-3 {
  margin-top: 53px
}

@media (max-width:767px) {
  .bt .section-features .img-3 {
    margin-top: 34px
  }
}

.bt .section-features .container-btn-sm {
  max-width: 400px;
  margin-top: 53px;
  margin-bottom: 20px
}

.bt .section-lending-privilege-id {
  padding-bottom: 96px;
  background-color: #f1f2f3
}

.bt .section-lending-privilege-id .title-shape-green {
  background: url(../img/common/shape-dark-green.png) 50% 0 no-repeat
}

.bt .section-lending-privilege-id .row.function-use {
  margin-top: 22px;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .bt .section-features .container-btn-sm {
    margin-top: 34px;
    margin-bottom: 12px
  }

  .bt .section-lending-privilege-id {
    padding-right: 10px;
    padding-bottom: 64px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-lending-privilege-id .row.function-use {
    margin-top: 15px;
    margin-bottom: 10px
  }
}

.bt .section-lending-privilege-id .row.function-change-account {
  margin-top: 19px
}

.bt .section-lending-privilege-id .space-col-4 {
  padding-right: 27px
}

@media (max-width:767px) {
  .bt .section-lending-privilege-id .row.function-change-account {
    margin-top: 12px
  }

  .bt .section-lending-privilege-id .space-col-4 {
    padding-right: 0
  }
}

@media (max-width:479px) {
  .bt .section-event .inner dl {
    font-size: 14px
  }

  .bt .section-problem-solving .list {
    width: 90%
  }

  .bt .section-lending-privilege-id .space-col-4 {
    padding-right: 10px
  }
}

.bt .section-lending-privilege-id .space-col-8 {
  padding-left: 18px
}

.bt .section-check-and-use {
  padding-bottom: 100px
}

.bt .section-check-and-use .title-shape-blue {
  background: url(../img/common/shape-dark-blue.png) 50% 0 no-repeat
}

.bt .section-check-and-use .row.function-use {
  margin-top: 22px;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .bt .section-lending-privilege-id .space-col-8 {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-check-and-use {
    padding-bottom: 60px
  }

  .bt .section-check-and-use .row.function-use {
    margin-top: 15px;
    margin-bottom: 10px
  }
}

.bt .section-check-and-use .row.function-change-account {
  margin-top: 19px
}

.bt .section-check-and-use .space-col-4 {
  padding-right: 27px
}

@media (max-width:767px) {
  .bt .section-check-and-use .row.function-change-account {
    margin-top: 12px
  }

  .bt .section-check-and-use .space-col-4 {
    padding-right: 0
  }
}

@media (max-width:479px) {
  .bt .section-check-and-use .space-col-4 {
    padding-right: 10px
  }
}

.bt .section-check-and-use .space-col-8 {
  padding-left: 18px
}

@media (max-width:767px) {
  .bt .section-check-and-use .space-col-8 {
    padding-right: 10px;
    padding-left: 10px
  }

  .bt .section-check-and-use .title-shape {
    font-size: 20px
  }

  .bt .section-title-white {
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-title-white .title {
  padding-top: 46px;
  padding-bottom: 46px;
  margin: 0;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border: 0
}

@media (max-width:767px) {
  .bt .section-title-white .title {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 22px
  }
}

.bt .section-target-management .container {
  padding-top: 69px;
  padding-bottom: 66px
}

.bt .section-connection .lead {
  margin-bottom: 25px
}

@media (max-width:767px) {
  .bt .section-target-management .container {
    padding-top: 46px;
    padding-bottom: 46px
  }

  .bt .section-connection .lead {
    margin-bottom: 16px
  }
}

.bt .section-connection .container {
  padding-top: 69px;
  padding-bottom: 0
}

.bt .section-connection .mb-img {
  margin-bottom: 50px
}

.bt .section-connection .container-connection {
  padding-bottom: 98px
}

@media (max-width:767px) {
  .bt .section-connection .container {
    padding-top: 46px
  }

  .bt .section-connection .mb-img {
    margin-bottom: 32px
  }

  .bt .section-connection .container-connection {
    padding-bottom: 64px
  }
}

@media (max-width:400px) {
  .bt .section-connection .title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

@media (max-width:419px) {
  .bt .section-configuration-1 .title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

@media (max-width:390px) {
  .bt .section-configuration-2 .title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

@media (max-width:436px) {
  .bt .section-function-target .title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

.bt .section-management .container {
  padding-top: 69px;
  padding-bottom: 0
}

.bt .section-management .lead {
  margin-bottom: 29px
}

@media (max-width:767px) {
  .bt .section-management .container {
    padding-top: 46px
  }

  .bt .section-management .lead {
    margin-bottom: 20px
  }
}

@media (max-width:401px) {
  .bt .section-management .title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

.bt .section-management .mb-img {
  margin-bottom: 10px
}

@media (max-width:767px) {
  .bt .section-management .mb-img {
    margin-bottom: 6px
  }
}

.bt .section-management .title-dot-orange {
  margin-bottom: 18px
}

@media (max-width:437px) {
  .bt .section-management .title-status.title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

@media (max-width:563px) {
  .bt .section-management .title-target.title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

@media (max-width:423px) {
  .bt .section-management .title-idoperation.title-break-line:before {
    border-width: 32px 0 32px 21px
  }
}

.bt .section-management .container-management {
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-management .title-dot-orange {
    margin-bottom: 12px
  }

  .bt .section-management .container-management {
    padding-bottom: 50px
  }
}

.bt .section-report-list .letter-spacing {
  letter-spacing: -.02em
}

.bt .section-report-list .container {
  padding-top: 67px;
  padding-bottom: 0
}

.bt .section-report-list .lead {
  margin-bottom: 31px
}

@media (max-width:767px) {
  .bt .section-report-list .container {
    padding-top: 44px
  }

  .bt .section-report-list .lead {
    margin-bottom: 12px
  }
}

.bt .section-report-list .mb-img {
  margin-bottom: 11px
}

.bt .section-report-list .container-report-list {
  padding-bottom: 89px
}

@media (max-width:767px) {
  .bt .section-report-list .mb-img {
    margin-bottom: 6px
  }

  .bt .section-report-list .container-report-list {
    padding-bottom: 60px
  }
}

.bt .section-environment .no-border {
  margin-bottom: 54px
}

.bt .section-environment .container-environment {
  padding-top: 60px;
  padding-bottom: 60px
}

@media (max-width:767px) {
  .bt .section-environment .no-border {
    margin-top: 14px;
    margin-bottom: 36px
  }

  .bt .section-environment .container-environment {
    padding-top: 40px;
    padding-bottom: 23px
  }
}

.bt .section-environment .col-1 {
  width: 15%
}

.bt .section-environment .letter-spacing {
  letter-spacing: -.02em
}

.bt .section-environment .letter-spacing>dl>dt {
  padding-right: 5px
}

.bt .section-environment .dl-list-indent {
  margin-top: 4px !important
}

.bt .section-environment .table-responsive table>tbody>tr>td {
  white-space: normal
}

.bt .section-environment .table-responsive .nowrap {
  white-space: nowrap
}

.bt .section-environment .table-grayish-blue {
  margin-bottom: 16px
}

.bt .section-environment .table-grayish-blue tbody>tr>td {
  color: #000
}

@media (max-width:767px) {
  .bt .section-environment .table-grayish-blue {
    margin-bottom: 0
  }

  .bt .section-environment .table-grayish-blue td,
  .bt .section-environment .table-grayish-blue th {
    padding: 10px
  }

  .bt .section-environment .table-grayish-blue .min-width {
    min-width: 364px
  }
}

.bt .section-environment .text-check {
  margin-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-environment .text-check {
    margin-bottom: 50px
  }
}

.bt .section-environment .title-border-left-blue-1 {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt .section-environment .title-border-left-blue-1 {
    margin-bottom: 20px
  }
}

.bt .section-breadcrumb-download-documents {
  padding-top: 0
}

.bt .section-breadcrumb-download-documents .breadcrumb {
  margin-top: -19px;
  margin-bottom: 0
}

.bt .section-provides-reporting-process {
  padding-bottom: 52px
}

.bt .section-provides-reporting-process .lead {
  font-size: 18px
}

@media (max-width:767px) {
  .bt .section-breadcrumb-download-documents .breadcrumb {
    margin-top: 0
  }

  .bt .section-provides-reporting-process {
    padding-bottom: 34px
  }

  .bt .section-provides-reporting-process .lead {
    margin-bottom: 14px;
    font-size: 16px
  }
}

.bt .section-provides-reporting-process .title-strong-blue {
  margin-top: 41px;
  margin-bottom: 37px
}

.bt .section-approval,
.bt .section-workflow-app {
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-provides-reporting-process .title-strong-blue {
    margin-top: 0;
    margin-bottom: 24px
  }

  .bt .section-approval,
  .bt .section-workflow-app {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 50px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-approval .label-radius,
.bt .section-workflow-app .label-radius {
  margin-top: 32px;
  margin-bottom: 39px
}

@media (max-width:767px) {

  .bt .section-approval .label-radius,
  .bt .section-workflow-app .label-radius {
    margin-top: 20px;
    margin-bottom: 26px
  }

  .bt .section-approval hr,
  .bt .section-workflow-app hr {
    margin-bottom: 14px
  }
}

.bt .section-approval .lead,
.bt .section-workflow-app .lead {
  margin-bottom: 39px;
  font-size: 18px;
  line-height: 1.555
}

@media (max-width:767px) {

  .bt .section-approval .lead,
  .bt .section-workflow-app .lead {
    margin-bottom: 26px;
    font-size: 16px
  }
}

.bt .section-approval .img-lg,
.bt .section-workflow-app .img-lg {
  margin-top: 50px;
  margin-bottom: 38px
}

.bt .section-approval .lead-sm,
.bt .section-workflow-app .lead-sm {
  font-size: 16px;
  line-height: 1.625
}

@media (max-width:767px) {

  .bt .section-approval .img-lg,
  .bt .section-workflow-app .img-lg {
    margin-top: 32px;
    margin-bottom: 24px
  }

  .bt .section-approval .lead-sm,
  .bt .section-workflow-app .lead-sm {
    font-size: 14px
  }
}

.bt .section-approval .title-border-bottom-md,
.bt .section-workflow-app .title-border-bottom-md {
  margin-bottom: 16px
}

.bt .section-approval .row>div,
.bt .section-workflow-app .row>div {
  margin-bottom: 37px
}

.bt .section-approval .btn-container,
.bt .section-workflow-app .btn-container {
  max-width: 400px
}

.bt .section-approval .btn-container .btn,
.bt .section-workflow-app .btn-container .btn {
  margin-top: 9px
}

.bt .section-approval {
  padding-bottom: 100px
}

@media (max-width:767px) {

  .bt .section-approval .title-border-bottom-md,
  .bt .section-workflow-app .title-border-bottom-md {
    margin-bottom: 10px
  }

  .bt .section-approval .row>div,
  .bt .section-workflow-app .row>div {
    margin-bottom: 24px
  }

  .bt .section-approval .btn-container .btn,
  .bt .section-workflow-app .btn-container .btn {
    margin-top: 6px
  }

  .bt .section-approval {
    padding-bottom: 66px
  }
}

.bt .section-approval .lead {
  margin-bottom: 42px
}

.bt .section-approval .btn-container .btn {
  margin-top: 50px
}

@media (max-width:767px) {
  .bt .section-approval .lead {
    margin-bottom: 28px
  }

  .bt .section-approval .btn-container .btn {
    margin-top: 35px
  }

  .bt .section-temporary {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-temporary .title-strong-blue {
  margin-top: 94px;
  margin-bottom: 91px
}

.bt .section-lending-id-privileges-green {
  padding-bottom: 100px
}

@media (max-width:767px) {
  .bt .section-temporary .title-strong-blue {
    margin-top: 60px;
    margin-bottom: 60px
  }

  .bt .section-lending-id-privileges-green {
    padding-bottom: 60px
  }
}

.bt .section-lending-id-privileges-green .label-radius {
  margin-top: 32px;
  margin-bottom: 39px
}

@media (max-width:767px) {
  .bt .section-lending-id-privileges-green .label-radius {
    margin-top: 20px;
    margin-bottom: 26px
  }

  .bt .section-lending-id-privileges-green hr {
    margin-bottom: 14px
  }
}

.bt .section-lending-id-privileges-green .lead {
  margin-bottom: 44px;
  font-size: 18px;
  line-height: 1.555
}

.bt .section-lending-id-privileges-green .lead-sm {
  font-size: 16px;
  line-height: 1.625
}

@media (max-width:767px) {
  .bt .section-lending-id-privileges-green .lead {
    margin-bottom: 28px;
    font-size: 16px
  }

  .bt .section-lending-id-privileges-green .lead-sm {
    margin-bottom: 20px;
    font-size: 14px
  }
}

.bt .section-lending-id-privileges-green .img-lg {
  margin-bottom: 26px
}

.bt .section-lending-id-privileges-green .row>div {
  margin-bottom: 21px
}

.bt .section-lending-id-privileges-green .btn-container {
  max-width: 400px;
  margin-bottom: 75px
}

.bt .section-lending-id-privileges-green .btn-container .btn {
  margin-top: 28px
}

@media (max-width:767px) {
  .bt .section-lending-id-privileges-green .row>div {
    margin-bottom: 14px
  }

  .bt .section-lending-id-privileges-green .btn-container {
    margin-bottom: 50px
  }

  .bt .section-lending-id-privileges-green .btn-container .btn {
    margin-top: 18px
  }
}

.bt .section-lending-id-privileges-green .text-md {
  margin-bottom: 20px
}

@media (max-width:767px) {
  .bt .section-lending-id-privileges-green .text-md {
    margin-bottom: 12px
  }
}

.bt .section-lending-id-privileges-green .lead-md {
  margin-bottom: 27px
}

.bt .section-id-privileges,
.bt .section-process-green,
.bt .section-workflow-management,
.bt .section-workflow-report {
  padding-top: 50px;
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-lending-id-privileges-green .lead-md {
    margin-bottom: 18px
  }

  .bt .section-id-privileges,
  .bt .section-process-green,
  .bt .section-workflow-management,
  .bt .section-workflow-report {
    padding-top: 32px;
    padding-bottom: 50px
  }
}

.bt .section-id-privileges .lead,
.bt .section-process-green .lead,
.bt .section-workflow-management .lead,
.bt .section-workflow-report .lead {
  margin-top: 12px;
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 1.555
}

.bt .section-id-privileges .label-radius,
.bt .section-process-green .label-radius,
.bt .section-workflow-management .label-radius,
.bt .section-workflow-report .label-radius {
  padding: 10px 48px 8px
}

.bt .section-process-green-1 {
  padding-top: 80px;
  padding-bottom: 78px
}

@media (max-width:767px) {

  .bt .section-id-privileges .lead,
  .bt .section-process-green .lead,
  .bt .section-workflow-management .lead,
  .bt .section-workflow-report .lead {
    margin-top: 10px;
    margin-bottom: 18px;
    font-size: 16px
  }

  .bt .section-process-green-1 {
    padding: 50px 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-id-privileges,
.bt .section-process-green-2 {
  padding-top: 79px;
  padding-bottom: 85px
}

.bt .section-id-privileges .text-circle-orange,
.bt .section-process-green-2 .text-circle-orange {
  margin-top: 40px;
  margin-bottom: 14px
}

@media (max-width:767px) {

  .bt .section-id-privileges,
  .bt .section-process-green-2 {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .bt .section-id-privileges .text-circle-orange,
  .bt .section-process-green-2 .text-circle-orange {
    margin-top: 26px;
    margin-bottom: 12px
  }
}

.bt .section-id-privileges .lead-md,
.bt .section-process-green-2 .lead-md {
  margin-bottom: 23px
}

.bt .section-id-privileges .text-mt,
.bt .section-process-green-2 .text-mt {
  margin-top: 48px
}

.bt .section-workflow-report {
  padding-top: 79px
}

@media (max-width:767px) {

  .bt .section-id-privileges .lead-md,
  .bt .section-process-green-2 .lead-md {
    margin-bottom: 14px
  }

  .bt .section-id-privileges .text-mt,
  .bt .section-process-green-2 .text-mt {
    margin-top: 30px
  }

  .bt .section-workflow-report {
    padding-top: 50px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-workflow-report .img-lg {
  margin-top: 29px
}

.bt .section-process-green-3 {
  padding-top: 80px
}

@media (max-width:767px) {
  .bt .section-workflow-report .img-lg {
    margin-top: 20px
  }

  .bt .section-process-green-3 {
    padding-top: 50px
  }
}

.bt .section-workflow-management {
  padding-top: 78px
}

.bt .section-id-privileges {
  padding-bottom: 68px
}

.bt .section-id-privileges .lead-sm {
  margin-top: 15px;
  font-size: 16px
}

.bt .section-id-privileges .label-radius {
  padding: 10px 67px 8px
}

.bt .section-id-privileges .text-black-mt {
  margin-top: 25px
}

@media (max-width:767px) {
  .bt .section-workflow-management {
    padding-top: 50px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-id-privileges {
    padding-bottom: 30px
  }

  .bt .section-id-privileges .lead-sm {
    font-size: 14px
  }

  .bt .section-id-privileges .text-black-mt {
    margin-top: 16px
  }
}

.bt .section-id-privileges .text-black-mt-1 {
  margin-top: 38px
}

@media (max-width:767px) {
  .bt .section-id-privileges .text-black-mt-1 {
    margin-top: 24px
  }

  .bt .section-id-privileges .lead-md {
    margin-bottom: 15px
  }
}

.bt .section-id-privileges .lead-mb-table {
  margin-bottom: 34px
}

@media (max-width:767px) {
  .bt .section-id-privileges .lead-mb-table {
    margin-bottom: 22px
  }
}

.bt .section-id-privileges .img-lg {
  margin-bottom: 36px
}

.bt .section-id-privileges .dl-list-indent {
  font-size: 16px
}

.bt .section-id-privileges-1 {
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-id-privileges .img-lg {
    margin-bottom: 24px
  }

  .bt .section-id-privileges .dl-list-indent {
    font-size: 14px
  }

  .bt .section-id-privileges-1 {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 50px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-id-privileges-2 {
  padding-bottom: 80px
}

@media (max-width:767px) {
  .bt .section-id-privileges-2 {
    padding-bottom: 50px
  }
}

.bt .section-id-privileges-3 {
  padding-bottom: 98px
}

.bt .section-activity-log-video .container,
.bt .section-check-access-log .container,
.bt .section-report-access-status .container {
  padding-top: 32px;
  padding-bottom: 67px
}

.bt .section-activity-log-video .lead-sm,
.bt .section-check-access-log .lead-sm,
.bt .section-report-access-status .lead-sm {
  font-size: 16px
}

@media (max-width:767px) {
  .bt .section-id-privileges-3 {
    padding-bottom: 60px
  }

  .bt .section-activity-log-video .container,
  .bt .section-check-access-log .container,
  .bt .section-report-access-status .container {
    padding-top: 20px;
    padding-bottom: 44px
  }

  .bt .section-activity-log-video .lead-sm,
  .bt .section-check-access-log .lead-sm,
  .bt .section-report-access-status .lead-sm {
    margin-bottom: 14px;
    font-size: 14px
  }
}

.bt .section-activity-log-video .label-radius,
.bt .section-check-access-log .label-radius,
.bt .section-report-access-status .label-radius {
  max-width: 360px
}

.bt .section-activity-log-video .title-light-blue,
.bt .section-check-access-log .title-light-blue,
.bt .section-report-access-status .title-light-blue {
  padding-left: 0;
  margin-top: 33px;
  margin-bottom: 32px
}

@media (max-width:767px) {

  .bt .section-activity-log-video .title-light-blue,
  .bt .section-check-access-log .title-light-blue,
  .bt .section-report-access-status .title-light-blue {
    margin-top: 20px;
    margin-bottom: 20px
  }
}

.bt .section-activity-log-video .lead,
.bt .section-check-access-log .lead,
.bt .section-report-access-status .lead {
  margin-bottom: 44px
}

@media (max-width:767px) {

  .bt .section-activity-log-video .lead,
  .bt .section-check-access-log .lead,
  .bt .section-report-access-status .lead {
    margin-bottom: 28px
  }
}

.bt .section-activity-log-video .img-lg,
.bt .section-check-access-log .img-lg,
.bt .section-report-access-status .img-lg {
  margin-bottom: 38px
}

@media (max-width:767px) {

  .bt .section-activity-log-video .img-lg,
  .bt .section-check-access-log .img-lg,
  .bt .section-report-access-status .img-lg {
    margin-bottom: 24px
  }
}

.bt .section-activity-log-video .img-lg-1,
.bt .section-check-access-log .img-lg-1,
.bt .section-report-access-status .img-lg-1 {
  margin-top: 35px;
  margin-bottom: 40px
}

@media (min-width:992px) and (max-width:1199px) {

  .bt .section-activity-log-video .row,
  .bt .section-approval .row,
  .bt .section-check-access-log .row,
  .bt .section-lending-id-privileges-green .row,
  .bt .section-report-access-status .row,
  .bt .section-workflow-app .row {
    margin-right: 0;
    margin-left: 0
  }
}

.bt .section-activity-log-video .container {
  padding-bottom: 80px
}

@media (min-width:1200px) {
  .bt .section-activity-log-video .container {
    width: 1012px
  }

  .bt .title-letter-spacing {
    letter-spacing: -.03em
  }
}

@media (max-width:767px) {

  .bt .section-activity-log-video .img-lg-1,
  .bt .section-check-access-log .img-lg-1,
  .bt .section-report-access-status .img-lg-1 {
    margin-top: 15px;
    margin-bottom: 26px
  }

  .bt .section-activity-log-video hr,
  .bt .section-check-access-log hr,
  .bt .section-report-access-status hr {
    margin-bottom: 14px
  }

  .bt .section-activity-log-video .container {
    padding-bottom: 30px
  }
}

.bt .section-activity-log-video .img-lg {
  margin-top: 47px;
  margin-bottom: 38px
}

@media (max-width:767px) {
  .bt .section-activity-log-video .img-lg {
    margin-top: 30px;
    margin-bottom: 24px
  }
}

.bt .section-activity-log-video .text-circle-orange {
  margin-top: 0;
  line-height: 1.25
}

.bt .section-activity-log-video .media-tutorial {
  margin-top: 33px
}

.bt .section-activity-log-video .media-body {
  padding-bottom: 34px;
  line-height: 1.555
}

.bt .section-activity-log-video .btn-container {
  max-width: 400px
}

.bt .section-activity-log-video .btn-container .btn {
  margin-top: 50px
}

@media (max-width:767px) {
  .bt .section-activity-log-video .media-tutorial {
    margin-top: 20px
  }

  .bt .section-activity-log-video .media-body {
    padding-bottom: 22px
  }

  .bt .section-activity-log-video .btn-container .btn {
    margin-bottom: 32px;
    font-size: 16px
  }
}

.bt .section-report-access-status .container {
  padding-bottom: 100px
}

.bt .section-report-access-status .table-admin-report {
  font-size: 16px
}

.bt .section-report-access-status .col-1 {
  width: 21.5% !important;
  padding-left: 13px
}

.bt .section-report-access-status .col-2 {
  width: 26% !important
}

.bt .section-report-access-status tbody>tr>td {
  padding: 17px 15px 15px 20px;
  line-height: 1.555
}

@media (max-width:767px) {
  .bt .section-report-access-status .container {
    padding-bottom: 60px
  }

  .bt .section-report-access-status {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-report-access-status .table-admin-report {
    font-size: 14px
  }

  .bt .section-report-access-status .col-1 {
    padding-left: 12px
  }

  .bt .section-report-access-status tbody>tr>td {
    padding: 12px 12px 12px 15px
  }
}

.bt .section-report-access-status .text-check {
  padding-top: 18px;
  padding-left: 13px;
  background-color: #fff;
  color: #231815
}

.bt .section-report-access-status .text-circle-orange {
  margin-top: 0;
  margin-bottom: 17px;
  line-height: 1.25
}

.bt .section-report-access-status .media-tutorial {
  margin-top: 52px;
  background-color: #fff
}

.bt .section-report-access-status .media-body {
  padding-bottom: 34px;
  line-height: 1.555
}

@media (max-width:767px) {
  .bt .section-report-access-status .text-check {
    padding-top: 12px;
    padding-left: 12px
  }

  .bt .section-report-access-status .media-tutorial {
    margin-top: 35px
  }

  .bt .section-report-access-status .media-body {
    padding-bottom: 22px
  }
}

.bt .section-report-access-status .dl-list-indent {
  margin-top: 20px;
  font-size: 14px
}

@media (max-width:767px) {
  .bt .section-report-access-status .dl-list-indent {
    margin-top: 12px;
    font-size: 13px
  }
}

.bt .section-report-access-status .lead {
  margin-bottom: 49px;
  font-size: 18px;
  line-height: 1.555
}

.bt .section-activity-blue {
  padding-top: 63px;
  padding-bottom: 65px
}

@media (max-width:767px) {
  .bt .section-report-access-status .lead {
    margin-bottom: 32px;
    font-size: 16px
  }

  .bt .section-activity-blue {
    padding-top: 42px;
    padding-bottom: 42px
  }
}

.bt .section-activity-blue .lead {
  margin-top: 12px;
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 1.555
}

@media (max-width:767px) {
  .bt .section-activity-blue .lead {
    margin-top: 10px;
    margin-bottom: 18px;
    font-size: 16px
  }
}

.bt .section-activity-blue .label-radius {
  padding: 10px 80px 8px
}

.bt .section-activity-blue .media-heading {
  padding-top: 0
}

.bt .section-activity-blue .lead-mt {
  margin-top: 18px;
  margin-bottom: 0
}

.bt .section-activity-blue .label-radius-md {
  padding: 10px 62px 8px
}

.bt .section-activity-blue .label-radius-md-1 {
  padding: 10px 97px 8px
}

.bt .section-activity-blue-1 {
  padding-top: 80px;
  padding-bottom: 81px
}

@media (max-width:767px) {
  .bt .section-activity-blue .lead-mt {
    margin-top: 12px
  }

  .bt .section-activity-blue-1 {
    padding: 50px 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-activity-blue-2 {
  padding-top: 80px;
  padding-bottom: 78px
}

@media (max-width:767px) {
  .bt .section-activity-blue-2 {
    padding: 50px 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-activity-blue-3 {
  padding-top: 80px;
  padding-bottom: 78px
}

.bt .section-activity-blue-3 .lead {
  margin-top: 20px
}

@media (max-width:767px) {
  .bt .section-activity-blue-3 {
    padding: 50px 10px;
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .section-activity-blue-3 .lead {
    margin-top: 12px
  }
}

.bt .section-activity-blue-3 .text-circle-orange {
  margin-top: 41px;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .bt .section-activity-blue-3 .text-circle-orange {
    margin-top: 26px;
    margin-bottom: 10px
  }
}

.bt .section-activity-blue-3 .lead-mt {
  margin-top: 15px;
  margin-bottom: 26px
}

@media (max-width:767px) {
  .bt .section-activity-blue-3 .lead-mt {
    margin-top: 10px;
    margin-bottom: 16px
  }
}

.bt .section-activity-blue-3 .img-lg {
  margin-bottom: 36px
}

.bt .section-list-events {
  padding-top: 50px;
  padding-bottom: 87px
}

.bt .section-list-events .indexList01 {
  padding-right: 19px;
  padding-left: 17px
}

@media (max-width:767px) {
  .bt .section-activity-blue-3 .img-lg {
    margin-bottom: 20px
  }

  .bt .section-list-events {
    padding-top: 10px;
    padding-bottom: 58px
  }

  .bt .section-list-events .indexList01 {
    padding-right: 10px;
    padding-left: 10px
  }
}

.bt .section-licensing-system-1 .title-border-left-blue {
  margin-bottom: 26px
}

@media (max-width:767px) {
  .bt .section-licensing-system-1 .title-border-left-blue {
    margin-bottom: 16px
  }
}

.bt .section-licensing-system-1 .img-lg {
  margin-bottom: 47px
}

@media (max-width:767px) {
  .bt .section-licensing-system-1 .img-lg {
    margin-bottom: 30px
  }
}

.bt .section-licensing-system-1 .lead-md {
  margin-bottom: 31px
}

.bt .section-licensing-system-1 .table-grayish-blue>tbody>tr>td,
.bt .section-licensing-system-1 .table-grayish-blue>tbody>tr>th,
.bt .section-licensing-system-1 .table-grayish-blue>thead>tr>td,
.bt .section-licensing-system-1 .table-grayish-blue>thead>tr>th {
  padding: 13px 5px 12px
}

@media (min-width:768px) {

  .bt .section-licensing-system-1 .table-grayish-blue>tbody>tr>td,
  .bt .section-licensing-system-1 .table-grayish-blue>tbody>tr>th,
  .bt .section-licensing-system-1 .table-grayish-blue>thead>tr>td,
  .bt .section-licensing-system-1 .table-grayish-blue>thead>tr>th {
    padding-top: 17px;
    padding-bottom: 16px;
    font-size: 16px
  }

  .bt .section-licensing-system-1 .table-striped>tbody>tr>td,
  .bt .section-licensing-system-1 .table-striped>tbody>tr>th,
  .bt .section-licensing-system-1 .table-striped>thead>tr>td,
  .bt .section-licensing-system-1 .table-striped>thead>tr>th {
    padding-right: 15px;
    padding-left: 15px
  }
}

.bt .section-licensing-system-1 .table-grayish-blue>tbody>tr>th,
.bt .section-licensing-system-1 .table-grayish-blue>thead>tr>th {
  height: 53px;
  padding-top: 6px;
  padding-bottom: 4px
}

.bt .section-licensing-system-1 .table-grayish-blue .dl-list-indent {
  margin-top: 2px !important;
  margin-bottom: 4px
}

.bt .section-licensing-system-1 .table-grayish-blue.table-border-gray>tbody>tr>td,
.bt .section-licensing-system-1 .table-grayish-blue.table-border-gray>tbody>tr>th,
.bt .section-licensing-system-1 .table-grayish-blue.table-border-gray>thead>tr>td,
.bt .section-licensing-system-1 .table-grayish-blue.table-border-gray>thead>tr>th {
  border: 1px solid #ccc
}

.bt .section-licensing-system-1 .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f1f2f3
}

.bt .section-device {
  padding-top: 63px;
  padding-bottom: 63px
}

@media (max-width:767px) {
  .bt .section-licensing-system-1 .lead-md {
    margin-bottom: 20px
  }

  .bt .section-device {
    padding: 40px 0 10px
  }
}

.bt .section-device .lead-dark-center {
  margin-bottom: 65px
}

.bt .section-device .container {
  width: 100%;
  max-width: 1030px
}

.bt .section-interesting {
  padding-top: 69px;
  padding-bottom: 21px;
  background: #f1f2f3
}

.bt .section-interesting .lead-dark-center {
  margin-bottom: 40px
}

@media (max-width:767px) {
  .bt .section-device .lead-dark-center {
    margin-bottom: 40px
  }

  .bt .section-interesting {
    padding-top: 40px;
    padding-bottom: 10px;
    margin: 0 -10px
  }

  .bt .section-interesting .container {
    padding: 0 10px
  }

  .bt .section-interesting .lead-dark-center {
    margin-bottom: 25px
  }
}

@media (min-width:768px) {
  .bt .section-interesting .gutter {
    padding: 0 13px
  }

  .bt .section-btn .btn {
    margin-right: 26px;
    margin-left: 26px
  }
}

.bt .section-blue {
  padding-top: 79px;
  padding-bottom: 72px;
  background: #0068b7
}

.bt .section-blue .lead-dark-center {
  margin-bottom: 46px;
  color: #fff
}

.bt .section-blue .container {
  width: 100%;
  max-width: 1020px
}

.bt .section-blue .btn-container {
  position: relative;
  max-width: 216px
}

.bt .section-blue .btn-container .btn-border-strong-orange {
  padding: 6px 20px 5px;
  margin-top: 9px;
  font-size: 14px;
  line-height: 1.428
}

@media (max-width:767px) {
  .bt .section-blue {
    padding: 50px 0;
    margin: 0 -10px
  }

  .bt .section-blue .lead-dark-center {
    margin-bottom: 30px
  }

  .bt .section-blue .container {
    padding: 0 10px
  }

  .bt .section-blue .btn-container .btn-border-strong-orange {
    margin-top: 10px
  }
}

.bt .section-blue .btn-container .btn-border-strong-orange:after {
  position: absolute;
  top: 0;
  right: 19px;
  bottom: 0;
  width: 7px;
  height: 7px;
  margin: auto 0;
  border-top: 2px solid #f90;
  border-right: 2px solid #f90;
  -webkit-transform: rotate(45deg) skew(-15deg, -15deg);
  -ms-transform: rotate(45deg) skew(-15deg, -15deg);
  transform: rotate(45deg) skew(-15deg, -15deg);
  content: ""
}

.bt .section-blue .btn-container .btn-border-strong-orange:hover:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}

.bt .section-btn {
  padding-top: 45px;
  padding-bottom: 83px
}

.bt .section-btn .btn {
  margin-top: 45px;
  padding: 13px 30px;
  background: #ff9904;
  color: #fff
}

@media (max-width:767px) {
  .bt .section-btn {
    padding-top: 40px;
    padding-bottom: 55px
  }

  .bt .section-btn .btn {
    margin-top: 15px
  }
}

.bt .section-btn .btn:after {
  background: url(../img/common/arrow-right.png) no-repeat
}

.bt .section-btn .btn:active,
.bt .section-btn .btn:focus,
.bt .section-btn .btn:hover {
  background-color: red;
  border-color: red
}

.bt .section-fv-server-tools {
  padding-top: 115px;
  padding-bottom: 7.1vw;
  background: url(../img/common/bg-gray.png) 50% 100%/cover no-repeat
}

@media (max-width:991px) {
  .bt .section-fv-server-tools {
    padding-top: 80px
  }
}

@media (max-width:767px) {
  .bt .section-fv-server-tools {
    padding-top: 70px;
    padding-bottom: 50px;
    margin: 0 -10px
  }

  .bt .section-fv-server-tools .container {
    padding: 0 15px
  }
}

.bt .section-paradigm {
  padding-top: 65px;
  padding-bottom: 80px;
  background: #e5e8eb
}

.bt .section-paradigm .container {
  width: 100%;
  max-width: 1020px
}

.bt .section-paradigm .lead-dark-center {
  margin-bottom: 38px
}

.bt .section-paradigm .img-logo {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt .section-paradigm {
    padding-top: 45px;
    padding-bottom: 50px
  }

  .bt .section-paradigm .img-logo,
  .bt .section-paradigm .img-tool {
    margin-bottom: 20px
  }
}

.bt .title-strong-blue,
.bt .title-strong-white {
  padding: 0;
  margin: 35px 0 40px;
  font-size: 34px;
  line-height: 1.4;
  border: 0
}

.bt .title-strong-blue.with-icon,
.bt .title-strong-white.with-icon {
  position: relative;
  padding-left: 20px
}

.bt .title-strong-blue.with-icon:before,
.bt .title-strong-white.with-icon:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "□"
}

.bt .title-strong-blue small,
.bt .title-strong-white small {
  display: block;
  margin-bottom: 8px;
  font-size: 22px
}

.bt .title-strong-blue.title-sm,
.bt .title-strong-white.title-sm {
  margin-top: 30px;
  font-size: 30px;
  font-weight: 700
}

@media (max-width:767px) {

  .bt .title-strong-blue,
  .bt .title-strong-white {
    margin: 20px 0;
    font-size: 24px
  }

  .bt .title-strong-blue small,
  .bt .title-strong-white small {
    font-size: 16px;
    line-height: 1.3
  }

  .bt .title-strong-blue.title-sm,
  .bt .title-strong-white.title-sm {
    font-size: 20px
  }
}

.bt .title-strong-blue.title-xs,
.bt .title-strong-white.title-xs {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 700
}

@media (max-width:991px) {

  .bt .title-strong-blue.title-xs,
  .bt .title-strong-white.title-xs {
    margin-bottom: 15px;
    font-size: 16px
  }
}

.bt .title-strong-blue,
.bt .title-strong-blue small {
  color: #008cc9
}

.bt .title-strong-white,
.bt .title-strong-white small {
  color: #fff
}

.bt .title-strong-blue-sm {
  padding: 0;
  margin: 35px 0 40px;
  font-size: 30px;
  line-height: 1.4;
  color: #008cc9;
  border: 0
}

@media (max-width:767px) {
  .bt .title-strong-blue-sm {
    margin: 20px 0;
    font-size: 22px
  }
}

.bt .title-dot-multicolor {
  padding: 0;
  margin: 10px 0 38px;
  font-weight: 700;
  border-left: 0
}

@media (max-width:767px) {
  .bt .title-dot-multicolor {
    margin-bottom: 25px
  }
}

.bt .title-dot-multicolor span.border {
  padding-bottom: 12px;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/border-bottom-dot-multicolor.png) 0 100% repeat-x
}

.bt .title-orange {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.4;
  color: #f90
}

.bt .title-blue {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
  color: #0068b7
}

.bt .title-blue small {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #0068b7
}

.bt .title-blue.line-middle-blue small {
  padding-top: 10px;
  border-top: 2px solid #0063b5
}

@media (max-width:767px) {
  .bt .title-blue {
    font-size: 18px
  }

  .bt .title-blue small {
    font-size: 16px
  }

  .bt .title-blue.line-middle-blue small {
    padding-top: 8px
  }
}

.bt .title-pure-orange {
  margin: 0 0 25px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #f5b300;
  border: 0
}

@media (max-width:767px) {
  .bt .title-pure-orange {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-dark-orange {
  margin: 0 0 25px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #e8a000;
  border: 0
}

@media (max-width:767px) {
  .bt .title-dark-orange {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-green {
  margin: 0 0 25px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #7aac38;
  border: 0
}

@media (max-width:767px) {
  .bt .title-green {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-light-blue {
  margin: 0 0 25px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #009dd7;
  border: 0
}

@media (max-width:767px) {
  .bt .title-light-blue {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-light-blue.normal {
  font-weight: 400
}

.bt .title-deep-blue {
  margin: 0 0 25px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #003e94;
  border: 0
}

@media (max-width:767px) {
  .bt .title-deep-blue {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-dark-green {
  margin: 0 0 35px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #61aa31;
  border: 0
}

@media (max-width:767px) {
  .bt .title-dark-green {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-dark-magenta {
  margin: 0 0 35px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #920f7c
}

.bt .title-border-bottom-green {
  color: #61aa31;
  border-bottom: 1px solid #61aa31
}

.bt .title-border-bottom-orange {
  color: #e8a000;
  border-bottom: 1px solid #e8a000
}

.bt .title-border-bottom-blue {
  color: #009dd7;
  border-bottom: 1px solid #009dd7
}

.bt .title-border-left-blue {
  padding: 14px 17px 12px !important;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #008cc9;
  background-color: #d8dcdf;
  border-left: 8px solid #008cc9 !important
}

@media (max-width:767px) {
  .bt .title-dark-magenta {
    margin-bottom: 20px;
    font-size: 20px
  }

  .bt .title-border-left-blue {
    padding: 14px 15px 12px !important;
    font-size: 16px;
    border-left: 6px solid #008cc9 !important
  }
}

.bt .title-border-left-blue.no-border {
  border-left: 0 !important
}

.bt .title-border-left-blue .right {
  float: right;
  margin-top: 5px;
  font-size: 13px;
  color: #000;
  font-weight: 400
}

.bt .title-border-bottom-grayish-blue {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 23px;
  font-size: 20px;
  color: #000;
  border-bottom: 1px solid #c0c6cc;
  border-left: 0
}

@media (max-width:767px) {
  .bt .title-border-bottom-grayish-blue {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px
  }
}

.bt .title-black {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  border-left: 0
}

.bt .title-black.title-lg-bordered {
  padding: 25px 0;
  margin-top: 0;
  font-size: 18px;
  line-height: 1.6;
  border-top: 2px solid #818e9a;
  border-bottom: 1px solid #c0c6cc;
  border-left: 0
}

.bt .title-black-2 {
  margin: 0 0 25px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  border: 0
}

@media (max-width:767px) {
  .bt .title-black.title-lg-bordered {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4
  }

  .bt .title-black-2 {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.bt .title-black-2.normal {
  font-weight: 400
}

.bt .title-black-md {
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 15px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.56;
  color: #000;
  border-left: 0
}

@media (max-width:767px) {
  .bt .title-black-md {
    margin-bottom: 10px;
    font-size: 16px
  }
}

.bt .title-bg-plus {
  padding: 16px 17px 14px !important;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 400;
  color: #000;
  background-color: #d8dcdf;
  text-align: center
}

@media (max-width:767px) {
  .bt .title-bg-plus {
    font-size: 16px
  }
}

.bt .title-bg-plus.dark-orange {
  color: #fff;
  background-color: #d6a311
}

.bt .title-bg-plus.green {
  color: #fff;
  background-color: #7aac38
}

.bt .title-bg-plus.light-blue {
  color: #fff;
  background-color: #0099d5
}

.bt .title-with-img-triangle {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  display: inline-block;
  max-width: 66px;
  height: 66px;
  padding: 8px 7px 6px;
  margin: auto;
  font-size: 16px;
  color: #fff;
  border-top: 0;
  text-align: center
}

.bt .title-with-img-triangle strong {
  font-weight: 400;
  font-size: 24px
}

.bt .title-with-img-triangle:after,
.bt .title-with-img-triangle:before {
  position: absolute;
  top: 0;
  display: block;
  width: 7px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  content: ""
}

.bt .title-with-img-triangle:before {
  left: -7px;
  background-image: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-left-dark-orange.png)
}

.bt .title-with-img-triangle:after {
  right: -7px;
  background-image: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/triangle-right-dark-orange.png)
}

.bt .title-dark-blue-border-bottom {
  display: inline-block;
  padding-right: 23px;
  padding-bottom: 3px;
  padding-left: 23px;
  margin-bottom: 13px;
  font-size: 26px;
  font-weight: 700;
  color: #053a65;
  border-bottom: 1px solid #053a65
}

@media (max-width:767px) {
  .bt .title-dark-blue-border-bottom {
    font-size: 20px;
    margin-bottom: 5px
  }
}

.bt .title-dark-blue-border-bottom.border-sm {
  position: relative;
  margin-top: 16px;
  margin-bottom: 29px;
  border-bottom-width: 0
}

.bt .title-dark-blue-border-bottom.border-sm:after {
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 170px;
  height: 1px;
  background-color: #053a65;
  content: ""
}

.bt .title-dark-blue-21 {
  position: relative;
  padding-right: 23px;
  padding-bottom: 3px;
  padding-left: 23px;
  margin-bottom: 13px;
  font-size: 21px;
  font-weight: 700;
  color: #053a65;
  border-bottom: 1px solid #053a65
}

.bt .title-dark-blue-21:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #053a65;
  border-radius: 50%;
  content: ""
}

.bt .title-bg-gray {
  padding: 21px 10px 17px;
  margin-top: 27px;
  margin-bottom: 50px;
  font-size: 23px;
  font-weight: 700;
  color: #053a65;
  background-color: #d8dcdf;
  border-radius: 10px
}

@media (max-width:767px) {
  .bt .title-bg-gray {
    padding: 13px 10px 11px;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 17px
  }
}

.bt .title-border-bottom {
  margin-top: 78px;
  margin-bottom: 34px;
  font-size: 30px;
  font-weight: 700;
  border-bottom: 1px solid #000
}

@media (max-width:767px) {
  .bt .title-border-bottom {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 22px
  }
}

.bt .title-bold-black {
  padding-bottom: 0;
  font-size: 17px;
  font-weight: 700
}

@media (max-width:767px) {
  .bt .title-bold-black {
    font-size: 15px
  }
}

.bt .title-arrow {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #fff;
  font-size: 23px;
  border-left: 0;
  background-color: #d6a311
}

.bt .title-arrow .arrow {
  position: relative;
  display: inline-block;
  padding: 8px 20px 6px 23px;
  margin-right: 20px;
  font-size: 18px;
  background-color: #b58a0e
}

.bt .title-arrow .arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -34px;
  display: inline-block;
  width: 30px;
  height: 35px;
  border: 17px solid transparent;
  border-left: 17px solid #b58a0e;
  content: ""
}

.bt .title-arrow .text {
  display: inline-block;
  line-height: 1.1;
  vertical-align: -1px
}

.bt .title-arrow.green {
  background-color: #7aac38
}

.bt .title-arrow.green .arrow {
  background-color: #67912f
}

.bt .title-arrow.green .arrow:after {
  border-left-color: #67912f
}

.bt .title-arrow.blue {
  background-color: #0099d5
}

.bt .title-arrow.blue .arrow {
  background-color: #0081b4
}

.bt .title-arrow.blue .arrow:after {
  border-left-color: #0081b4
}

.bt .title-ribbon-both-shadow {
  position: relative;
  display: inline-block;
  padding: 9px 17px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #0068b6
}

.bt .title-ribbon-both-shadow:after,
.bt .title-ribbon-both-shadow:before {
  position: absolute;
  top: 0;
  display: block;
  width: 7px;
  height: 0;
  content: ""
}

.bt .title-ribbon-both-shadow:before {
  left: -7px;
  border-bottom: 20px solid #00457a;
  border-left: 7px solid transparent
}

.bt .title-ribbon-both-shadow:after {
  right: -7px;
  border-right: 7px solid transparent;
  border-bottom: 20px solid #00457a
}

.bt .title-ribbon-both-shadow .text-lg {
  display: block;
  font-size: 24px
}

@media (max-width:767px) {
  .bt .title-ribbon-both-shadow {
    padding: 6px 12px 5px;
    font-size: 14px
  }

  .bt .title-ribbon-both-shadow .text-lg {
    font-size: 20px
  }
}

.bt .title-shape {
  position: relative;
  display: block;
  width: 424px;
  height: 103px;
  padding-top: 32px;
  padding-bottom: 40px;
  margin: -20px auto auto;
  font-size: 30px;
  text-align: center;
  color: #fff;
  background: url(../img/common/shape-orange.png) 50% 0 no-repeat;
  border-bottom: 0
}

@media (max-width:767px) {
  .bt .title-shape {
    padding-top: 18px;
    padding-bottom: 38px;
    margin-top: -12px;
    width: 285px;
    height: 65px;
    font-size: 25px;
    background-size: contain !important
  }
}

.bt .title-border-left {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  margin-top: 50px;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
  color: #000
}

.bt .title-border-left-orange {
  background-color: #ffecae;
  border-left: 10px solid #f4cf89
}

@media (max-width:767px) {
  .bt .title-border-left {
    padding: 12px;
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 18px
  }

  .bt .title-border-left-orange {
    border-left: 6px solid #f4cf89
  }
}

.bt .title-border-left-green {
  background-color: #d5e8c3;
  border-left: 10px solid #b4d68c
}

@media (max-width:767px) {
  .bt .title-border-left-green {
    border-left: 6px solid #b4d68c
  }
}

.bt .title-border-left-light-blue {
  background-color: #c9e8f3;
  border-left: 10px solid #7fcaea
}

@media (max-width:767px) {
  .bt .title-border-left-light-blue {
    border-left: 6px solid #7fcaea
  }
}

.bt .title-gray {
  background-color: #999
}

.bt .title-orange-number {
  background-color: #e8a000
}

.bt .title-green-number {
  background-color: #61aa31
}

.bt .title-blue-number {
  background-color: #009dd7
}

.bt .title-sm-general {
  position: relative;
  padding: 4px 18px;
  margin-bottom: 17px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556;
  color: #fff;
  border-left: 0
}

.bt .title-sm-general .number-right {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .bt .title-sm-general .number-right {
    padding-top: 5px
  }
}

.bt .title-change-account {
  margin-top: 80px
}

@media (max-width:767px) {
  .bt .title-sm-general {
    margin-bottom: 10px
  }

  .bt .title-change-account {
    margin-top: 40px
  }
}

.bt .title-border-left-arrow {
  position: relative;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 44px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  background-color: #d9e8f4;
  border-bottom: 0
}

@media (max-width:767px) {
  .bt .title-border-left-arrow {
    padding: 10px 10px 11px 30px;
    margin-bottom: 12px;
    font-size: 18px
  }
}

@media all and (max-width:767px) and (-ms-high-contrast:none),
(max-width:767px) and (-ms-high-contrast:active) {
  .bt .title-border-left-arrow {
    padding-top: 14px;
    padding-bottom: 7px
  }
}

.bt .title-border-left-arrow.no-border {
  border-left: 0 !important
}

.bt .title-border-left-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: transparent transparent transparent #82b5dc;
  content: ""
}

@media (max-width:767px) {
  .bt .title-border-left-arrow:before {
    border-width: 21px 0 21px 21px
  }
}

.bt .title-dot-orange {
  padding-left: 0;
  margin-bottom: 28px;
  font-size: 20px;
  border-left: 0
}

@media (max-width:767px) {
  .bt .title-dot-orange {
    margin-bottom: 20px;
    font-size: 18px !important
  }
}

.bt .title-border-radius {
  padding: 11px 20px;
  margin-top: 30px;
  margin-bottom: 23px;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  background-color: #82b5dc;
  border-left: 0;
  border-radius: 10px
}

@media (max-width:767px) {
  .bt .title-border-radius {
    margin-bottom: 16px;
    font-size: 16px;
    border-radius: 8px
  }
}

.bt .title-download-documents {
  margin-top: 50px;
  margin-bottom: 40px
}

@media (max-width:767px) {
  .bt .title-download-documents {
    margin-top: 32px;
    margin-bottom: 26px
  }
}

.bt .title-download-documents small {
  display: inline-block
}

.bt .title-border-bottom-md {
  padding-bottom: 6px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700
}

@media (max-width:767px) {
  .bt .title-border-bottom-md {
    padding-bottom: 4px;
    margin-bottom: 10px;
    font-size: 18px
  }
}

.bt .title-dark-green-md {
  color: #61aa31
}

.bt .title-dark-blue-md {
  color: #009dd7
}

.bt .title-md {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.52
}

@media (max-width:767px) {
  .bt .title-md {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center
  }
}

@media (max-width:425px) {
  .bt .title-event-xs {
    font-size: 5.2vw !important
  }
}

.bt .title-dot-blue {
  position: relative;
  padding-left: 27px;
  font-size: 20px;
  font-weight: 700;
  color: #0099d5;
  border-left: 0
}

.bt .title-dot-blue:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: #0099d5;
  border-radius: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:767px) {
  .bt .title-dot-blue {
    padding-left: 22px;
    font-size: 18px
  }

  .bt .title-dot-blue:before {
    top: 12px;
    width: 15px;
    height: 15px
  }
}

.bt .title-blue-lg {
  padding: 0;
  margin-top: 0;
  margin-bottom: 26px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.636;
  color: #0068b7;
  text-align: center;
  border-left: 0
}

.bt .title-blue-lg small {
  display: block;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 700;
  color: #0068b7
}

.bt .title-blue-lg.mg-lg {
  margin-top: 63px;
  margin-bottom: 42px
}

@media (max-width:767px) {
  .bt .title-blue-lg {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1.4
  }

  .bt .title-blue-lg small {
    font-size: 18px
  }

  .bt .title-blue-lg.mg-lg {
    margin-top: 40px
  }
}

.bt .title-ribbon-blue {
  width: 102px;
  height: 64px;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 0;
  margin: 0 auto 24px;
  font-size: 24px;
  color: #fff;
  background: url(../img/common/shape-ribbon.png) 50% 0 no-repeat;
  text-align: center;
  border-left: 0
}

.bt .title-ribbon-blue small {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  color: #fff
}

@media (max-width:767px) {
  .bt .title-ribbon-blue {
    width: 90px;
    height: 58px;
    font-size: 20px;
    background-size: contain
  }

  .bt .title-ribbon-blue small {
    font-size: 12px
  }
}

.bt .title-white-lg {
  padding: 0;
  margin-top: 0;
  margin-bottom: 31px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-left: 0
}

.bt .box-link-circle {
  position: relative;
  display: block;
  padding-top: 155px;
  -webkit-transition: none;
  transition: none
}

.bt .box-link-circle hr {
  display: block;
  height: 6px;
  max-width: 120px;
  background-color: #ccc;
  border: 0;
  margin: 50px auto 0
}

.bt .box-link-circle:before {
  position: absolute;
  right: 0;
  bottom: -21px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 17px 17px 0;
  content: "";
  visibility: hidden
}

.bt .box-link-circle.active,
.bt .box-link-circle:hover {
  background-position: 50% 114% !important
}

.bt .box-link-circle.active:before,
.bt .box-link-circle:hover:before {
  visibility: visible
}

.bt .box-link-circle.circle-1 {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/circle-icon/recording.png) 50% 0 no-repeat
}

@media (max-width:767px) {
  .bt .title-white-lg {
    margin-bottom: 20px;
    font-size: 26px
  }

  .bt .box-link-circle {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 104px;
    padding-top: 80px;
    background-position: 50% 17px !important
  }

  .bt .box-link-circle.circle-1 {
    background-size: cover
  }
}

.bt .box-link-circle.circle-1:before {
  border-color: #f5b400 transparent transparent
}

.bt .box-link-circle.circle-1.active hr,
.bt .box-link-circle.circle-1:hover hr {
  background-color: #f5b300
}

.bt .box-link-circle.circle-2 {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/circle-icon/search-playback.png) 50% 0 no-repeat
}

@media (max-width:767px) {
  .bt .box-link-circle.circle-2 {
    background-size: cover
  }
}

.bt .box-link-circle.circle-2:before {
  border-color: #61aa31 transparent transparent
}

.bt .box-link-circle.circle-2.active hr,
.bt .box-link-circle.circle-2:hover hr {
  background-color: #61aa31
}

.bt .box-link-circle.circle-3 {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/circle-icon/collaboration.png) 50% 0 no-repeat
}

.bt .box-link-circle.circle-3:before {
  border-color: #920f7c transparent transparent
}

.bt .box-link-circle.circle-3.active hr,
.bt .box-link-circle.circle-3:hover hr {
  background-color: #920f7c
}

.bt .first-view.fixed {
  padding-top: 60px
}

.bt .top-main-visual {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/common/new-bg-main-visual.jpg) 50% 50%/cover no-repeat
}

.bt .top-main-visual .media {
  overflow: visible
}

.bt .top-main-visual .media .media-left {
  padding-top: 61px;
  padding-right: 10px
}

.bt .top-main-visual .media .media-body {
  overflow: visible;
  vertical-align: middle
}

.bt .top-main-visual .media .img-pc {
  position: relative;
  z-index: 2;
  margin-bottom: -175px
}

@media (max-width:991px) {
  .bt .top-main-visual .media .media-left {
    width: 50%
  }

  .bt .top-main-visual .media .img-pc {
    margin-bottom: -20%
  }
}

@media (max-width:767px) {
  .bt .box-link-circle.circle-3 {
    background-size: cover
  }

  .bt .top-main-visual {
    margin-right: -10px;
    margin-left: -10px
  }

  .bt .top-main-visual .container {
    padding-right: 15px;
    padding-left: 15px
  }

  .bt .top-main-visual .media {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .bt .top-main-visual .media .media-left {
    padding-top: 0;
    vertical-align: middle
  }

  .bt .top-main-visual .media .img-pc {
    margin: auto
  }
}

.bt .top-main-visual .title {
  padding: 0;
  margin-bottom: 23px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 0
}

.bt .page-top {
  position: fixed;
  right: 40px;
  bottom: 0;
  z-index: 1;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: 50% 50%/29px 16px no-repeat #728092;
  -webkit-transition: none;
  transition: none
}

.bt .page-top:hover {
  background-image: url(../img/icon/arrow-up-red.png)
}

.bt .page-top,
.bt .page-top:active {
  background-image: url(../img/icon/arrow-up-white.png)
}

.bt .border-v-gray {
  position: relative
}

.bt .border-v-gray:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  margin-right: auto;
  margin-left: auto;
  background-color: #ccc;
  content: ""
}

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes balloon {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
}

@keyframes balloon {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
}

.bt .mark-no-1 {
  -webkit-animation: 1.1s ease-in-out infinite alternate vertical;
  animation: 1.1s ease-in-out infinite alternate vertical
}

.bt .circle-dark-blue {
  display: inline-block;
  width: 210px;
  height: 210px;
  padding: 68px 20px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  background-color: #3f576e;
  border-radius: 105px
}

@media (max-width:767px) {
  .bt .top-main-visual .title {
    margin-bottom: 10px;
    font-size: 3.6vw
  }

  .bt .page-top {
    right: 0
  }

  .bt .border-v-gray:after {
    width: 0
  }

  .bt .border-v-gray .row>div {
    margin-bottom: 25px
  }

  .bt .circle-dark-blue {
    width: 180px;
    height: 180px;
    padding: 48px 10px;
    font-size: 18px
  }
}

.bt .circle-dark-blue .arrow-right {
  display: inline-block;
  padding-right: 24px;
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-orange-md.png) 100% 2px no-repeat
}

.bt .circle-dark-blue .img {
  display: inline-block
}

.bt .circle-dark-blue .hover {
  display: none
}

.bt .circle-dark-blue.hover-cirle:focus,
.bt .circle-dark-blue.hover-cirle:hover {
  color: red;
  background-color: #fff;
  text-decoration: none
}

.bt .circle-dark-blue.hover-cirle:focus .arrow-right,
.bt .circle-dark-blue.hover-cirle:hover .arrow-right {
  background-position: 100% -28px
}

.bt .circle-dark-blue.hover-cirle:focus img,
.bt .circle-dark-blue.hover-cirle:hover img {
  opacity: 1 !important
}

.bt .circle-dark-blue.hover-cirle:focus .img,
.bt .circle-dark-blue.hover-cirle:hover .img {
  display: none
}

.bt .circle-dark-blue.hover-cirle:focus .hover,
.bt .circle-dark-blue.hover-cirle:hover .hover {
  display: inline-block
}

.bt .circle-dark-blue.focus {
  margin-bottom: 0;
  color: #c0c7cd;
  background-color: #607284
}

.bt .circle-dark-blue.focus .arrow-right {
  background: url(https://www.ntt-tx.co.jp/products/idoperation/img/icon/arrow-right-gray.png) 100% 50% no-repeat
}

.bt #balloon-1,
.bt #balloon-2,
.bt #balloon-3,
.bt #section-contact-1,
.bt #section-contact-2,
.bt #section-contact-3,
.bt #section-contact-4,
.bt #section-contact-5,
.bt #section-contact-6,
.bt #section-contact-7,
.bt #section-contact-8,
.bt #section-contact-9,
.bt #section-issue-text-1,
.bt #section-issue-text-2,
.bt #section-issue-text-3,
.bt #three-reason-1,
.bt #three-reason-2,
.bt #three-reason-3,
.bt #three-reason-text-1,
.bt #three-reason-text-2,
.bt .opacity-0 {
  opacity: 0
}

.bt .pagerMenu {
  display: none
}

.bt .fade-in {
  margin: auto;
  opacity: 0
}

.bt .img-hover {
  position: relative;
  display: block
}

.bt .img-hover .default {
  display: block !important
}

.bt .img-hover .hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  display: none;
  margin-right: auto;
  margin-left: auto
}

.bt .img-hover:hover img {
  opacity: 1 !important
}

.bt .img-hover:hover .hover {
  display: block
}

.bt [data-sal] {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-duration: var(--sal-duration, .2s);
  transition-duration: var(--sal-duration, .2s);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-delay: var(--sal-delay, 0s);
  transition-delay: var(--sal-delay, 0s);
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-timing-function: var(--sal-easing, ease);
  transition-timing-function: var(--sal-easing, ease)
}

.bt [data-sal][data-sal-duration="200"] {
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

.bt [data-sal][data-sal-duration="250"] {
  -webkit-transition-duration: .25s;
  transition-duration: .25s
}

.bt [data-sal][data-sal-duration="300"] {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.bt [data-sal][data-sal-duration="350"] {
  -webkit-transition-duration: .35s;
  transition-duration: .35s
}

.bt [data-sal][data-sal-duration="400"] {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

.bt [data-sal][data-sal-duration="450"] {
  -webkit-transition-duration: .45s;
  transition-duration: .45s
}

.bt [data-sal][data-sal-duration="500"] {
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.bt [data-sal][data-sal-duration="550"] {
  -webkit-transition-duration: .55s;
  transition-duration: .55s
}

.bt [data-sal][data-sal-duration="600"] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.bt [data-sal][data-sal-duration="650"] {
  -webkit-transition-duration: .65s;
  transition-duration: .65s
}

.bt [data-sal][data-sal-duration="700"] {
  -webkit-transition-duration: .7s;
  transition-duration: .7s
}

.bt [data-sal][data-sal-duration="750"] {
  -webkit-transition-duration: .75s;
  transition-duration: .75s
}

.bt [data-sal][data-sal-duration="800"] {
  -webkit-transition-duration: .8s;
  transition-duration: .8s
}

.bt [data-sal][data-sal-duration="850"] {
  -webkit-transition-duration: .85s;
  transition-duration: .85s
}

.bt [data-sal][data-sal-duration="900"] {
  -webkit-transition-duration: .9s;
  transition-duration: .9s
}

.bt [data-sal][data-sal-duration="950"] {
  -webkit-transition-duration: .95s;
  transition-duration: .95s
}

.bt [data-sal][data-sal-duration="1000"] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s
}

.bt [data-sal][data-sal-duration="1050"] {
  -webkit-transition-duration: 1.05s;
  transition-duration: 1.05s
}

.bt [data-sal][data-sal-duration="1100"] {
  -webkit-transition-duration: 1.1s;
  transition-duration: 1.1s
}

.bt [data-sal][data-sal-duration="1150"] {
  -webkit-transition-duration: 1.15s;
  transition-duration: 1.15s
}

.bt [data-sal][data-sal-duration="1200"] {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s
}

.bt [data-sal][data-sal-duration="1250"] {
  -webkit-transition-duration: 1.25s;
  transition-duration: 1.25s
}

.bt [data-sal][data-sal-duration="1300"] {
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s
}

.bt [data-sal][data-sal-duration="1350"] {
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s
}

.bt [data-sal][data-sal-duration="1400"] {
  -webkit-transition-duration: 1.4s;
  transition-duration: 1.4s
}

.bt [data-sal][data-sal-duration="1450"] {
  -webkit-transition-duration: 1.45s;
  transition-duration: 1.45s
}

.bt [data-sal][data-sal-duration="1500"] {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s
}

.bt [data-sal][data-sal-duration="1550"] {
  -webkit-transition-duration: 1.55s;
  transition-duration: 1.55s
}

.bt [data-sal][data-sal-duration="1600"] {
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s
}

.bt [data-sal][data-sal-duration="1650"] {
  -webkit-transition-duration: 1.65s;
  transition-duration: 1.65s
}

.bt [data-sal][data-sal-duration="1700"] {
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s
}

.bt [data-sal][data-sal-duration="1750"] {
  -webkit-transition-duration: 1.75s;
  transition-duration: 1.75s
}

.bt [data-sal][data-sal-duration="1800"] {
  -webkit-transition-duration: 1.8s;
  transition-duration: 1.8s
}

.bt [data-sal][data-sal-duration="1850"] {
  -webkit-transition-duration: 1.85s;
  transition-duration: 1.85s
}

.bt [data-sal][data-sal-duration="1900"] {
  -webkit-transition-duration: 1.9s;
  transition-duration: 1.9s
}

.bt [data-sal][data-sal-duration="1950"] {
  -webkit-transition-duration: 1.95s;
  transition-duration: 1.95s
}

.bt [data-sal][data-sal-duration="2000"] {
  -webkit-transition-duration: 2s;
  transition-duration: 2s
}

.bt [data-sal][data-sal-delay="50"] {
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}

.bt [data-sal][data-sal-delay="100"] {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

.bt [data-sal][data-sal-delay="150"] {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

.bt [data-sal][data-sal-delay="200"] {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.bt [data-sal][data-sal-delay="250"] {
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}

.bt [data-sal][data-sal-delay="300"] {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.bt [data-sal][data-sal-delay="350"] {
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}

.bt [data-sal][data-sal-delay="400"] {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.bt [data-sal][data-sal-delay="450"] {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}

.bt [data-sal][data-sal-delay="500"] {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.bt [data-sal][data-sal-delay="550"] {
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}

.bt [data-sal][data-sal-delay="600"] {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.bt [data-sal][data-sal-delay="650"] {
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}

.bt [data-sal][data-sal-delay="700"] {
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

.bt [data-sal][data-sal-delay="750"] {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}

.bt [data-sal][data-sal-delay="800"] {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

.bt [data-sal][data-sal-delay="850"] {
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}

.bt [data-sal][data-sal-delay="900"] {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}

.bt [data-sal][data-sal-delay="950"] {
  -webkit-transition-delay: .95s;
  transition-delay: .95s
}

.bt [data-sal][data-sal-delay="1000"] {
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.bt [data-sal][data-sal-easing=linear] {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.bt [data-sal][data-sal-easing=ease] {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.bt [data-sal][data-sal-easing=ease-in] {
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.bt [data-sal][data-sal-easing=ease-out] {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.bt [data-sal][data-sal-easing=ease-in-out] {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

.bt [data-sal][data-sal-easing=ease-in-cubic] {
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.bt [data-sal][data-sal-easing=ease-out-cubic] {
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.bt [data-sal][data-sal-easing=ease-in-out-cubic] {
  -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.bt [data-sal][data-sal-easing=ease-in-circ] {
  -webkit-transition-timing-function: cubic-bezier(.6, .04, .98, .335);
  transition-timing-function: cubic-bezier(.6, .04, .98, .335)
}

.bt [data-sal][data-sal-easing=ease-out-circ] {
  -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
  transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.bt [data-sal][data-sal-easing=ease-in-out-circ] {
  -webkit-transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.bt [data-sal][data-sal-easing=ease-in-expo] {
  -webkit-transition-timing-function: cubic-bezier(.95, .05, .795, .035);
  transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}

.bt [data-sal][data-sal-easing=ease-out-expo] {
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.bt [data-sal][data-sal-easing=ease-in-out-expo] {
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.bt [data-sal][data-sal-easing=ease-in-quad] {
  -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

.bt [data-sal][data-sal-easing=ease-out-quad] {
  -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.bt [data-sal][data-sal-easing=ease-in-out-quad] {
  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

.bt [data-sal][data-sal-easing=ease-in-quart] {
  -webkit-transition-timing-function: cubic-bezier(.895, .03, .685, .22);
  transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}

.bt [data-sal][data-sal-easing=ease-out-quart] {
  -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.bt [data-sal][data-sal-easing=ease-in-out-quart] {
  -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bt [data-sal][data-sal-easing=ease-in-quint] {
  -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06);
  transition-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.bt [data-sal][data-sal-easing=ease-out-quint] {
  -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.bt [data-sal][data-sal-easing=ease-in-out-quint] {
  -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
  transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

.bt [data-sal][data-sal-easing=ease-in-sine] {
  -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.bt [data-sal][data-sal-easing=ease-out-sine] {
  -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.bt [data-sal][data-sal-easing=ease-in-out-sine] {
  -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

.bt [data-sal][data-sal-easing=ease-in-back] {
  -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.bt [data-sal][data-sal-easing=ease-out-back] {
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.bt [data-sal][data-sal-easing=ease-in-out-back] {
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.bt [data-sal|=fade] {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.bt [data-sal|=fade].sal-animate,
.bt body.sal-disabled [data-sal|=fade] {
  opacity: 1
}

.bt [data-sal|=slide] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform, -webkit-transform
}

.bt [data-sal=slide-up] {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%)
}

.bt [data-sal=slide-down] {
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%)
}

.bt [data-sal=slide-left] {
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%)
}

.bt [data-sal=slide-right] {
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%)
}

.bt [data-sal|=slide].sal-animate,
.bt body.sal-disabled [data-sal|=slide] {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.bt [data-sal|=zoom] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform, -webkit-transform
}

.bt [data-sal=zoom-in] {
  -webkit-transform: scale(.5);
  -ms-transform: scale(.5);
  transform: scale(.5)
}

.bt [data-sal=zoom-out] {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.bt [data-sal|=zoom].sal-animate,
.bt body.sal-disabled [data-sal|=zoom] {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.bt [data-sal|=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform, -webkit-transform
}

.bt [data-sal=flip-left] {
  -webkit-transform: perspective(2000px) rotateY(-91deg);
  transform: perspective(2000px) rotateY(-91deg)
}

.bt [data-sal=flip-right] {
  -webkit-transform: perspective(2000px) rotateY(91deg);
  transform: perspective(2000px) rotateY(91deg)
}

.bt [data-sal=flip-up] {
  -webkit-transform: perspective(2000px) rotateX(-91deg);
  transform: perspective(2000px) rotateX(-91deg)
}

.bt [data-sal=flip-down] {
  -webkit-transform: perspective(2000px) rotateX(91deg);
  transform: perspective(2000px) rotateX(91deg)
}

.bt [data-sal|=flip].sal-animate,
.bt body.sal-disabled [data-sal|=flip] {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.bt #casestudy-swiper-container {
  position: relative;
  z-index: 1;
  margin-bottom: 25px
}

.bt #casestudy-swiper-container .label-container {
  position: absolute;
  right: 0;
  top: 10px;
  left: 5px;
  z-index: 11;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:768px) {
  .bt .top-main-visual .media .media-left {
    height: 321px;
    padding-right: 34px
  }

  .bt .top-main-visual .media .media-body {
    vertical-align: bottom
  }

  .bt .caption-sm,
  .bt .text-note {
    font-size: 16px
  }

  .bt .tab-content-search-example .title,
  .bt .tab-content-search-example img {
    margin-top: 50px
  }

  .bt #casestudy-swiper-container .label-container {
    top: 18px;
    left: -20px;
    width: 990px
  }
}

.bt #casestudy-swiper-container .label-container .label {
  position: relative;
  padding: 10px 18px;
  font-size: 16px
}

.bt #casestudy-swiper-container .label-container .label:before {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 5px 0;
  border-color: transparent #653d02 transparent transparent;
  content: ""
}

.bt #casestudy-swiper-container .swiper-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 990px
}

@media (max-width:767px) {
  .bt [data-sal][data-sal-delay] {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
  }

  .bt #casestudy-swiper-container {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 35px
  }

  .bt #casestudy-swiper-container .label-container .label {
    padding: 8px 12px;
    font-size: 13px
  }

  .bt #casestudy-swiper-container .label-container .label:before {
    border-width: 0 5px 5px 0
  }

  .bt #casestudy-swiper-container .swiper-container {
    max-width: 580px
  }
}

.bt #casestudy-swiper-container .swiper-container .inner {
  border: 4px solid #d8dcdf
}

.bt #casestudy-swiper-container .swiper-container .media,
.bt #casestudy-swiper-container .swiper-container .media-body {
  overflow: visible
}

.bt #casestudy-swiper-container .swiper-container .media-left {
  padding-right: 25px
}

.bt #casestudy-swiper-container .swiper-container .media-body {
  padding-top: 26px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .swiper-container .media-body {
    padding: 5px 30px 15px;
    font-size: 16px
  }
}

.bt #casestudy-swiper-container .swiper-container .fs-sm {
  display: inline-block;
  font-size: 18px
}

.bt #casestudy-swiper-container .swiper-container .container-btn {
  margin-top: 40px
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .swiper-container .fs-sm {
    font-size: 14px;
    line-height: 1.4
  }

  .bt #casestudy-swiper-container .swiper-container .container-btn {
    margin-top: 10px
  }
}

.bt #casestudy-swiper-container .swiper-container .btn {
  padding: 2px 15px 1px
}

.bt #casestudy-swiper-container .swiper-container .logo {
  display: block;
  margin: 65px auto 50px
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .swiper-container .logo {
    margin-top: 15px !important;
    margin-bottom: 10px !important
  }
}

.bt #casestudy-swiper-container .swiper-slide {
  background-color: #fff
}

.bt #casestudy-swiper-container .slide-2 .logo {
  margin-top: 30px;
  margin-bottom: 32px
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .slide-2 .logo {
    margin-top: 15px;
    margin-bottom: 10px
  }
}

.bt #casestudy-swiper-container .slide-3 .logo {
  margin-top: 44px;
  margin-bottom: 30px
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .slide-3 .logo {
    margin-top: 15px;
    margin-bottom: 10px
  }
}

.bt #casestudy-swiper-container .slide-3 .container-btn {
  margin-top: 10px
}

.bt #casestudy-swiper-container .swiper-button-next,
.bt #casestudy-swiper-container .swiper-button-prev {
  width: 17px;
  height: 48px
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .slide-3 .container-btn {
    margin-top: 5px
  }

  .bt #casestudy-swiper-container .swiper-button-next,
  .bt #casestudy-swiper-container .swiper-button-prev {
    width: 10px;
    height: 27px;
    background-size: cover !important
  }

  .bt #casestudy-swiper-container .swiper-button-next {
    right: 15px
  }

  .bt #casestudy-swiper-container .swiper-button-prev {
    left: 15px
  }
}

.bt #casestudy-swiper-container .swiper-button-next:hover,
.bt #casestudy-swiper-container .swiper-button-prev:hover {
  background-position: 0 100%
}

.bt #casestudy-swiper-container .swiper-button-next {
  background: url(../img/icon/next.png) no-repeat
}

.bt #casestudy-swiper-container .swiper-button-prev {
  background: url(../img/icon/prev.png) no-repeat
}

.bt #casestudy-swiper-container .swiper-pagination-bullet {
  opacity: 1;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background: #999
}

.bt #casestudy-swiper-container .swiper-pagination-bullet-active {
  background: #008cc9
}

.bt #casestudy-swiper-container .swiper-pagination {
  position: relative;
  margin-top: 10px
}

.bt #casestudy-swiper-container .container-navi {
  position: absolute;
  top: 46%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 1065px;
  margin-right: auto;
  margin-left: auto
}

.bt .iDoperation-client-swiper-container.bg {
  position: relative;
  margin-top: 25px;
  margin-bottom: 15px
}

@media (min-width:768px) {
  .bt .iDoperation-client-swiper-container.bg {
    margin-top: 50px
  }
}

.bt .iDoperation-client-swiper-container.text .swiper-container {
  max-width: 720px
}

.bt .iDoperation-client-swiper-container.text .swiper-slide {
  min-height: 120px
}

.bt .iDoperation-client-swiper-container .swiper-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 990px
}

.bt .iDoperation-client-swiper-container .swiper-pagination {
  position: static;
  display: table;
  border-collapse: separate;
  border-spacing: 7px 0;
  max-width: 734px;
  margin: 15px auto 0;
  color: #008cc9
}

@media (max-width:767px) {
  .bt #casestudy-swiper-container .container-navi {
    top: 50%
  }

  .bt .iDoperation-client-swiper-container .swiper-pagination {
    width: auto !important;
    margin-right: -7px;
    margin-left: -7px
  }
}

.bt .iDoperation-client-swiper-container .swiper-pagination>span {
  display: table-cell
}

.bt .iDoperation-client-swiper-container .swiper-pagination-bullets {
  width: 100%;
  bottom: 0;
  text-align: center
}

.bt .iDoperation-client-swiper-container .swiper-pagination-bullet {
  opacity: 1;
  width: auto;
  height: auto;
  padding: 8px 5px;
  margin: 0 4px;
  background: #fff;
  border: 1px solid #008cc9;
  border-radius: 0
}

.bt .iDoperation-client-swiper-container .swiper-pagination-bullet-active,
.bt .iDoperation-client-swiper-container .swiper-pagination-bullet:hover {
  color: #fff;
  background: #008cc9
}

.bt .iDoperation-client-swiper-container .container-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 790px;
  margin-top: -24px;
  margin-right: auto;
  margin-left: auto
}

.bt .iDoperation-client-swiper-container .swiper-button-next,
.bt .iDoperation-client-swiper-container .swiper-button-prev {
  width: 17px;
  height: 48px
}

@media (max-width:767px) {
  .bt .iDoperation-client-swiper-container .container-arrow {
    margin-top: -13px
  }

  .bt .iDoperation-client-swiper-container .swiper-button-next,
  .bt .iDoperation-client-swiper-container .swiper-button-prev {
    width: 10px;
    height: 27px;
    background-size: cover !important
  }

  .bt .iDoperation-client-swiper-container .swiper-button-next {
    right: 15px
  }
}

.bt .iDoperation-client-swiper-container .swiper-button-next:hover,
.bt .iDoperation-client-swiper-container .swiper-button-prev:hover {
  background-position: 0 100%
}

.bt .iDoperation-client-swiper-container .swiper-button-next {
  background: url(../img/icon/next.png) no-repeat
}

.bt .iDoperation-client-swiper-container .swiper-button-prev {
  background: url(../img/icon/prev.png) no-repeat
}

.bt .account-swiper-container.bg {
  position: relative;
  margin-top: 25px;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .bt .iDoperation-client-swiper-container .swiper-button-prev {
    left: 15px
  }

  .bt .account-swiper-container.bg {
    margin-top: 15px
  }
}

.bt .account-swiper-container.text .swiper-container {
  max-width: 950px
}

.bt .account-swiper-container .swiper-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 990px
}

.bt .account-swiper-container .swiper-pagination {
  position: static;
  display: table;
  border-collapse: separate;
  border-spacing: 7px 0;
  margin: 15px auto 0;
  color: #008cc9
}

@media (max-width:767px) {
  .bt .account-swiper-container .swiper-pagination {
    width: auto !important;
    margin-right: -3px;
    margin-left: -3px;
    border-spacing: 3px 0
  }
}

.bt .account-swiper-container .swiper-pagination>span {
  display: table-cell;
  vertical-align: middle
}

.bt .account-swiper-container .swiper-pagination-bullets {
  width: 100%;
  bottom: 0;
  text-align: center
}

.bt .account-swiper-container .swiper-pagination-bullet {
  opacity: 1;
  width: auto;
  height: auto;
  padding: 8px 5px;
  margin: 0 4px;
  background: #fff;
  border: 1px solid #008cc9;
  border-radius: 0
}

.bt .account-swiper-container .swiper-pagination-bullet-active,
.bt .account-swiper-container .swiper-pagination-bullet:hover {
  color: #fff;
  background: #008cc9
}

.bt .account-swiper-container .container-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 750px;
  margin-top: -24px;
  margin-right: auto;
  margin-left: auto
}

.bt .account-swiper-container .swiper-button-next,
.bt .account-swiper-container .swiper-button-prev {
  width: 17px;
  height: 48px
}

@media (max-width:767px) {
  .bt .account-swiper-container .container-arrow {
    margin-top: -13px
  }

  .bt .account-swiper-container .swiper-button-next,
  .bt .account-swiper-container .swiper-button-prev {
    width: 10px;
    height: 27px;
    background-size: cover !important
  }

  .bt .account-swiper-container .swiper-button-next {
    right: 15px
  }

  .bt .account-swiper-container .swiper-button-prev {
    left: 15px
  }

  .bt {
    font-size: 12px
  }
}

.bt .account-swiper-container .swiper-button-next:hover,
.bt .account-swiper-container .swiper-button-prev:hover {
  background-position: 0 100%
}

.bt .account-swiper-container .swiper-button-next {
  background: url(../img/icon/next.png) no-repeat
}

.bt .account-swiper-container .swiper-button-prev {
  background: url(../img/icon/prev.png) no-repeat
}

.bt *,
.bt :after,
.bt :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.bt h3 {
  padding-left: 0;
  border-left: 0
}

#contents {
  width: auto
}

#contents>.freeEdit01 {
  margin-top: 0
}

#contents aside.contactBox01,
#contents aside.linksBox01,
#contents div.pagerMenu,
#contents nav.btnNavi {
  display: none
}

h1 {
  word-break: break-all
}

.form-list li {
  list-style: disc;
  margin-bottom: 1em
}

li.Event {
  padding: 1px 0 30px;
  background: url(https://www.ntt-tx.co.jp/common/images/com_bg01.gif) 0 bottom repeat-x;
  margin-bottom: 30px
}

.Event table {
  border: 1px solid #d3d3d3;
  width: 100%;
  margin-bottom: 10px
}

.Event th {
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3;
  padding: 14px 18px 12px;
  font-weight: 400;
  width: 25%;
  min-width: 10em
}

.Event td {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  padding: 14px 18px 12px
}

.Event h2 {
  margin: 20px 0;
  font-size: 1.2em;
  font-weight: 700
}

.Event h2.finished {
  position: relative;
  padding-left: 100px
}

.Event h2.finished:before {
  content: "終了";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  height: 25px;
  padding: 5px 10px;
  background: #7c818a;
  color: #fff;
  font-size: 12px;
  text-align: center
}

h2.EventTitle a:link {
  color: #004b8b;
  text-decoration: none
}

h2.EventTitle a:visited {
  color: #3b008b;
  text-decoration: none
}

#globalFooter {
  margin: 0 !important
}

.bt .list-dot-blue {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.667;
  color: #373737
}

.bt .list-dot-blue li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}

.bt .list-dot-blue li:last-child {
  margin-bottom: 0
}

.bt .list-dot-blue li:before {
  position: absolute;
  top: 8px;
  left: 4px;
  width: 15px;
  height: 15px;
  background-color: #0068b7;
  border-radius: 50%;
  content: ""
}

.bt .dl-fv-cloud dd,
.bt .dl-fv-cloud dt {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.692
}

@media (max-width:767px) {
  .bt .list-dot-blue {
    font-size: 16px;
    line-height: 1.4
  }

  .bt .list-dot-blue li {
    padding-left: 15px;
    margin-bottom: 6px
  }

  .bt .list-dot-blue li:before {
    top: 5px;
    left: 0;
    width: 11px;
    height: 11px
  }

  .bt .dl-fv-cloud dd,
  .bt .dl-fv-cloud dt {
    font-size: 11px;
    line-height: 1.5
  }
}

.bt .lead-dark-left {
  font-size: 18px;
  line-height: 1.889;
  color: #373737
}

.bt .row-5 {
  margin-right: -5px;
  margin-left: -5px
}

.bt .row-5>div {
  padding-right: 5px;
  padding-left: 5px
}

.bt .table.table-top-blue {
  border: 1px solid #c7c7c7;
  border-top: 0
}

.bt .table.table-top-blue>tbody>tr>td,
.bt .table.table-top-blue>tbody>tr>th,
.bt .table.table-top-blue>thead>tr>td,
.bt .table.table-top-blue>thead>tr>th {
  font-size: 18px;
  line-height: 1.2;
  border-top: 0;
  border-bottom: 0;
  vertical-align: top
}

.bt .table.table-top-blue>thead>tr>th {
  font-weight: 700;
  color: #fff;
  background-color: #0068b6;
  border-right: 1px solid #c7c7c7;
  text-align: center
}

.bt .table.table-top-blue>tbody>tr:nth-child(odd)>th {
  background-color: #dee8f2
}

.bt .table.table-top-blue>tbody>tr:nth-child(even)>th {
  background-color: #ecf2f8
}

.bt .table.table-top-blue>tbody>tr:nth-child(even)>td {
  background-color: #f0f2f3
}

.bt .table.table-top-blue>tbody>tr>th {
  border-right: 1px solid #c7c7c7;
  color: #0068b6;
  font-weight: 700
}

.bt .table.table-top-blue>tbody>tr>td {
  color: #434343
}

.bt .table.table-top-blue>tbody>tr>td:last-child {
  border-left: 1px solid #c7c7c7
}

@media (min-width:768px) {
  #contents .linksBlock01 {
    width: 990px;
    margin: 0 auto
  }

  .bt .table.table-top-blue>thead>tr>th {
    padding: 15px 8px
  }

  .bt .table.table-top-blue>tbody>tr>th {
    padding-right: 28px;
    padding-left: 28px
  }

  .bt .table.table-top-blue>tbody>tr>td {
    padding-right: 8px;
    padding-left: 20px
  }

  .bt .table.table-top-blue>tbody>tr>td,
  .bt .table.table-top-blue>tbody>tr>th {
    padding-top: 12px;
    padding-bottom: 12px
  }
}

.bt .table.table-top-blue .col-1 {
  width: 29.3%
}

.bt .table.table-price {
  table-layout: auto;
  border-top: 0;
  border-left: 0
}

@media (max-width:767px) {

  .bt .lead-dark-left,
  .bt .table.table-top-blue>tbody>tr>td,
  .bt .table.table-top-blue>tbody>tr>th,
  .bt .table.table-top-blue>thead>tr>td,
  .bt .table.table-top-blue>thead>tr>th {
    font-size: 16px
  }

  .bt .table.table-price {
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7
  }
}

.bt .table.table-price>tbody>tr>td,
.bt .table.table-price>tbody>tr>th,
.bt .table.table-price>thead>tr>td,
.bt .table.table-price>thead>tr>th {
  padding-top: 12px;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 1.2;
  vertical-align: top;
  border-color: #c7c7c7
}

.bt .table.table-price>thead>tr>th:nth-child(1) {
  border-left: 0
}

.bt .table.table-price>thead>tr>th:nth-child(2) {
  background-color: #0068b6
}

.bt .table.table-price>thead>tr>th div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.bt .table.table-price>tbody>tr>th {
  color: #0068b6;
  background-color: #dee8f2;
  border-left: 1px solid #c7c7c7 !important
}

@media (min-width:768px) {
  .bt .table.table-price>tbody>tr>th {
    padding: 17px 8px 9px 16px
  }

  .bt .media-outline-blue .attraction-container {
    top: 50%;
    left: -19px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.bt .table.table-price>tbody>tr>td {
  padding-right: 4px;
  padding-left: 4px;
  color: #434343;
  text-align: center;
  vertical-align: middle
}

.bt .table.table-price>tbody>tr:first-child>td {
  background-color: #ecf2f8
}

.bt .table.table-price>tbody>tr:not(:first-child):nth-child(odd)>td {
  background-color: #f0f2f3
}

.bt .table.table-price>tbody>tr:not(:first-child):nth-child(even)>td {
  background-color: #fff
}

.bt .table.table-price .col-1 {
  width: 26%
}

.bt .table.table-price .text-lg {
  font-size: 22px;
  line-height: 1.2
}

.bt .table.table-price small {
  font-size: 15px;
  line-height: 1.2
}

.bt .table.table-price .th-light-blue {
  background-color: #ecf2f8
}

.bt .table.table-price .d-block {
  display: block
}

.bt .table.table-price .min-height-40 {
  min-height: 40px
}

.bt .table.table-price .mt-3 {
  margin-top: 3px
}

.bt .table.table-price .w6-p {
  width: 6%
}

.bt .table.table-price .w10-p {
  width: 10%
}

.bt .table.table-price .pd-xs {
  padding-right: 3px;
  padding-left: 3px
}

.bt .table.table-price .circle {
  display: inline-block;
  margin-bottom: 5px
}

.bt .dropdown-menu .well-white {
  padding: 10px 5px 7px !important
}

.bt .media.media-text-float .media-body,
.bt .media.media-text-float .media-left,
.bt .media.media-text-float .media-right {
  display: block
}

.bt .media.media-text-float .media-left {
  float: left
}

.bt .media.media-text-float .media-right {
  float: right
}

.bt .media.media-text-float .media-body {
  width: auto;
  overflow: visible
}

@media (max-width:767px) {

  .bt .table.table-price>tbody>tr>td,
  .bt .table.table-price>tbody>tr>th,
  .bt .table.table-price>thead>tr>td,
  .bt .table.table-price>thead>tr>th {
    font-size: 16px
  }

  .bt .table.table-price .text-lg {
    font-size: 18px
  }

  .bt .table.table-price small {
    font-size: 13px
  }

  .bt .table.table-price .min-height-40 {
    min-height: 25px
  }

  .bt .dropdown-menu .well-white {
    padding: 10px 5px 8px !important
  }

  .bt .media.media-cleared-xs .media,
  .bt .media.media-cleared-xs .media-body {
    overflow: visible
  }

  .bt .media.media-cleared-xs .media-body {
    width: auto
  }

  .bt .media.media-cleared-xs .media-body,
  .bt .media.media-cleared-xs .media-left,
  .bt .media.media-cleared-xs .media-right {
    display: block
  }

  .bt .media.media-cleared-xs .media>.pull-right,
  .bt .media.media-cleared-xs .media-right {
    padding-bottom: 10px;
    padding-left: 0 !important
  }

  .bt .media.media-cleared-xs .media>.pull-left,
  .bt .media.media-cleared-xs .media-left {
    padding-right: 0 !important;
    padding-bottom: 10px
  }

  .bt .media.media-cleared-xs .media-object {
    display: inline-block
  }
}

@media (max-width:991px) {

  .bt .media.media-cleared-sm .media,
  .bt .media.media-cleared-sm .media-body {
    overflow: visible
  }

  .bt .media.media-cleared-sm .media-body {
    width: auto
  }

  .bt .media.media-cleared-sm .media-body,
  .bt .media.media-cleared-sm .media-left,
  .bt .media.media-cleared-sm .media-right {
    display: block
  }

  .bt .media.media-cleared-sm .media>.pull-right,
  .bt .media.media-cleared-sm .media-right {
    padding-bottom: 10px;
    padding-left: 0 !important
  }

  .bt .media.media-cleared-sm .media>.pull-left,
  .bt .media.media-cleared-sm .media-left {
    padding-right: 0 !important;
    padding-bottom: 10px
  }

  .bt .media.media-cleared-sm .media-object {
    display: inline-block
  }
}

.bt .media-outline-blue {
  position: relative;
  min-height: 220px;
  padding-top: 26px;
  padding-bottom: 26px;
  margin-bottom: 26px;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #0068b7;
  overflow: visible
}

.bt .media-outline-blue .attraction-container {
  position: absolute;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff
}

.bt .media-outline-blue .attraction-container small {
  display: block;
  width: 100%;
  font-size: 19px;
  line-height: 1.1
}

.bt .media-outline-blue .attraction {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 130px;
  height: 130px;
  background-color: #0068b7
}

.bt .media-outline-blue .attraction:after,
.bt .media-outline-blue .attraction:before {
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: ""
}

.bt .media-outline-blue .attraction:before {
  top: -8px;
  border-width: 0 0 8px 18px;
  border-color: transparent transparent #01223b
}

@media (min-width:768px) {
  .bt .media-outline-blue .attraction:before {
    top: -8px;
    border-width: 0 0 8px 18px;
    border-color: transparent transparent #01223b
  }
}

@media (max-width:767px) {
  .bt .media-outline-blue {
    padding: 100px 12px 15px;
    margin-bottom: 35px
  }

  .bt .media-outline-blue .attraction-container {
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30px
  }

  .bt .media-outline-blue .attraction-container small {
    font-size: 17px
  }

  .bt .media-outline-blue .attraction {
    width: 90px;
    height: 90px
  }

  .bt .media-outline-blue .attraction:before {
    top: 0;
    left: -8px;
    border-width: 0 0 15px 8px;
    border-color: transparent transparent #01223b
  }
}

@media (min-width:768px) {
  .bt .media-outline-blue .attraction:after {
    bottom: -8px;
    border-width: 0 18px 8px 0;
    border-color: transparent #01223b transparent transparent
  }

  .bt .media-outline-blue .attraction small {
    margin-bottom: 3px
  }

  .bt .media-outline-blue .media-left img {
    margin-top: 13px
  }
}

.bt .media-outline-blue .media-heading {
  margin-bottom: 11px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.438;
  color: #0068b7
}

.bt .media-outline-blue .media-left {
  width: 27.3%;
  padding-right: 25px;
  text-align: center
}

@media (max-width:991px) {
  .bt .media-outline-blue .media-left {
    width: 35%
  }
}

@media (max-width:767px) {
  .bt .media-outline-blue .attraction:after {
    top: 0;
    right: -8px;
    left: auto;
    border-width: 15px 0 0 8px;
    border-color: transparent transparent transparent #01223b
  }

  .bt .media-outline-blue .media-heading {
    text-align: center;
    font-size: 22px
  }

  .bt .media-outline-blue .media-left {
    width: 100%;
    padding-bottom: 20px
  }
}

.bt .media-outline-blue .media-left img {
  margin-right: 0;
  margin-left: auto
}

@media (min-width:768px) {
  .bt .media-outline-blue .media-body {
    padding-right: 57px
  }

  .bt .media-common .media-left {
    width: 15%
  }
}

.bt .media-outline-blue .media-body,
.bt .media-outline-blue .media-left {
  vertical-align: middle
}

.bt .media-common {
  color: #fff;
  margin-top: 17px
}

.bt .media-common .media-heading {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2
}

@media (max-width:767px) {
  .bt .media-common .media-heading {
    font-size: 18px
  }
}

.bt .media-common .media-left {
  padding-right: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  vertical-align: middle;
  text-align: center
}

.bt .media-common .media-left small {
  display: block;
  font-size: 16px;
  line-height: 1.375
}

@media (max-width:767px) {
  .bt .media-common .media-left {
    padding-top: 10px;
    font-size: 20px
  }

  .bt .media-common .media-left small {
    font-size: 14px
  }
}

.bt .media-common .media-body {
  padding: 15px 25px 13px
}

@media (max-width:767px) {
  .bt .media-common .media-body {
    padding-right: 15px;
    padding-left: 15px
  }

  .bt .media-fv-cloud .media-left {
    padding-bottom: 10px !important;
    text-align: center
  }
}

.bt .media-common.orange .media-left {
  background-color: #b87e00
}

.bt .media-common.orange .media-body {
  background-color: #e8a001
}

.bt .media-common.orange .well-white-common {
  background-color: #fdf6e6
}

.bt .media-common.green .media-left {
  background-color: #488724
}

.bt .media-common.green .media-body {
  background-color: #5daa32
}

.bt .media-common.green .well-white-common {
  background-color: #eff7eb
}

.bt .media-common.blue .media-left {
  background-color: #007eac
}

.bt .media-common.blue .media-body {
  background-color: #019cd7
}

@media (min-width:1200px) {
  .bt .row-lg-19 {
    margin-right: -19px;
    margin-left: -19px
  }

  .bt .row-lg-19>div {
    padding-right: 19px;
    padding-left: 19px
  }

  .bt .media-common.blue .media-left small {
    letter-spacing: -.1em
  }

  .bt .media-common.blue .media-body .media-heading {
    letter-spacing: -.0182em
  }
}

.bt .media-common.blue .well-white-common {
  background-color: #e6f5fb
}

.bt .media-fv-cloud .media-left {
  padding-right: 30px
}

.bt .media-fv-cloud .media-heading {
  margin-bottom: 8px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.368
}

@media (max-width:767px) {
  .bt .media-fv-cloud .media-left img {
    width: 100%;
    max-width: 350px
  }

  .bt .media-fv-cloud .media-heading {
    font-size: 17px
  }
}

.bt .media-fv-cloud .media-title-lg {
  margin-bottom: 18px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.462;
  color: #000
}

.bt .media-fv-cloud .media-title-lg small {
  vertical-align: super
}

.bt .media-fv-cloud .media-body {
  vertical-align: middle
}

.bt .media-fv-cloud .media-body img {
  width: 100%;
  max-width: 345px
}

.bt .well-light-gray {
  position: relative;
  padding: 38px 15px 26px;
  border: 0;
  border-radius: 10px;
  background: #f0f1f2
}

.bt .well-light-gray:before {
  position: absolute;
  top: -22px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 0 13px 22px;
  border-color: transparent transparent #f0f1f2;
  content: ""
}

@media (max-width:767px) {
  .bt .media-fv-cloud .media-title-lg {
    font-size: 17px
  }

  .bt .well-light-gray {
    padding: 20px 15px 15px;
    margin-bottom: 35px
  }

  .bt .well-light-gray:before {
    top: -20px;
    border-width: 0 11px 20px
  }
}

.bt .well-light-gray .well-caption {
  margin-top: 27px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.889;
  color: #373737
}

.bt .well-light-gray .well-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.bt .well-white-common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 8px 15px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  border: 0;
  border-radius: 3px;
  text-align: center
}

@media (max-width:767px) {
  .bt .well-light-gray .well-caption {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5
  }

  .bt .well-white-common {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 14px
  }
}

.bt .well-white-common .text-orange {
  color: #e8a001
}

.bt .well-white-common .text-green {
  color: #5daa32
}

.bt .well-white-common .text-blue {
  color: #019cd7
}

.bt .well-white-common .text-sm {
  display: inline-block;
  vertical-align: super;
  font-size: 10px;
  line-height: 1.1
}

.bt .well-white-common small {
  width: 100%;
  margin-top: 1px;
  font-size: 12px;
  line-height: 1.333
}

.bt .section-what-idoperation {
  padding-top: 50px;
  padding-bottom: 48px
}

.bt .section-what-idoperation .container {
  width: 100%;
  max-width: 1042px
}

.bt .section-what-idoperation .title-section {
  margin-bottom: 6px
}

.bt .section-what-idoperation .lead-dark-left {
  margin-bottom: 39px
}

@media (max-width:767px) {
  .bt .well-white-common .text-sm {
    font-size: 8px
  }

  .bt .well-white-common small {
    font-size: 10px
  }

  .bt .section-what-idoperation {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .bt .section-what-idoperation .lead-dark-left {
    margin-bottom: 25px
  }
}

.bt .section-solves-problems {
  padding-top: 55px;
  padding-bottom: 34px;
  background-color: #f0f1f2
}

@media (max-width:767px) {
  .bt .section-solves-problems {
    padding-top: 40px;
    padding-bottom: 10px
  }
}

.bt .section-solves-problems .title-section {
  margin-bottom: 35px;
  line-height: 1.278
}

.bt .section-solves-problems .container {
  width: 100%;
  max-width: 1038px
}

.bt .section-solves-problems .inner {
  padding-right: 8px;
  padding-left: 9px
}

.bt .section-cloud-version {
  padding-top: 50px;
  padding-bottom: 32px
}

@media (max-width:767px) {
  .bt .section-cloud-version {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-cloud-version .container {
  width: 100%;
  max-width: 1020px
}

.bt .section-main-features {
  padding-top: 58px;
  padding-bottom: 56px
}

.bt .section-main-features .container {
  width: 100%;
  max-width: 1020px
}

.bt .section-main-features .title-section {
  margin-bottom: 16px
}

@media (max-width:767px) {
  .bt .section-main-features {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .bt .section-main-features .title-section {
    margin-bottom: 12px
  }
}

.bt .section-main-features .lead-dark-left {
  margin-bottom: 31px
}

.bt .section-main-features .dl-container {
  margin-top: 15px
}

.bt .section-main-features .dl-list-indent {
  font-size: 14px;
  line-height: 1.429;
  color: #fff
}

.bt .section-main-features .dl-list-indent dt {
  padding-right: 0
}

.bt .section-main-features .dl-list-indent dd {
  font-weight: 400
}

.bt .section-payment {
  padding-top: 55px;
  padding-bottom: 37px;
  background-color: #f0f1f2
}

@media (max-width:767px) {
  .bt .section-main-features .lead-dark-left {
    margin-bottom: 20px
  }

  .bt .section-main-features .dl-list-indent {
    font-size: 12px
  }

  .bt .section-payment {
    padding-top: 30px;
    padding-bottom: 20px
  }
}

.bt .section-payment .container {
  width: 100%;
  max-width: 1020px
}

.bt .section-payment .title-section {
  margin-bottom: 15px;
  line-height: 1.278
}

.bt .section-payment .lead-dark-left {
  margin-bottom: 33px
}

.bt .section-fv-cloud {
  padding-top: 30px;
  padding-bottom: 62px;
  color: #000;
  background: url(../img/common/bg-cloud.png) 50% 100%/cover no-repeat
}

@media (min-width:1440px) {
  .bt .section-fv-cloud {
    padding-top: 2.1vw;
    padding-bottom: 4.4vw
  }
}

@media (max-width:767px) {
  .bt .section-payment .lead-dark-left {
    margin-bottom: 20px
  }

  .bt .section-payment .table-container {
    border: 0
  }

  .bt .section-fv-cloud {
    padding-bottom: 10vw
  }
}

.bt .section-fv-cloud .lead {
  margin-top: 66px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.889;
  color: #fff
}

@media (min-width:1440px) {
  .bt .section-fv-cloud .lead {
    margin-top: 4.6vw
  }
}

@media (min-width:1700px) {
  .bt .section-fv-cloud .lead {
    margin-top: 8vw
  }
}

.bt .section-fv-cloud .container {
  width: 100%;
  max-width: 1022px
}

.bt .section-issues {
  padding-bottom: 42px
}

.bt .section-issues .container {
  width: 100%;
  max-width: 1020px
}

.bt .section-issues .title-section {
  margin-bottom: 31px
}

@media (max-width:767px) {
  .bt .section-fv-cloud .lead {
    margin-top: 18vw;
    font-size: 14px;
    line-height: 1.6
  }

  .bt .section-issues {
    padding-bottom: 10px
  }

  .bt .section-xs {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
  }
}

.bt .section-btn.section-btn-sm {
  padding-top: 15px;
  padding-bottom: 50px
}

.bt .section-footer-banner p {
  font-size: 17px;
  line-height: 1.529;
}

@media(min-width: 768px) {
  .bt .section-footer-banner .row > div {
    margin-bottom: 50px;
  }
}

/* ------------------------------------------------ */
.section-epm {
  position: relative;
  padding-top: 22px;
  background: linear-gradient(to bottom, #fff 0%, #fdd4c9 50%, #fdd4c9 60%, #fff 100%);
}

@media(max-width: 767px) {
  .section-epm {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.section-epm:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  height: 34.7vw;
  background: url("../img/function/epm/wall.svg") 50% 50%/cover no-repeat;
  content: "";
}

.section-epm .container {
  width: 100%;
  max-width: 884px;
}

.section-epm img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 751px;
  margin-right: auto;
  margin-left: auto;
}

.section-epm .lead-epm {
  padding-top: 126px;
  padding-bottom: 66px;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}

@media(max-width: 767px) {
  .section-epm .lead-epm {
    padding-top: 110px;
    padding-bottom: 60px;
  }
}

.section-epm .bg-shape-red {
  margin-top: -86px;
  clip-path: polygon(100% 0, 100% 85%, 51% 100%, 0 85%, 0 0, 51% 15%);
  background-color: #e12f2f;
}

.lead-epm {
  font-size: 18px;
  line-height: 1.889;
}

@media(max-width: 767px) {
  .lead-epm {
    font-size: 16px;
    line-height: 1.6;
  }
}

.section-epm-cloud {
  padding-top: 52px;
  padding-bottom: 54px;
}

@media(max-width: 767px) {
  .section-epm-cloud {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.section-epm-cloud img {
  width: 100%;
  max-width: 1000px;
  margin: 32px auto 0;
}

@media(max-width: 767px) {
  .section-epm-cloud img {
    margin-top: 20px;
  }
}

.section-epm-cloud .container {
  width: 100%;
  max-width: 1020px;
}

/* ------------------------------------------------ */
.title-common {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  font-weight: bold !important;
  font-size: 36px !important;
  text-align: center !important;
  color: #e12f2f !important;
}

@media(max-width: 767px) {
  .title-common {
    font-size: 25px !important;
  }
}

/* ------------------------------------------------ */
.section-issues-epm {
  padding-bottom: 60px;
}

@media(max-width: 767px) {
  .section-issues-epm {
    padding-bottom: 10px;
  }
}

.section-issues-epm .card {
  position: relative;
  background-color: #f2f0f1;
  border-radius: 10px;
}

@media(max-width: 767px) {
  .section-issues-epm .card {
    margin-bottom: 40px;
  }
}

.section-issues-epm .card:before {
  position: absolute;
  top: -22px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 0 13px 22px 13px;
  border-color: transparent transparent #f2f0f1;
  transform: rotate(0deg);
  content: "";
}

.section-issues-epm .card .card-body {
  padding: 32px 19px 27px;
}

@media(max-width: 767px) {
  .section-issues-epm .card .card-body {
    padding: 20px 10px;
  }
}

.section-issues-epm .card .lead {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.667;
  color: #373737;
}

@media(max-width: 767px) {
  .section-issues-epm .card .lead {
    font-size: 16px;
    line-height: 1.667;
  }
}

.section-issues-epm .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.section-issues-epm .title-section {
  margin-bottom: 41px !important;
}

.section-issues-epm .container {
  width: 100%;
  max-width: 1020px;
}

/* ------------------------------------------------ */
.section-btn-inline {
  padding-top: 60px;
  padding-bottom: 58px;
}

@media(max-width: 767px) {
  .section-btn-inline {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}

.section-btn-inline .container {
  max-width: 882px;
}

.section-btn-inline .btn {
  position: relative;
  display: block;
  padding: 13px 40px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background-color: #ff9904;
}

@media(max-width: 767px) {
  .section-btn-inline .btn {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.section-btn-inline .btn:hover {
  color: #fff;
  background-color: #ff0000;
}

.section-btn-inline .btn:after {
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) skew(-12deg, -12deg);
  content: "";
}

/* ------------------------------------------------ */
.section-epm-solution {
  padding-top: 56px;
  padding-bottom: 60px;
  background-color: #f2f0f1;
}

@media(max-width: 767px) {
  .section-epm-solution {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.section-epm-solution .container {
  width: 100%;
  max-width: 1056px;
}

.section-epm-solution .title-section {
  margin-bottom: 38px !important;
}

@media(max-width: 767px) {
  .section-epm-solution .title-section {
    margin-bottom: 30px !important;
  }
}


/* ------------------------------------------------ */
.section-epm-main-features {
  padding-top: 54px;
  padding-bottom: 60px;
  color: #fff;
  background-color: #e12f2f;
}

@media(max-width: 767px) {
  .section-epm-main-features {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.section-epm-main-features .container {
  width: 100%;
  max-width: 1020px;
}

.section-epm-main-features .title-section {
  color: #fff !important;
  margin-bottom: 17px;
}

.section-epm-main-features .item {
  display: block;
  margin-top: 39px;
}

@media(max-width: 767px) {
  .section-epm-main-features .item {
    margin-top: 25px;
  }
}

.section-epm-main-features .item +.item {
  margin-top: 18px;
}

@media(min-width: 768px) {
  .section-epm-main-features .item .left,
  .section-epm-main-features .item .right {
    display: table-cell;
    vertical-align: middle;
  }
}

.section-epm-main-features .item .left {
  min-width: 240px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  background-color: #373737;
}

@media(max-width: 767px) {
  .section-epm-main-features .item .left {
    padding: 10px;
    font-size: 18px;
  }
}

.section-epm-main-features .item .right {
  width: 100%;
  background-color: #dfe1e2;
  padding: 18px 22px;
}

@media(max-width: 767px) {
  .section-epm-main-features .item .right {
    padding: 15px 12px;
  }
}

.section-epm-main-features .item .right dl {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3px;
  padding: 5px 14px;
  min-height: 64px;
}

.section-epm-main-features .item .right dl dt,
.section-epm-main-features .item .right dl dd {
  vertical-align: middle;
}

.section-epm-main-features .item .right dl dt {
  min-width: 75px;
  padding-right: 18px;
}

.section-epm-main-features .item .right dl dd {
  width: auto;
  font-weight: 500;
  font-size: 18px;
  color: #373737;
}

@media(max-width: 767px) {
  .section-epm-main-features .item .right dl dd {
    font-size: 14px;
  }

  .section-epm-main-features .item .right .row > div + div {
    margin-top: 10px;
  }
}

/* ------------------------------------------------ */
.card-outline-red {
  position: relative;
  min-height: 220px;
  display: flex;
  align-items: center;
  border: 2px solid #e12f2f;
  border-radius: 10px;
  background-color: #fff;
  margin-right: 17px;
  margin-left: 19px;
}

.card-outline-red +.card-outline-red {
  margin-top: 26px;
}

@media(max-width: 767px) {
  .card-outline-red +.card-outline-red {
    margin-top: 15px;
  }
}

.card-outline-red .card-img {
  min-width: 100px;
  text-align: center;
}

.card-outline-red .card-number {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 130px;
  height: 130px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.01;
  color: #fff;
  text-align: center;
}

@media(max-width: 767px) {
  .card-outline-red .card-number {
    left: -10px;
    font-size: 25px;
    width: 60px;
    height: 60px;
  }
}

.card-outline-red .card-number small {
  display: block;
  margin-bottom: 3px;
  font-size: 19px;
  font-weight: bold;
}

@media(max-width: 767px) {
  .card-outline-red .card-number small {
    font-size: 17px;
  }
}

.card-outline-red .card-number p {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}


.card-outline-red .card-number p:before {
  position: absolute;
  width: 18px;
  height: 147px;
  top: 0;
  left: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 94%);
  background-color: #01223b;
  content: "";
}

@media(max-width: 767px) {
  .card-outline-red .card-number p:before {
    width: 8px;
    height: 68px;
  }
}

.card-outline-red .card-number p span {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: #e12f2f;
}

.card-outline-red .card-title {
  margin-top: 0;
  margin-bottom: 14px;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.438;
  color: #e12f2f;
}

@media(max-width: 767px) {
  .card-outline-red .card-title {
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 22px;
  }
}

.card-outline-red .card-body {
  column-gap: 27px;
  padding: 23px 57px 23px 145px;
}

@media(min-width: 768px) {
  .card-outline-red .card-body {
    display: flex;
    align-items: center;
  }
}

@media(max-width: 767px) {
  .card-outline-red .card-body {
    padding: 20px 10px 20px 75px;
  }
}

.card-outline-red ul {
  margin-bottom: 0;
}

.card-outline-red ul li {
  position: relative;
  font-size: 18px;
  line-height: 1.65;
  color: #373737;
  padding-left: 21px;
}

@media(max-width: 767px) {
  .card-outline-red ul li {
    font-size: 16px;
    line-height: 1.6;
  }
}

.card-outline-red ul li + li {
  margin-top: 10px;
}

@media(max-width: 767px) {
  .card-outline-red ul li + li {
    margin-top: 5px;
  }
}


.card-outline-red ul li:before {
  position: absolute;
  top: 8px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #e12f2f;
  content: "";
}

@media(max-width: 767px) {
  .card-outline-red ul li:before {
    top: 7px;
    width: 13px;
    height: 13px;
  }
}

/* ------------------------------------------------ */
.section-epm-structure {
  padding-top: 53px;
  padding-bottom: 58px;
  background-color: #f2f0f1;
}

@media(max-width: 767px) {
  .section-epm-structure {
    padding-bottom: 40px;
  }
}

.section-epm-structure .container {
  width: 100%;
  max-width: 1020px;
}

.section-epm-structure .lead-epm {
  text-align: left;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 43px;
}

@media(max-width: 767px) {
  .section-epm-structure .lead-epm {
    margin-bottom: 30px;
  }
}

.section-epm-structure dl dt,
.section-epm-structure dl dd {
  font-size: 14px;
  line-height: 1.571;
  color: #373737;
}

@media(max-width: 767px) {
  .section-epm-structure dl dt,
  .section-epm-structure dl dd {
    font-size: 12px;
  }
}

.section-epm-structure dl + dl {
  margin-top: 2px;
}

.section-epm-structure table {
  margin-bottom: 27px !important;
  border-bottom: 1px solid #c7c7c7;
}

@media(max-width: 767px) {
  .section-epm-structure table {
    margin-bottom: 20px !important;
  }
}

.section-epm-structure table thead tr th {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
  background-color: #e12f2f;
  text-align: center;
  padding: 18px 10px !important;
}

@media(max-width: 767px) {
  .section-epm-structure table thead tr th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px;
  }
}

.section-epm-structure table thead tr th.col-1 {
  width: 259px;
  background-color: transparent;
  border-bottom: 0;
}

@media(max-width: 767px) {
  .section-epm-structure table thead tr th.col-2 {
    width: 56%;
  }
}

.section-epm-structure table tbody tr th,
.section-epm-structure table tbody tr td {
  border-top-color: #c7c7c7 !important;
  vertical-align: middle !important;
}

.section-epm-structure table tbody tr th {
  font-weight: bold !important;
  font-size: 18px;
  line-height: 1.2;
  color: #e12f2f;
  background-color: rgba(225, 47, 47, 30%);
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 21px 41px !important;
}

@media(max-width: 767px) {
  .section-epm-structure table tbody tr th {
    font-size: 14px;
    padding: 8px 10px !important;
  }
}

.section-epm-structure table tbody tr td {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  color: #373737;
  border-right: 1px solid #c7c7c7;
}

@media(max-width: 767px) {
  .section-epm-structure table tbody tr td {
    font-size: 18px;
  }
}

.section-epm-structure table tbody tr:nth-child(odd) td {
  background-color: rgba(225, 47, 47, 10%);
}

.section-epm-structure table tbody tr:nth-child(even) td {
  background-color: #fff;
}

.section-epm-structure table tbody tr td small {
  font-size: 18px;
  font-weight: normal;
}

@media(max-width: 767px) {
  .section-epm-structure table tbody tr td small {
    font-size: 14px;
  }
}

.section-epm-structure table tbody tr td small.fs-sm {
  display: block;
  font-size: 15px;
}

@media(max-width: 767px) {
  .section-epm-structure table tbody tr td small.fs-sm {
    font-size: 13px;
  }
}

.section-epm-structure table tbody tr td ul {
  margin-bottom: 0;
}

@media(min-width: 768px) {
  .section-epm-structure table tbody tr td ul {
    display: flex;
    justify-content: center;
    column-gap: 18px;
  }
}

.section-epm-structure table tbody tr td ul li {
  position: relative;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
  color: #373737;
  padding-left: 20px;
}

@media(max-width: 767px) {
  .section-epm-structure table tbody tr td ul li {
    font-size: 13px;
    padding-left: 15px;
  }
}

.section-epm-structure table tbody tr td ul li:before {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #e12f2f;
  content: "";
}

@media(max-width: 767px) {
  .section-epm-structure table tbody tr td ul li:before {
    top: 3px;
    width: 9px;
    height: 9px;
  }
}

/*# sourceMappingURL=style.min-202103.css.map */