:root {
  --element-tag-height: 42px;
  --element-tag-width: 30%;
  --element-tag-space-between-height: 20px;
  --element-tag-space-between-width: 5%;

  --element-tag-total-height-row: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  /* ((height * space) * row) - space */
  --element-tag-bottom-row1: calc((var(--element-tag-total-height-row) * 1) - var(--element-tag-space-between-height));
  --element-tag-bottom-row2: calc((var(--element-tag-total-height-row) * 2) - var(--element-tag-space-between-height));

  /* ((width + space of width) * (row - 1)) + (width / 2) */
  --element-tag-bottom-hafl-col1: calc(var(--element-tag-width) / 2);

  /* ((height + space of height) * (row - 1)) + (height + (space / 2)) */
  --element-tag-bottom-hafl-row1-col1: calc(var(--element-tag-height) + (var(--element-tag-space-between-height) / 2));

  /* ((width + space of width) * (column - 1)) + (width + (space of width / 2)) */
  --element-tag-left-col2: calc(var(--element-tag-width) + var(--element-tag-space-between-width) / 2);

  /* (height + space of height) * (row - 2) + (height / 2) */
  --element-tag-left-top-col2-row4: calc(var(--element-tag-total-height-row) * 2 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row5: calc(var(--element-tag-total-height-row) * 3 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row6: calc(var(--element-tag-total-height-row) * 4 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row7: calc(var(--element-tag-total-height-row) * 5 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row8: calc(var(--element-tag-total-height-row) * 6 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row9: calc(var(--element-tag-total-height-row) * 7 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row10: calc(var(--element-tag-total-height-row) * 8 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row11: calc(var(--element-tag-total-height-row) * 9 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row12: calc(var(--element-tag-total-height-row) * 10 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row13: calc(var(--element-tag-total-height-row) * 11 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row14: calc(var(--element-tag-total-height-row) * 12 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row15: calc(var(--element-tag-total-height-row) * 13 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row16: calc(var(--element-tag-total-height-row) * 14 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row17: calc(var(--element-tag-total-height-row) * 15 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row18: calc(var(--element-tag-total-height-row) * 16 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row19: calc(var(--element-tag-total-height-row) * 17 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row20: calc(var(--element-tag-total-height-row) * 18 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row21: calc(var(--element-tag-total-height-row) * 19 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row22: calc(var(--element-tag-total-height-row) * 20 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row23: calc(var(--element-tag-total-height-row) * 21 + (var(--element-tag-height) / 2));
  --element-tag-left-top-col2-row24: calc(var(--element-tag-total-height-row) * 22 + (var(--element-tag-height) / 2));
}

html {
  scroll-behavior: smooth;
}

.background-image-bottom {
  top: calc(100% - 994px);
}

.navigation-wrapper {
  justify-content: flex-start;
}

.outline-container,
.access-container,
.certification-wrapper {
  background: var(--translucent-white);
  backdrop-filter: blur(10px);
  position: relative;
}

.outline-header,
.access-header {
  margin: 80px 12.7% 0;
}

.outline-content,
.access-content {
  margin: 39px 20% 120px;
}

.table tbody tr {
  border-bottom: 1px solid var(--grayline);
  font-family: "Noto Sans JP", sans-serif;
}

.table tbody tr td {
  color: var(--graybody);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
}

.table-col {
  width: 100%;
}

.table-col th,
.table-col td {
  padding: 28px 0;
}

.table-col tbody tr th {
  color: var(--blackheading);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1.92px;
  text-align: left;
  padding-right: 24px;
  width: 196px;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.director-title {
  display:inline-block;
  width: 140px;
}

.director-name {
  display:inline-block;
  width: 100px;
}

.audit-title {
  display:inline-block;
  width: 200px;
}

.audit-name {
  display:inline-block;
  width: 100px;
}

.access-content .table-col tbody tr th {
  letter-spacing: normal;
}

.table-col tbody tr td {
  color: var(--graybody);
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
}

.table-link {
  color: var(--vivid-orange) !important;
}

.table-link:hover {
  opacity: 0.7;
  text-decoration: none;
}

.grid-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 28px;
}

.table-content-title {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
}

.table-content-description {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.table-col li.disc {
  list-style: none;
}

li.disc:before {
  content: "・";
}

li.disc-hyphen:before {
  content: "- ";
}

.organization-chart-container,
.certification-container {
  position: relative;
}

.background-image-middle-organization {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: calc(100% - 514px);
}

.background-image-middle-organization-sp,
.background-image-middle-certification-sp {
  display: none;
}

.organization-content {
  margin: 60px 22% 160px;
  word-break: keep-all;
  overflow-wrap: break-word;
  position: relative;
  /* ((height + space of height) * total row) - space of height */
  height: calc(((var(--element-tag-height) + var(--element-tag-space-between-height)) * 20) - var(--element-tag-space-between-height))
}

.organization-tag {
  border: 1px solid var(--vivid-orange);
  background: var(--white);
  width: 30%;
  padding: 12px;
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  height: var(--element-tag-height);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.row1 {
  position: absolute;
  /*(height + space) * (row - 1)*/
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 0);
}

.row2 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 1);
}

.row3 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 2);
}

.row4 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 3);
}

.row5 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 4);
}

.row6 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 5);
}

.row7 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 6);
}

.row8 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 7);
}

.row9 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 8);
}

.row10 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 9);
}

.row11 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 10);
}

