.top-nav{
  overflow:hidden;
  background:#343a40;
}

.top-nav p{
  position:absolute;
  top:1px;
  left:20px;
  color:#fff;
  text-shadow:3px 3px 3px #000;
}

.bg-nav {
  background-color: #06502b;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  padding-top: 60px;
  margin-bottom: 60px;
}


.bd-main{grid-area:main}
@media (max-width: 991.98px){.bd-main{max-width:760px;margin-inline:auto}}
@media (min-width: 768px){
  .bd-main{display:grid;
    grid-template-areas:"intro" "toc" "content";
    grid-template-rows:auto auto 1fr;gap:inherit}
  }
@media (min-width: 992px){
  .bd-main{grid-template-areas:"intro   toc" "content toc";grid-template-rows:auto 1fr;grid-template-columns:4fr 1fr}}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}

.main-container {
  padding-top: 56px;
  padding-bottom: 56px;
}

.top-star-area {
  padding-top: 56px;
  height:  112px;
  background:#000033;
}

.top-box {
  position: absolute;
  top: 0;
height: 56px;
left: 0;
}


.breadcrumb {
  background:transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
  content:'>';
}

.no-gutters {
  margin:0;
  padding:0;
}
 
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  margin:0;
  padding:0;
}

.top-box {
  position: relative;
}

.required {
  display: inline-block;
  line-height: 1;
  color: #fff;
  font-size: 0.8rem;
  background: #e2451a;
  border-radius: 0.5rem;
  padding: 0.2rem 0.2rem;
  margin-left: 0.2rem;
}

.contact-textarea {
  max-width: 100%;
  min-height: 80px;
}

.list_error {
	margin-bottom: 40px;
	padding: 20px;
	color: #d54545;
	border: 4px solid #d54545;
	list-style-type: none;
}

.paddingrl10-osa {
  padding-right: 10px;
  padding-left: 10px;
}
#container {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 100%;
}
 
#contents {
    padding-bottom: 100px;
}

p.break{
  word-wrap: break-word;
}

footer {
  position: absolute;
  margin: 0;
  width: 100%;
  background-color: #3b1503;
  color: #fff;
  text-align: center;
}

img.miniimage { display: none; }

@media screen and (min-width: 1000px) {
   img.miniimage { display: none; } 
   img.bigimage  { display: block; }
   p.resizeimage img {
     margin:auto;
    }
}
@media screen and (max-width: 999px) {
   img.miniimage { display: block; }
   img.bigimage  { display: none; }
   p.resizeimage img { width: 100%; }
}