@charset "utf-8";

.table_outer table .item_bank {
  align-items: center;
  /*display: inline-flex;/**/
  display: flex;
  flex-wrap: nowrap;
  text-align: left;
}

.table_outer table .item_bank .item_child {
  align-items: center;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.table_outer table .txt.style03 {
  min-width: 130px;	
  padding-right: 10px;
  text-align: right;
}
.bank_inrerr{
	margin-left:130px;
	margin-bottom:10px;
}

.bankkbn {
  display: flex;
  /*justify-content: space-evenly;*/
  justify-content: center;
  align-items: center;
}

.bankkbn label {
  display: flex;          /* ラベル内で横並び */
  align-items: center;
  margin:0 1em 0 0.5em;     /* ボタンとの間隔 */
  white-space: nowrap;
}

/*.bankkbn {
  padding-left:2em;
}

.bankkbn label{
  padding-left:5px; 
  padding-right:40px;
}*/

.item_bank label{
  padding-left:3px; 
  /*padding-right:10px;*/
  white-space: nowrap;
}

.table_outer textarea {
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #808080;
  border-radius: 5px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;/**/
  min-height: 10em;
  padding: 10px 11px;
  font-size: 16px;
  line-height: 1.2;
}


.table_outer .multi_err.err_style input[type="text"],
.table_outer .multi_err.err_style select {
    border: 1px solid #808080;
}

.table_outer .multi_err.err_style input[type="text"].inerr,
.table_outer .multi_err.err_style select.inerr {
    border: 2px solid #ff0000;
}

.head_info{
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}



@media screen and (max-width: 767px) {
  .table_outer table .txt.style03 {
    min-width: 110px;
  }
  .bank_inrerr{
	margin-left:110px;
	}
}

/** r610 **/
 .container {
        padding:4px 0;
        display: flex;
        align-items: center; /* Aの要素を縦の中央に配置 */
    }
    .elementA {
        width: 80px; /* 固定幅を設定 */
    }
    .elementB {
        line-height:1.4em;
        flex: 1;
        display: flex;
        flex-wrap: wrap; /* Bの中の要素を折り返し */
        padding:10px;
    }
    .elementB div {
        flex: 0 0 100%;
    }
    @media (min-width: 600px) {
        .elementB div {
            flex: 1; /* 画面幅が狭くなったときにBの中の要素を2行にする */
        }
    }