.row12 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 11);
}

.row13 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 12);
}

.row14 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 13);
}

.row15 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 14);
}

.row16 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 15);
}

.row17 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 16);
}

.row18 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 17);
}

.row19 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 18);
}

.row20 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 19);
}

.row21 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 20);
}

.row22 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 21);
}

.row23 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 22);
}

.row24 {
  position: absolute;
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 23);
}

.col1 {
  position: absolute;
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 0)
}

.col2 {
  position: absolute;
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 1)
}

.col3 {
  position: absolute;
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2)
}

.row-half {
  margin-top: calc(var(--element-tag-height) / 2 + var(--element-tag-space-between-height) / 2);
}

.line-bottom-col1-row1 {
  width: 1px;
  height: var(--element-tag-space-between-height);
  background-color: var(--vivid-orange);
  position: absolute;
  top: var(--element-tag-bottom-row1);
  left: var(--element-tag-bottom-hafl-col1);
}

.line-bottom-col1-row2 {
  width: 1px;
  height: var(--element-tag-space-between-height);
  background-color: var(--vivid-orange);
  position: absolute;
  top: var(--element-tag-bottom-row2);
  left: var(--element-tag-bottom-hafl-col1);
}

.and-line-right-col1-row1 {
  position: absolute;
  left: var(--element-tag-bottom-hafl-col1);
  /* (height * row) + (space / 2) */
  top: calc((var(--element-tag-height) * 1) + (var(--element-tag-space-between-height) / 2));
  height: 1px;
  /* (width / 2) + space */
  width: calc(var(--element-tag-width) / 2 + var(--element-tag-space-between-width));
  background-color: var(--vivid-orange);
}

.line-right-col1-row3 {
  position: absolute;
  left: var(--element-tag-width);
  /* (height + space) * (row - 1) + (height / 2) */
  top: var(--element-tag-left-top-col2-row4);
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.line-right-col2-row3 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 2 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row4 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 3 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row4 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row4);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row4 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 3 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.line-right-col2-row5 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 4 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row5 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 4 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row5 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row5);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row7 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 6 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row6 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 5 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row6 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row6);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row7 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 6 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row7 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row7);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row8 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 7 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row8 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 7 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row8 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 2) + (height / 2) */
  top: var(--element-tag-left-top-col2-row8);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row9 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 8 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row9 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 8 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row9 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row9);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row10 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 9 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row10 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 9 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row10 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row10);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row11 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 10 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row11 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 10 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row11 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row11);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row12 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 11 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row12 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 11 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col2-row12 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row12);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row13 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 12 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row13 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row13);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row14 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 13 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row14 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row14);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row15 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 14 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row15 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 14 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row15 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row15);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row16 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 15 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row16 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row16);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row17 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 16 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row17 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row17);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row16 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 15 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.line-right-col2-row18 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 17 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row18 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 17 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row18 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row18);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row19 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 18 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row19 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 18 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row19 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row19);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row20 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 19 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row20 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row20);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row21 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 20 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row21 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row21);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.line-right-col2-row20 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 19 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.line-right-col2-row22 {
  position: absolute;
  left: calc(var(--element-tag-width) * 2 + var(--element-tag-space-between-width));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 21 + (var(--element-tag-height) / 2));
  height: 1px;
  width: var(--element-tag-space-between-width);
  background-color: var(--vivid-orange);
}

