/* セル内記載事項の並び替え 他 */
.info-box{
  display:inline-block;   /* td内でも中央配置しやすい */
  text-align:left;
}

.info-row{
  display:flex;
  margin:7px 0 3px 0;
  line-height:1.2;
}

/* 項目 */
.info-title{
  flex:0 0 auto;
  margin-right:0.2em;
  white-space:nowrap;
}

/* 内容 */
.info-body{
  flex:1;
}

/* レスポンシブ指定 */
@media (max-width:500px){
  .info-row{
    flex-direction:column;
  }

  .info-title{
    margin-bottom:2px;
  }
}

/* 横巾要素の統一 */
* {
  box-sizing: border-box;
}

/* セルの高さ調整 他 */
.list-row{
  display:flex;
  width:auto;
  align-items:stretch;   /* ← これ重要 */
}

.list-wrappleft {
  clear: both;
  width: 50%;
  display:flex;          /* ← 追加 */
}
.list-wrappright {
  width: 50%;
  display:flex;          /* ← 追加 */
}

.list-left {
  width: 100%;
  margin : 0 ;
  padding : 0 ;
  /*天右地左*/
  text-align: left ;
}
.list-right {
  width: 100%;
  margin : 0 ;
  padding : 0 ;
  /*天右地左*/
  text-align: left ;
}

table.list {
  width:100%;
  height:100%;           /* ← これが決定打 */
  border-collapse: collapse;
}

td.list {
  border-collapse: collapse;

  border-width : 1px 1px 0 1px;
  border-style : solid;
  padding : 5px;
  line-height:100%;
}

/* レスポンシブ指定 */
@media (max-width: 768px) {
  .list-row{
    flex-direction: column;
  }

  .list-wrappleft,
  .list-wrappright{
    width:100%;
  }
}