@charset "utf-8";

/* 作成日と通知または書類名 */
.date_and_name {
	width: 100%;
}

/* 角丸 */
.top_left_radius {
	border-top-left-radius: 5px;
}
.top_right_radius {
	border-top-right-radius: 5px;
}
.bottom_left_radius {
	border-bottom-left-radius: 5px;
}
.bottom_right_radius {
	border-bottom-right-radius: 5px;
}

/* 左寄せ(flex指定なし) */
.text_align_left {
	text-align: left;
}
/* 右寄せ(flex指定なし) */
.text_align_right {
	text-align: right;
}
/* 中央寄せ(flex指定なし) */
.text_align_center {
	text-align: center;
}
/* 右寄せ(flex指定あり) */
.justify_content_right {
	justify-content: flex-end;
}
/* 中央寄せ(flex指定あり) */
.justify_content_center {
	justify-content: center;
}

/* 横幅指定 */
.width_40percent {
	width: 40%;
}
.width_60percent {
	width: 60%;
}
.width_80percent {
	width: 80%;
}

/* margin指定 */
.margin_top_15 {
	margin-top: 15px;
}
.margin_bottom_15 {
	margin-bottom: 15px;
}

/* flex指定 */
.time_deposit_flex_container_parent {
  display: flex;
}
.time_deposit_flex_container_child1 {
  flex-basis: 40%;
}
.time_deposit_flex_container_child2 {
  flex-basis: 20%;
}

/* SP版 */
@media screen and (max-width: 750px) {
	/* 表示非表示 */
	.display_sp {
		display: block;
	}
	.display_pc, .display_print {
		display: none;
	}

	/* 名義人 */
	.applicant_name_parent {
	  justify-content: center;
	}

	/* 定期預金情報 */
	.time_deposit_table {
		margin-bottom: 15px;
	}
	.time_deposit_table_cell {
		display: flex;
	}
	.time_deposit_table_cell div {
		display: flex;
		align-items: center;
		flex: 1;
		font-size: 14px;
		padding: 10px;
	}
	.time_deposit_table > div:not(:last-child),
	.time_deposit_table_cell:not(:last-child){
		border-bottom: 0.5px solid #CCCCCC;
	}
	.time_deposit_table_head {
	  text-align: center;
	  padding: 5px;
	  border-bottom: 0.5px solid #CCCCCC;
	}
	.time_deposit_table_head,
	.time_deposit_table_cell div:first-child {
		justify-content: center;
		color: #fff;
		background-color: #0091D6;
	}
	.time_deposit_table_cell div:not(:first-child) {
		background-color: #FFFFFF;
	}
}

/* PC版 */
@media screen and (min-width: 751px) {
	/* 表示非表示 */
	.display_pc {
		display: block;
	}
	.display_sp, .display_print {
		display: none;
	}

	/* 定期預金情報 */
	.time_deposit_table,
	.time_deposit_details,
	#time_deposit_details_pc {
		margin-bottom: 15px;
	}
	.time_deposit_table_head {
	  text-align: center;
	  padding: 5px 0;
	  border-bottom: 0.5px solid #CCCCCC;
		justify-content: center;
		color: #fff;
		background-color: #0091D6;
	}
	.time_deposit_table_th,
	.time_deposit_table_td {
	  display: flex;
	}
	.time_deposit_table_th div {
		text-align: center;
		color: #fff;
		background-color: #0091D6;
		font-size: 14px;
		padding: 10px;
		flex: 1;
	}
	.time_deposit_table_td div {
	  display: flex;
		align-items: center;
		background-color: #FFFFFF;
		font-size: 14px;
		padding: 10px;
		flex: 1;
		border-top: 0.5px solid #CCCCCC;
	}
	.time_deposit_table_th div:not(:last-child),
	.time_deposit_table_td div:not(:last-child) {
	  border-right: 0.5px solid #CCCCCC;
	}
	
	.time_deposit_table_td div p.name-flex-1{
	  display: inline-block;
    margin:0 auto;
	}
	.time_deposit_table_td div p {
	  display: inline-block;
    text-align: left;
	}
	.remark_element {
	  border-left: 0.5px solid #CCCCCC;
    padding: 25px!important;
	}
}