.half-left-col2-row22 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 21 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row22 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row22);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row23 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 22 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row23 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row23);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col2-row24 {
  position: absolute;
  left: var(--element-tag-left-col2);
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 23 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}
.and-line-top-col2-row24 {
  position: absolute;
  left: var(--element-tag-left-col2);
  top: var(--element-tag-left-top-col2-row24);
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row3 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 2 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.half-left-col3-row4 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 3 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row4 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 2 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.and-line-bottom-col3-row4 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 3 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row5 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 4 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row5 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 3 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row6 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 5 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row6 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 4 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row7 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 6 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row7 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 5 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}


.half-left-col3-row8 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 7 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row8 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 6 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row9 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 8 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row9 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 7 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row10 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 9 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row10 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 8 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row11 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 10 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row11 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 9 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row12 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 11 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row12 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 10 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row13 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 12 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row13 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 11 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row14 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 13 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row14 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 12 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row15 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 14 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row15 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 13 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row16 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 15 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row16 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 14 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row17 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 16 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row17 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 15 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.half-left-col3-row19 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 1) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 18 + (var(--element-tag-height) / 2));
  height: 1px;
  width: calc(var(--element-tag-space-between-width) / 2);
  background-color: var(--vivid-orange);
}

.and-line-top-col3-row19 {
  position: absolute;
  /* ((width + space) * (column - 1)) - (space / 2) */
  left: calc((var(--element-tag-width) + var(--element-tag-space-between-width)) * 2 - (var(--element-tag-space-between-width) / 2));
  /* (height + space) * (row - 2) + (height / 2) */
  top: calc((var(--element-tag-height) + var(--element-tag-space-between-height)) * 17 + (var(--element-tag-height) / 2));
  height: calc(var(--element-tag-height) + var(--element-tag-space-between-height));
  width: 1px;
  background-color: var(--vivid-orange);
}

.organization-content img {
  width: 100%;
}

.organization-header {
  margin: 160px 20% 0;
  position: relative;
}

.organization-header {
  color: var(--vivid-orange);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 3.84px;
}

.table-access-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16.5px
}

.table-access-wrapper .table-access-item:not(:first-child) {
  margin-top: 12px
}

.table-access-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  background-image: url(/common/img/parts/icon_location.svg);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.table-access-content p {
  color: var(--vivid-orange);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
}

.access-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.access-link:hover {
  text-decoration: none;
}

.access-link:hover span {
  color: var(--vivid-orange);
}

.access-link span {
  color: var(--blackheading);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
}

.background-image-middle-certification {
  position: absolute;
  top: -185px;
  z-index: -1;
}

.certification-wrapper {
  margin: 160px 12.7% 0;
  padding: 100px 110px 120px;
}

.certification-header {
  color: var(--vivid-orange);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 3.84px;
}

.certification-content {
  margin-top: 60px;
}

.certification-item {
  display: flex;
  gap: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--grayline);
}

.certification-item:not(:first-child) {
  padding-top: 40px;
}

