:root {
  --text: 14px;
  --unit: 4px;
  --box_size: 0px;
  --box_size_temp: 0px;
}

* {
  -webkit-tap-highlight-color: transparent;
  caret-color: black;
}

*:focus {
  outline: none;
}

a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
}

.text_small,
.text_normal1,
.text_big {
  font-family: Arial;
  font-display: block;
  font-style: normal;
  min-width: fit-content;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
}

.text_small {
  font-size: calc(var(--text) * 0.75);
  line-height: calc(var(--unit) * 4);
}

.text_normal1 {
  font-size: calc(var(--text) * 1);
  line-height: calc(var(--unit) * 4);
}

.text_big {
  font-size: calc(var(--text) * 1.25);
  line-height: calc(var(--unit) * 6);
}

.text_light {
  font-weight: 400;
}

.text_bold {
  font-weight: 700;
}

.text_underline {
  text-decoration: underline;
  cursor: pointer;
}

.text_transparent {
  opacity: 0.35;
}

.text_mistake {
  text-decoration: underline dashed;
  -webkit-text-decoration: underline dashed;
  cursor: pointer;
}

.text_ver{
  writing-mode: vertical-lr;
  height: 1fr;
  width: 1fr;
}

.inline3 {
  display: flex;
  flex-wrap: wrap;
}

.inline_nowrap {
  flex-wrap: nowrap;
}

.inline3 {
  align-items: stretch;
}

.inline_space2> :not(:last-child) {
  margin-right: calc(var(--unit) * 2);
}

.link {
  cursor: pointer;
}

.no_link {
  cursor: auto !important;
}

.box_normal1,
.box_normal2,
.box_normal3,
.box_big1,
.box_big2,
.box_multi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.box_small {
  padding-right: calc(var(--unit) * 1);
  padding-left: calc(var(--unit) * 1);
  height: calc(var(--unit) * 3.5);
  min-width: calc(var(--unit) * 12);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform: translateY(calc(var(--unit) * -0.5));
}

.box_small2 {
  padding-top: calc(var(--unit) * 1);
  padding-bottom: calc(var(--unit) * 1);
}

.box_small3 {
  padding-right: calc(var(--unit) * 1);
  padding-left: calc(var(--unit) * 1);
}

.box_normal1 {
  padding-right: calc(var(--unit) * 2);
  padding-left: calc(var(--unit) * 2);
}

.box_normal2 {
  padding-right: calc(var(--unit) * 2);
  padding-left: calc(var(--unit) * 2);
  padding-top: calc(var(--unit) * 2);
  padding-bottom: calc(var(--unit) * 2);
}

.box_normal3 {
  padding-right: calc(var(--unit) * 2);
  padding-left: calc(var(--unit) * 2);
  padding-top: calc(var(--unit) * 1);
  padding-bottom: calc(var(--unit) * 1);
}

.box_big1 {
  padding-left: calc(var(--unit) * 4);
  padding-right: calc(var(--unit) * 4);
  padding-top: calc(var(--unit) * 1);
  padding-bottom: calc(var(--unit) * 1);
}

.box_big2 {
  padding-left: calc(var(--unit) * 4);
  padding-right: calc(var(--unit) * 4);
  padding-top: calc(var(--unit) * 2);
  padding-bottom: calc(var(--unit) * 2);
}

.box_multi{
  padding: 0px;
}

.box_multi> div{
  padding-left: calc(var(--unit) * 2);
  padding-right: calc(var(--unit) * 2);
  margin-top: calc(var(--unit) * 0);
  margin-bottom: calc(var(--unit) * 2);
}

.box_title {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 1;
  padding-bottom: calc(var(--unit) * 4);
  background-color: rgb(102, 204, 204);
  margin-bottom: calc(var(--unit) * -2);
  margin-top: calc(var(--unit) * 0) !important;
}

.table2 {
  display: grid;
  grid-template-columns: calc(var(--unit) * 2) auto;
  grid-auto-rows: auto;
}

.cell2_1 {
  grid-column: span 1;
}

.cell2_2 {
  grid-column: 2 / span 1;
}

.paragraph1 {
  margin: calc(var(--unit) * 2);
  margin-top: calc(var(--unit) * 4);
  margin-bottom: calc(var(--unit) * 4);
  width: 100%;
}

.paragraph1> :not(:last-child),
.paragraph3> :not(:last-child){
  margin-bottom: calc(var(--unit) * 4);
}

.paragraph2,
.paragraph3 {
  width: 1fr;
}

.paragraph2> :not(:last-child){
  margin-bottom: calc(var(--unit) * 2);
}

.text_input1 {
  min-width: auto;
  width: 100%;
  min-height: calc(var(--unit) * 4);
  white-space: pre-wrap;
  margin:0px;
  border:0px;
  padding-left: calc(var(--unit) * 1);
  padding-top: calc(var(--unit) * 0);
  padding-bottom: calc(var(--unit) * 0);
  margin:0px;
  cursor: text;
}

.text_input1:empty:not(:focus)::before {
  content: attr(placeholder);
  display: block;
  color: black;
  opacity: 0.35;
  pointer-events: none;
}

.text_input2 {
  display: block;
  height: calc(var(--unit) * 4);
  margin: 0px;
  border: 0px;
  overflow: hidden;
  border-radius: 0;
  min-width: 0px;
  overflow-wrap: normal;
  word-break: normal;
}

.text_input2::placeholder {
  display: block;
  color: black;
  opacity: 0.35;
  pointer-events: none;
}

.filter_ani{
  animation-name: vibration;
  animation-duration: 100ms; 
  animation-timing-function: linear; 
  animation-iteration-count: 2;
}

@keyframes vibration {
  0%   {transform: translate(0px,0px);}
  25%  {transform: translate(-3px,0px);}
  50%  {transform: translate(0px,0px);}
  75%  {transform: translate(3px,0px);}
  100%  {transform: translate(0px,0px);}
}

.table_structure {
  display: grid;
  grid-template-columns: repeat(2, calc(var(--unit) * 2)) 1fr;
  grid-template-rows: auto repeat(4, calc(var(--unit) * 2) auto);
}

.table_structure_ex {
  display: grid;
  grid-template-columns: repeat(5, calc(var(--unit) * 2)) auto;
  grid-template-rows: auto calc(var(--unit) * 2) auto repeat(4, calc(var(--unit) * 2) auto calc(var(--unit) * 2) auto);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,e
select:-webkit-autofill:focus {
  border: 0px;
  -webkit-text-fill-color: black;
  transition: background-color 5000s ease-in-out 0s;
}