/* PC：横並び + 高さ揃え */
.PO-Overview{
  display: flex;
  align-items: stretch; /* 2つの箱を同じ高さに */
}

.PO-OV01{
  flex: 1 1 0;
  min-width: 0;
  display: flex;
}

.tablePO-OV01{
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tablePO-OV01 tbody tr{
  height: 50px;
}

.tablePO-OV01 tbody tr.PO-eva{
  height: 100px;
}

.tablePO-OV01 th,
.tablePO-OV01 td{
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  padding: 10px 12px;
  text-align: left;
  vertical-align: middle;
  font-weight: 400;
}

/* 見出しセル */
.tablePO-OV01 th{
  background: #D7D7FF;
  width: 120px;
  font-weight: 700;
}

/* SP：縦並び */
@media (max-width: 768px){
  .PO-Overview{
    flex-direction: column;

  }
   .PO-OV01 + .PO-OV01 .tablePO-OV01 tr:first-child th,
  .PO-OV01 + .PO-OV01 .tablePO-OV01 tr:first-child td{
    border-top: 0;
}
}

/*table*/
table.tablePO-Company01 {
	width: 600px;
	margin-bottom: 60px
}

@media (max-width: 768px){
table.tablePO-Company01 {
	width: 100%;
}
}

table.tablePO-Company01 th {
	width: 120px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #B1AFAF;
	background-color: #D7D7FF;
	font-weight: bold;
	color: #333;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
table.tablePO-Company01 td {
	border: 1px solid #AFAFB1;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 160%;
}

/*ヘルプアイコン*/
a.help-on{
  position: relative;
  display: inline-block;     /* テキスト幅ぴったりの箱にする */
  padding-right: 14px;       /* アイコン分だけ“重ならないよう”余白（必要なら調整） */
  text-decoration: none;     /* 見た目は任意 */
}

a.help-on::after{
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;

  /* 右上配置（はみ出しNGなので、0以上で調整） */
  top: -5px;                  /* ここをオプション化したいならCSS変数でもOK */
  right: 2px;

  background-image: url("/common/images/ico_help_03.png"); /* 12x12 のアイコン */
  background-repeat: no-repeat;
  background-size: 12px 12px;

  pointer-events: none;      /* クリック/hoverを邪魔しない */
}