.certification-logo {
  flex: 0 0 196px;
  width: 196px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.certification-frame {
  flex: 0 0 196px;
  /* width: 196px; */
  display: flex;
  /* flex-direction: column; */
  /* gap: 20px; */
  border: 1px solid;
  border-color: var(--grayline);
  background-color: #fff;
}

.company-logo {
  flex: 0 0 196px;
  width: 196px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid;
  border-color: var(--grayline);
  background-color: #fff;
}


.certification-logo img {
  width: 100%;
}

.certification-frame .eruboshi-img{
  width: 80px;
  height: 100px;
  margin: auto;
}

.certification-frame .white500-img{
  width: 100px;
  height: 89.36px;
  margin: auto;
}

.company-logo .yell-img {
  width: auto;
  height: 131.89px;
  margin: auto;
}

.certification-logo a {
  color: var(--vivid-orange);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  text-decoration-line: underline;
}

.certification-description {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.certification-name {
  color: var(--blackheading);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
}

.certification-info {
  display: grid;
  grid-template-columns: 120px auto;
  grid-column-gap: 20px;
  grid-row-gap: 8px;
}

.certification-info-title {
  color: var(--blackheading);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}

.certification-info-description {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.certification-info-description p {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.list-number {
  list-style: decimal;
  margin-left: 20px;
}

.list-number li.number {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.list-number li.number:before {
  content: '';
}

.list-disc li.disc {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.list-disc li.disc-hyphen {
  color: var(--graybody);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin-left: 1em;
}

.grid-container .link-group:first-child .information-wrapper {
  background-image: url(/about/img/philosophy_img02.png);
  background-position: center center;
  background-size: cover;
}

.grid-container .link-group:last-child .information-wrapper {
  background-image: url(/about/img/history_img02.png);
  background-position: center center;
  background-size: cover;
}

.group-info {
  padding: 20% 61px;
}

.pc-show {
  display: block;
}

.mobile-show {
  display: none;
}

.pc-transition-show {
  display: flex;
}

.mobile-transition-show {
  display: none;
}

#outline-pc {
  position: absolute;
  top: -30px;
}

#organization-pc {
  position: absolute;
  top: -10px;
}

#accessmap-pc {
  position: absolute;
  top: -30px;
}

#license-pc {
  position: absolute;
  top: -10px;
}

#outline-sp {
  position: absolute;
  top: -50px;
}

#organization-sp {
  position: absolute;
  top: -30px;
}

#accessmap-sp {
  position: absolute;
  top: -50px;
}

#license-sp {
  position: absolute;
  top: -40px;
}

#secondhand {
  position: relative;
  top: -112px;
}

#tokyo {
  scroll-margin-top: 120px;
}

#osaka{
  scroll-margin-top: 120px;
}

#yokohama {
  scroll-margin-top: 110px;
}

#nagoya {
  scroll-margin-top: 110px;
}

#sapporo {
  scroll-margin-top: 110px;
}

#hiroshima {
  scroll-margin-top: 110px;
}

#fukuoka {
  scroll-margin-top: 110px;
}

@media screen and (max-width: 600px) {

  #osaka{
  scroll-margin-top: 100px;
  }

  #yokohama {
  scroll-margin-top: 85px;
  }

  #nagoya {
  scroll-margin-top: 85px;
  }

  #sapporo {
  scroll-margin-top: 85px;
  }

  #hiroshima {
  scroll-margin-top: 85px;
  }

  #fukuoka {
  scroll-margin-top: 85px;
  }
}

