@charset "UTF-8";

/* --------------------------------------------------
    共通
-------------------------------------------------- */
body {
	font-size: 1rem;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
	background-color: #FDFDFD;
}

.body-wrapper {
	width: 100%;
	min-height: 100vh;
	padding-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

h1 {font-size: 1.5rem;}
h2 {font-size: 1.25rem;}
h3 {font-size: 1.125rem;}
h4 {font-size: 1rem;}
h5 {font-size: 0.875rem;}

/* --------------------------------------------------
    form
-------------------------------------------------- */
.form-content {
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
	max-width: 350px;
}
.form-box {
	padding: 15px;
	margin: auto;
}

/* --------------------------------------------------
    btn
-------------------------------------------------- */
.btn-block+.btn-block {
	margin-top: 0;
}
.btn-light {
	color: #212529;
	background-color: #e8edf1;
	border-color: #e8edf1;
}

/* --------------------------------------------------
    main contents
-------------------------------------------------- */
.content {
	padding-top: 40px;
	padding-bottom: 80px;
	width: 100%;
}

 table.table-date_time{
	width: 100%;
	margin-bottom: 50px;
}
table.table-date_time tbody tr th, table.table-date_time tbody tr td{
	background-color: #c4e9ed;
	border:solid 1px #FFFFFF;
	padding: 20px;
	font-size: 1.25rem;
}
table.table-date_time tbody tr td{
	text-align: end;
}

table{
	width: 100%;
	font-size: 1.125rem;
}
table thead{
	background-color: #a3a3a3;
	text-align: center;
	font-size: 1.125rem;
	color: #FFFFFF;
}
table tbody tr *:first-child{
	background-color: #EDEDED;
}
table tbody tr th{
	font-weight: normal;
	width: 30%;
}
table th,table td{
	border:solid 1px #a3a3a3;
	padding: 10px 16px;
}
table td{
	background-color: #FFFFFF;
}

.unit{
	margin-left: 20px;
	background-color: transparent!important;
}