* {	box-sizing: border-box;}
.ta_c { text-align: center;}

body {
	margin: 0;
	padding: 0;
	font-family: -apple-system, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	color: #444;
}
header {
	width: 720px;
	margin: 0 auto;
	background-color: #fff;
}
.logo {
	padding: 20px;
}
img {
	vertical-align: top;
}
nav ul {
	display: flex;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}
nav li {
	margin: 0 1px 0 0;
	flex: 1 1 100%;
	background: #a6bcc8;
	text-align: center;
	list-style: none;
}
nav li:last-child {
	margin: 0;
}
nav li.current {
	padding: 8px;
	background: #83a2b2;
	color: #ffffff;
}
nav li a {
	display: block;
	padding: 8px;
	background: #a6bcc8;
	color: #fff;
	text-decoration: none;
}
nav li a:hover {
	background: #99b2bf;
}

h1 {
	margin: 0;
	padding: 0 0 10px;
	border-bottom: 3px solid #83a2b2;
	color: #83a2b2;
	font-size: 24px;
	text-align: center;
}
h2 {
	text-align: center;
	font-size: 16px;
	margin: 60px 0 20px 0;
}
h3 {
	font-size: 14px;
	margin: 20px 0 10px 0;
}
h4 {
	text-align: center;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}
dl {
	margin: 0;
}
dt {
	display: inline-block;
	width: 80px;
	padding: 0 10px 0 0;
	vertical-align: top;
	text-align: right;
}
dd {
	display: inline-block;
	width: 500px;
	margin: 0;
}
#wrapper {
	width: 720px;
	margin: 0 auto;
	padding: 20px;
	background-color: #83a2b2;
}
#container {
	padding: 40px 40px 40px 40px;
	background-color: #fff;
}
table {
	width: 100%;
	border-collapse: collapse;
}
table th, table td {
	border: 1px solid #cccccc;
}
.table01 {
	margin: 10px 0 20px;
}
.table01 th {
	width: 100px;
	text-align: left;
	font-weight: normal;
}
.table01 td {
	width: 43px;
	white-space: nowrap;
}
.table02 {
	margin: 10px 0 20px;
}
.item01 {
	width: 20%;
}
.table03 {
	margin: 10px 0 20px;
	table-layout: fixed;
	width: 100%;
}
.table03 th {
	width: 100px;
	font-weight: normal;
}
.table03 td {
	word-wrap: break-word; /* IE11用 */
	overflow-wrap: break-word;
}

footer {
	padding: 20px 10px;
	color: #666666;
	text-align: center;
}

@media (max-width: 640px) {
	header {
		width: 100%;
	}
	#wrapper {
		width: 100%;
		padding: 10px;
	}
	#container {
		padding: 20px 10px;
	}
	h1 {
		font-size: 20px;
	}
	h2 {
		margin: 40px 0 20px;
	}
	dt {
		width: 18%;
	}
	dd {
		width: 80%;
	}
	.item01 {
		width: 25%;
	}
	.table01 {
		overflow: auto;
		white-space: nowrap;
	}
}

/******
202503追加　
*******/
.table04 {
    padding-bottom: 40px;
}

/* ddの中にtableを入れてtableの始まりだけ左に、ができなかったため
　　dt1 dd1 table dt2 dd2　として dt2の気配を消しました*/
.hidden_dt {
    opacity: 0;
}

/* タブ追加した確定拠出年金の表のための金額右揃え */
.amount {
    padding-right:0.8vw;
	text-align:right;
}