@font-face {
  font-family: 'din';
  src: url('./din-regular-webfont.woff2') format('woff2'),
       url('./din-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'din';
  src: url('./din-regularalternate-webfont.woff2') format('woff2'),
       url('./din-regularalternate-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'din';
  src: url('./din-bold-webfont.woff2') format('woff2'),
       url('./din-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'din';
  src: url('./din-blackalternate-webfont.woff2') format('woff2'),
       url('./din-blackalternate-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'din';
  src: url('/din-bold-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;

}


* {
  font-size: 20pt;
  font-family: 'din', sans-serif !important;
 }
html, body { height: 100%; }
body { margin: 0;}

.kura-image-bar-top {
  width: 100%; 
  background-image: url('./bar_kura_top_s.png'); 
  background-repeat: repeat-x;
  background-size: auto 20px; 
  height: 20px;
}

.kura-image-bar-bottom {
  width: 100%; 
  background-image: url('./bar_kura_bottom_s.png'); 
  background-repeat: repeat-x;
  background-size: auto 20px; 
  height: 20px;
  margin-top: 10px;
}


.kura-color-bar {
  width: 100%; background-color: #610B30; height: 10px;
}

.faq-title {
  font-size: 20pt;
  margin: 20px;
}

.faq-header {
  font-size: 18pt;
}

.faq-body {
  text-align: start;
  padding-left: 10%;
  padding-right: 10%;
}

.faq-text {
  font-size: 12pt;
}

.faq-back {
  position: absolute; right: 50px; font-weight: bold;
}

.tac-title {
  font-size: 20pt;
  margin: 20px;
  font-weight: bold;
}

.tac-header {
  font-size: 16pt;
  font-weight: bold;
}

.tac-header-s {
  font-size: 16pt;
}

.tac-body {
  text-align: justify;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  overflow: hidden;
  height: 85vh;
  /* margin-top: -100px;
  padding-top: 100px; */
  position: relative;
  /* width: 100%; */
  backface-visibility: hidden;
  will-change: overflow;
}

.tac-scrollable {
  overflow: auto;
  height: auto;
  padding: .5rem;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  flex: 1;
}

.tac-scrollable::-webkit-scrollbar {
  display: none;
}

.tac-text {
  font-size: 12pt;
}

.tac-link {
  font-size: 12pt;
}

.tac-back {
  position: absolute; right: 50px; font-weight: bold;
}