/*-----------駐屯地沿革----------*/
 .stepbar {
    margin: 0;
    width: 80%;
  }
  
  .stepbar .stepbarwrap {
    margin-top: 0cm;
    margin: 0 0 1em 7%;
    position: relative;
  }
  
  .stepbar .stepbarwrap .steptitle {
    display: inline-flex;
    align-items: center;
  }
  
  .stepbar .stepbarwrap .steptitle .stepcircle {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    border-radius: 50%;
    background-color: rgb(1, 44, 99);
    border: 1px solid rgb(23, 0, 66);
  }
  
  .stepbar .stepbarwrap .steptitle .stepnum {
    padding-left: 0.5em;
    font-size: 1em;
    font-weight: bold;
    color: rgb(1, 44, 99);
  }
  
  .stepbar .stepbarwrap .steptxt {
    padding-left: 1.5em;
    line-height: 1.5;
  }
  
  .stepbar .stepbarwrap .steptxt .title {
    margin: 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
  }
  
  .stepbar .stepbarwrap .steptxt .txt {
    font-size: 0.9em;
    line-height: 1.5;
  }
  
  .stepbar .stepbarwrap .stepline {
    width: 1px;
    height: calc(100% + 1em);
    background-color: #000;
    position: absolute;
    top: 1em;
    left: 0.5em;
    z-index: -1;
  }
  
  .stepbarwrap:last-of-type .stepline:last-of-type {
    display: none;
  }
  
  @media screen and (max-width: 960px) {
    .stepbar {
      width: 90%;
    }
  }

 
 /*-----------駐屯地司令----------*/
 table{
  margin-left: 5%;
}
table th{
  width :85px;
  font-weight: bold;
  border-bottom: 0.5px dashed #000;
  text-align-last: justify; 
}
table td{
  width :340px;
  border-bottom: 0.5px dashed #000;
  padding-left: 3%;
}
.last {
  border-bottom: none
}
.small {
  font-size: 75%;
  border-bottom: none;
  }
.img {
  width: 100%; 
  max-width: 560px; /*画像のmaxサイズ*/
  margin: 1% 0% 0% 5%;
}