/* 印刷用 */
@media print {
	/* 表示非表示（共通） */
	.display_print {
		display: block;	
	}
	
	/* 表示非表示（Mac Safariのみ適用） */
	.Mac .display_print {
	display: block;
    transform: scale(0.99); /* 99%に縮小 */
    transform-origin: top left;  /*縮小の起点を左上に */
    
}
	/* 表示非表示（iOS Safariのみ適用） */
	.iOS .display_print {
	display: block;
    transform: scale(0.93); /* 93%に縮小 */
    transform-origin: top left;  /*縮小の起点を左上に */
    
}

	.display_sp ,
	.display_pc {
		display: none;
	}
	/* タイトル箇所 */
	.time_deposit_title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
	}
	.shop_and_phone {
	  text-align: right;
	}
	.shop_and_phone span {
	  margin-left: 15px;
	}
	.nominee_area {
	  border-bottom: solid 1px #000;
		width: 400px;
		display: flex;
		align-items: flex-end;
		margin-bottom: 30px;
	}
	.nominee_area div p {
    width: 300px;
    padding-left: 100px;
    text-align: left;
    font-size: 13px;
	}
  .nominee_area span {
    padding-left: 1px;
    font-size: 16px;
  }
	/* 定期預金情報 */
	.time_deposit_number {
		width: 25%;
		margin-bottom: 15px;
	}
	.time_deposit_number div:first-child {
	  color: #000;
	  background-color: #CCC;
	  border: 0.5px solid;
	  border-bottom: none;
	  padding: 5px 10px;
	  text-align: center;
	}
	.time_deposit_number div:last-child {
	  border: 0.5px solid;
	  padding: 5px 10px;
	  text-align: center;
	}
	.time_deposit_table_head {
	  color: #000;
	  background-color: #CCC;
	  text-align: center;
	  padding: 5px 0;
		justify-content: center;
	  box-sizing: border-box;
	}
	.time_deposit_table_th,
	.time_deposit_table_td {
	  display: flex;
	}
	.time_deposit_table_th div {
		text-align: center;
		color: #000;
		background-color: #CCC;
		font-size: 14px;
		padding: 5px;
		flex: 1;
    border-style: solid;
	}
	.time_deposit_table_td div {
		align-items: center;
		font-size: 14px;
		padding: 5px;
		flex: 1;
    border-style: solid;
	}
	.remark_element {
	  display: flex;
    align-items: center;
    justify-content: center;
	}
	.display_flex {
	  display: flex;
	}

  /* フォントサイズ */
  .display_print,
  .time_deposit_notes,
  .time_deposit_table_th div,
  .time_deposit_table_td div {
    font-size: 10px;
  }
  .time_deposit_table_th div p,
  .time_deposit_table_td div p {
    font-size: 10px;
    transform: scale(0.9);
  }

	/* 枠線 */
  .border_top {
    border-top-width: 0.5px;
    border-style: solid;
  }
  .border_bottom {
    border-bottom-width: 0.5px;
    border-style: solid;
  }
  .border_left {
    border-left-width: 0.5px;
    border-style: solid;
  }
  .border_right {
    border-right-width: 0.5px;
    border-style: solid;
  }

  /* 枠線調整（GoogleChromeのみ） */
  _:lang(x)::-internal-media-controls-overlay-cast-button, .padding_adjustment_4px_chrome {
    padding-right: 4px!important;
  }
  _:lang(x)::-internal-media-controls-overlay-cast-button, .padding_adjustment_6px_chrome {
    padding-right: 6px!important;
  }



}
  


/* 注意文言 */
.time_deposit_notes p:last-child {
	margin-top: 10px;
	margin-bottom:30px;
}