@media screen and (max-width: 1024px) {

  .background-image-middle-organization {
    top: calc(100% - 455px);
  }

  .certification-wrapper {
    padding: 100px 90px 120px;
  }

  .certification-logo {
    flex: 0 0 120px;
    width: 120px;
  }

  .certification-frame {
    flex: 0 0 120px;
    width: 120px;
  }

  .certification-frame .eruboshi-img {
    width: auto;
    height: 80px;
  }

  .certification-frame .white500-img {
    width: 80px;
    height: auto;
  }

  .company-logo {
    flex: 0 0 120px;
    width: 120px;
  }

  .company-logo .yell-img {
    width: auto;
    height: 80px;
  }

  .certification-info {
    grid-template-columns: 80px auto;
  }

  .table-col tbody tr th,
  .table-col tbody tr td {
    display: block;
  }


  .table-col tbody tr th,
  .table-col tbody tr td {
    display: block;
  }

  .table-col tbody tr:first-child th {
    padding: 0 0 12px;
  }

  .table-col tbody tr th {
    padding: 20px 0 12px 0;
    width: 100%;
  }

  .table-col tbody tr td {
    padding: 0 0 20px 0;
  }

  .table-content-description {
    margin-top: 4px;
  }

  .grid-two-col {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  
  .background-image-middle-organization {
    top: calc(100% - 385px);
  }

  .outline-content,
  .access-content {
    margin: 39px 12.7% 120px;
  }

  .organization-content {
    margin: 60px 20% 160px;
  }

  .organization-tag {
    font-size: 11px;
  }

  .certification-wrapper {
    padding: 100px 20px 120px;
  }

  .certification-item {
    flex-direction: column;
  }

  .certification-logo {
    width: 100%;
    flex-direction: row;
    flex: 0 0 auto;
  }

  .certification-logo img {
    width: 150px;
    height: 150px;
  }

  .certification-frame {
    flex: 0 0 150px;
    width: 150px;
    height: 150px;
  }

  .certification-frame .eruboshi-img {
    width: auto;
    height: 100px;
  }

  .certification-frame .white500-img {
    width: 100px;
    height: auto;
  }

  .company-logo {
    flex: 0 0 150px;
    width: 150px;
    height: 150px;
  }

  .company-logo .yell-img {
    width: auto;
    height: 100px;
  }

  .pc-show {
    display: none;
  }

  .mobile-show {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  :root {
    --element-tag-height: 24px;
  }

  .organization-tag {
    padding: 5px;
    font-size: 7px;
  }

  .outline-header,
  .access-header {
    margin: 40px 20px 0;
  }

  .outline-content {
    margin: 32px 20px 0 20px;
  }

  .access-content {
    margin: 40px 20px 60px 20px;
  }

  .organization-header {
    margin: 80px 20px 0;
  }

  .organization-content {
    margin: 28px 20px 80px;
  }

  .background-image-middle-organization,
  .background-image-middle-certification {
    display: none;
  }

  .background-image-middle-organization-sp {
    position: absolute;
    top: calc(100% - 303px);
    z-index: -1;
    width: 100%;
    display: block;
  }

  .background-image-middle-certification-sp {
    position: absolute;
    top: -96px;
    z-index: -1;
    width: 100%;
    display: block;
  }

  .table-access-item {
    position: relative;
  }

  .table-access-icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .certification-wrapper {
    margin: 80px 20px 0;
    padding: 60px 20px;
  }

  .certification-header {
    font-size: 20px;
    letter-spacing: 3.2px;
  }

  .certification-content {
    margin-top: 28px;
  }

  .certification-item {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
  }

  .certification-item:not(:first-child) {
    padding-top: 20px;
  }

  .certification-logo {
    width: 100%;
    flex-direction: row;
    flex: 0 0 auto;
  }

  .certification-logo img {
    width: 80px;
    height: 80px;
  }

  .certification-frame {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
  }

  .certification-frame .eruboshi-img{
    width: auto;
    height: 62.5px;
  }

  .certification-frame .white500-img {
    width: 62px;
    height: auto;
  }

  .company-logo {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    background-color: #fff;
  }

  .company-logo .yell-img {
    width: auto;
    height: 59.35px;
  }

  .certification-logo h4 {
    color: var(--blackheading);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    margin-bottom: 8px;
  }

  .certification-info {
    grid-template-columns: 80px auto;
    grid-column-gap: 12px;
  }

  .certification-info-title {
    font-size: 14px;
  }

  .certification-info-description {
    font-size: 14px;
  }

  .pc-show {
    display: none;
  }

  .mobile-show {
    display: block;
  }

  .pc-transition-show {
    display: none;
  }

  .mobile-transition-show {
    display: flex;
  }
}