@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato|Lato');
/*!
 * Default theme for Pingendo 
 * Homepage: http://pingendo.com  
 * Copyright 2015 Pingendo 
 * Licensed under MIT 
 * Based on Bootstrap v3.3.4
*/
/* Add custom CSS classes here 
 * 
 * img {
 *   box-shadow : 0px 0px 10px black !important;
 * }
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
 * Pingendo customization for Bootstrap
 * Homepage: http://pingendo.com
 * Copyright 2015 Pingendo
 * Licensed under MIT
*/
/* Google web fonts support */
/* TODO: webkit need this why ?*/
html,
body {
  height: 100%;
}
/* text-inverse is deprecated */
.text-inverse {
  color: #ffffff;
}
/* TODO: verify if we can touch only section */
.jumbotron {
  margin-bottom: 0px !important;
}
.jumbotron h1.text-primary {
  color: #3f5a77 !important;
}
.jumbotron h1.text-inverse {
  color: #ffffff !important;
}
.jumbotron h1.text-info {
  color: #5bc0de !important;
}
.jumbotron h1.text-success {
  color: #5cb85c !important;
}
.jumbotron h1.text-warning {
  color: #f0ad4e !important;
}
.jumbotron h1.text-danger {
  color: #d9534f !important;
}
.carousel .item img {
  min-width: 100%;
}
.section {
  position: relative;
  padding: 35px 0;
}
.section .background-image {
  z-index: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.section .background-image.background-image-fixed {
  background-attachment: fixed;
}
.section-primary {
  background-color: #3f5a77 !important;
  color: #ffffff;
}
.section-primary .background-image {
  opacity: 0.5;
}
.section-info {
  background-color: #5bc0de !important;
  color: #ffffff;
}
.section-info .background-image {
  opacity: 0.5;
}
.section-success {
  background-color: #5cb85c !important;
  color: #ffffff;
}
.section-success .background-image {
  opacity: 0.5;
}
.section-warning {
  background-color: #f0ad4e !important;
  color: #ffffff;
}
.section-warning .background-image {
  opacity: 0.5;
}
.section-danger {
  background-color: #d9534f !important;
  color: #ffffff;
}
.section-danger .background-image {
  opacity: 0.5;
}
.cover {
  margin-bottom: 0px !important;
  padding: 0px 0px;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  min-height: 100%;
}
.cover h1.text-primary {
  color: #3f5a77 !important;
}
.cover h1.text-inverse {
  color: #ffffff !important;
}
.cover h1.text-info {
  color: #5bc0de !important;
}
.cover h1.text-success {
  color: #5cb85c !important;
}
.cover h1.text-warning {
  color: #f0ad4e !important;
}
.cover h1.text-danger {
  color: #d9534f !important;
}
@media screen and (min-width: 768px) {
  .cover {
    padding: 0px;
  }
  .container .cover,
  .container-fluid .cover {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.cover .navbar {
  position: absolute;
  top: 0px;
  width: 100%;
  border: none;
  background-color: transparent !important;
}
.cover .navbar .navbar-nav li.active a {
  background-color: transparent !important;
}
.cover .navbar .navbar-toggle {
  border-color: transparent;
}
.cover .navbar .navbar-toggle:hover,
.cover .navbar .navbar-toggle:focus {
  background-color: transparent;
}
.cover .navbar .navbar-toggle .icon-bar {
  background-color: #000000;
}
.cover .navbar.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.cover .navbar.navbar-inverse .navbar-toggle:hover,
.cover .navbar.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.cover .navbar.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.cover .cover-image {
  z-index: -1;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.cover .cover-image.background-image-fixed,
.cover .cover-image.cover-image-fixed {
  background-attachment: fixed;
}
/* PINGENDO COMMENT DO NOT REMOVE */

/* heading */

article h1 {
  background-color: #5a5a74;
  color: white !important;
  padding: 10px 10px 10px 20px;
}

h2.remarks {
  border-left: solid 8px #718e93;
  border-bottom: solid 3px #718e93;
  color: #152746 !important;
  padding: 10px;
}

article h2, article h3{
  color: #4f4674 !important;
}

.indent {
	text-indent: 2em;
}

.dropdown-menu > li.text {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.5;
    white-space: nowrap;
}

.dropdown-menu > li.indent {
	text-indent: 2em;
	line-height: 1.5;
}

h2.panel-title {
  font-size: 15pt;
}
.bottom-align-text {
  position: absolute;
  bottom: 0;
  left: 0;
}
.head-bar {
  font-size: 12pt;
}

/* sub-dropdown */
@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
	transform: rotate(-90deg);
    }
}

/* parentheses list */
ol.parentheses{
  list-style: none;
  padding: 0;
  display: table;
}
ol.parentheses > li:after{
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
ol.parentheses > li{
  display: table-row;
  counter-increment: cnt;
}
ol.parentheses > li:before{
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
  content: "（" counter(cnt) "） ";
}

ol.parentheses.vertical-margin-15 li{
  margin: 15px 0;
}

ol.parentheses.vertical-margin-10 li{
  margin: 10px 0;
}

ol.parentheses.vertical-margin-5 > li{
  margin: 5px 0;
}

/* combined list in privacy_bessi */
ol.katakana > li {
  /*list-style-type: katakana; <- cant use in IE/Edge */
  margin: 5px 0;
}

ol.outer li{
  font-weight: bold;
}

ol.outer p{
  font-weight: normal;
}

ul.nostyle{
  padding: 0;
}

ul.nostyle li{
  list-style-type: none;
  font-weight: normal;
  text-indent:-2em;
  padding-left:2em;
}

ul.nostyle li:before{
  content: "";
}

/* index list */
ul.index{
  margin: 20px 40px;
  padding: 0;
}

ul.index li{
  position: relative;
  line-height: 2.4;
  list-style-type: none;
}

ul.index li:after{
  display: block;
  content: '';
  position: absolute;
  top: 1.0em;
  left: -1em;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 1px solid #3498db;
  border-radius: 100%;
}

/* sho index list */
ol.sho{
  padding:0 0 0 2em;
}
ol.sho > li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.sho > li:before{
  content: "第" counter(cnt) "章 ";
}

/* answer table */
table.answer-table {
 margin: 15px;
 width: 95%;
 border-width: 1px;
}

table.answer-table th{
  text-align: center;
  background-color: #9fd2f7;
}

table.answer-table th{
  text-align: center;
  background-color: #9fd2f7;
}

table.answer-table tr:not(:first-child) th {
  font-weight: normal;
}

table.answer-table table{
  margin: 5px auto;
  width: 95%;
}

/* small caption under heading */
p.caption {
  margin-top: -10px;
  font-size: smaller;
}

/* table stripes */
table.stripes tr:nth-child(odd){
  background-color: #94f7d2;
}

/* info-table */
table.info-table th, table.info-table td{
  border: 1px #000 solid;
  padding: 10px;
}


table.info-table th{
  border: 1px #000 solid;
  background-color: #9fd2f7;
}

/* horizontal dd */
.dl-horizontal.left-no-space dt {
  float: left;
  width: 6em;
  overflow: hidden;
  clear: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal.left-no-space dd {
  margin-left: 6.5em;
}

img.auto {
  height: auto;
  width: 100%;
}

/* kome ul */
ul.kome{
  padding-left: 3em;
  list-style: none;
  position: relative;
}
ul.kome > li{
  display: table-row;
}
ul.kome > li:before{
  position: absolute;
  display: inline-block;
  left: 0.7em;
  text-align: right;
  font-weight: bold;
  color: #f80e0d;
  content: "※";
}

/* hover */
.panel-primary > .panel-heading.panel-heading-hover{
  transition: background-color 1s;
}

.panel-primary > .panel-heading.panel-heading-hover:hover{
   background-color: #779fe2;
 }

.panel-primary > .panel-heading.panel-heading-hover:not(.collapsed){
  background-color: #779fe2;
}

table.sub-answer td{
  width: 12.5%;
}

/* return to top */
.return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.return-to-top a {
  opacity: 0.5;
  display: block;
  padding: 8px 0 0 0;
  border-radius: 50px;
  width: 60px;
  height: 60px;
  background-color: #9FD6D2;
  font-size: 45px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.5s;
}

.return-to-top a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.kome-color{
  color: #f80e0d;
}

.highlight {
  background-color: #f6f402;
}