@charset "UTF-8";

/* ########## 年金者連盟構成図 ########### */
#graph01 {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin: 2em 0 0;
  padding: 0 0 255%;
  font-size: 2.1333333333vw;
}
#graph01 .line1 {
  width: 1px;
  height: 14.66431%; /* 415 / 2830 * 100 */
  position: absolute;
  top: 1.23674%; /* 35 / 2830 * 100 */
  left: 50%;
  margin: 0;
  padding: 0;
  background: #000000;
}
#graph01 .line2 {
  width: 70.95238%; /* 1490 / 2100 * 100 */
  height: 1px;
  position: absolute;
  top: 12.7208%; /* 360 / 2830 * 100 */
  left: 14.52380%; /* (2100 - 1490) / 2 /2100 * 100% */
  margin: 0;
  padding: 0;
  background: #000000;
}
#graph01 .line3 {
  width: 1px;
  height: 3.18021%; /* 90 / 2830 * 100 */
  position: absolute;
  top: 12.7208%; /* 360 / 2830 * 100 */
  left: 14.52380%; /* (2100 - 1490) / 2 /2100 * 100% */
  margin: 0;
  padding: 0;
  background: #000000;
}
#graph01 .line4 {
  width: 1px;
  height: 3.18021%; /* 90 / 2830 * 100 */
  position: absolute;
  top: 12.7208%; /* 360 / 2830 * 100 */
  left: 85.47618%; /* 14.52380 + 70.95238 */
  margin: 0;
  padding: 0;
  background: #000000;
}
#graph01 .box1 {
  display: flex;
  width: 50%;
  height: 2.47349%; /* 70 / 2830 * 100 */
  position: absolute;
  top: 0;
  left: 25%; /* (100 - 50) / 2 * 100 */
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
  text-align: center;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: center;
  align-items: center;
}
#graph01 .box2 {
  display: flex;
  width: 50%;
  height: 2.47349%; /* 70 / 2830 * 100 */
  position: absolute;
  top: 4.52296%; /* 128 / 2830 * 100 */
  left: 25%; /* (100 - 50) / 2 * 100 */
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
  text-align: center;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: center;
  align-items: center;
}
#graph01 .box3 {
  display: flex;
  width: 50%;
  height: 2.47349%; /* 70 / 2830 * 100 */
  position: absolute;
  top: 9.04593%; /* 256 / 2830 * 100 */
  left: 25%; /* (100 - 50) / 2 * 100 */
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
  text-align: center;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: center;
  align-items: center;
}

#graph01 .box4 {
  width: 30.15873%; /* (2100 - 100 * 2) / 3 = 633.33333 / 2100 * 100 */
  position: absolute;
  top: 14.66431%; /* 415 / 2830 * 100 */
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#graph01 .box4 th {
  font-weight: normal;
  line-height: 1.125;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
}

#graph01 .box4 td {
  letter-spacing: 1.5em;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #000000;
}

#graph01 .box5 {
  width: 30.15873%; /* (2100 - 100 * 2) / 3 = 633.33333 / 2100 * 100 */
  position: absolute;
  top: 14.66431%; /* 415 / 2830 * 100 */
  left: 34.92063%; /* 733.33333 / 2100 * 100 */
  margin: 0;
  padding: 0;
  list-style: none;
}

#graph01 .box5 th {
  font-weight: normal;
  line-height: 1.125;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
}

#graph01 .box5 td {
  letter-spacing: 1.5em;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #000000;
}

#graph01 .box6 {
  width: 30.15873%; /* (2100 - 100 * 2) / 3 = 633.33333 / 2100 * 100 */
  position: absolute;
  top: 14.66431%; /* 415 / 2830 * 100 */
  left: 69.84126%; /* 1466.66666 / 2100 * 100 */
  margin: 0;
  padding: 0;
  list-style: none;
}

#graph01 .box6 th {
  font-weight: normal;
  line-height: 1.125;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
}

#graph01 .box6 td {
  letter-spacing: 1.5em;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #000000;
}

#graph01 .box7 {
  position: absolute;
  top: 60.07067%; /* 1700 / 2830 * 100 */
  left: 83.09523%; /* 1745 / 2100 * 100 */
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
  color: #000000;
}

#graph01 .fs75 {
  font-size: 75%;
}

#graph01 .ls0{
  letter-spacing: 0em !important;
}

#graph01 .ls25 {
  letter-spacing: 0.25em !important;
}

#graph01 .ls50 {
  letter-spacing: 0.5em !important;
}

#graph01 .ls150 {
  letter-spacing: 1.5em !important;
}

#graph01 .ls200 {
  letter-spacing: 2em !important;
}

#graph01 .wmVja {
  text-orientation: upright;
  writing-mode: vertical-rl;
}

#graph01 .taCenter {
  text-align: center;
}



@media (min-width: 769px), print {
  #graph01 {
    margin: 2em 0 0;
    padding: 0 0 220%;
    font-size: 14px;
  }
}



/* ########## 埼玉県市町村職員年金者連盟・役員構成 ########### */
#graph02 {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  margin: 2em 0 0;
  padding: 0;
  font-size: 2.4vw;
}
#graph02::before {
  content: "";
  display: block;
  padding: 43.6046511628% 0 0;
}
#graph02 .line1 {
  width: 1px;
  height: 80%;
  position: absolute;
  top: 8%;
  left: 49.7093023256%;
  margin: 0;
  padding: 0;
  background: #000000;
}
#graph02 .box1 {
  display: flex;
  width: 18.6046511628%;
  height: 16%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 40.1162790698%;
  margin: 0;
  padding: 0 3.488372093%;
  font-size: 100%;
  line-height: 1.3333333333;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: space-between;
  align-items: center;
}
#graph02 .box1 span {
  display: inline-block;
}
#graph02 .box2 {
  display: flex;
  width: 18.6046511628%;
  height: 16%;
  box-sizing: border-box;
  position: absolute;
  top: 26.6666666667%;
  left: 40.1162790698%;
  margin: 0;
  padding: 0 3.488372093%;
  font-size: 100%;
  line-height: 1.3333333333;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: space-between;
  align-items: center;
}
#graph02 .box2 span {
  display: inline-block;
}
#graph02 .box3 {
  display: flex;
  width: 18.6046511628%;
  height: 16%;
  box-sizing: border-box;
  position: absolute;
  top: 53.3333333333%;
  left: 40.1162790698%;
  margin: 0;
  padding: 0 3.488372093%;
  font-size: 100%;
  line-height: 1.3333333333;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: space-between;
  align-items: center;
}
#graph02 .box3 span {
  display: inline-block;
}
#graph02 .box4 {
  display: flex;
  width: 37.2093023256%;
  height: 16%;
  box-sizing: border-box;
  position: absolute;
  top: 80%;
  left: 31.3953488372%;
  margin: 0;
  padding: 0 3.488372093%;
  font-size: 100%;
  line-height: 1.3333333333;
  color: #000000;
  background: white;
  border: 1px solid #000000;
  justify-content: space-between;
  align-items: center;
}
#graph02 .box4 span {
  display: inline-block;
}

@media (min-width: 769px), print {
  #graph02 {
    margin: 1.5em 0 0;
    font-size: 18px;
  }
}