HTML＆CSS　タブが移動してしまう

自己紹介のサイトの実装をしています。

HTML
1<html>
2
3 <head>
4     <meta charset="utf-8">
5     <title></title>
6     <link rel="stylesheet" href="profile.css">
7 </head>
8 
9 <body>
10 
11  <div class="main">
12      <h1>○○のページ</h1>
13  </div>
14  
15  <hr class="line">
16
17  <div class="list">
18      <input id="1" type="radio" name="list_item" class="tab",checked="checked">
19      <label class="list_item" for="1">1.生きてきた環境</label>
20      <div class="list_con" id="con1">
21          生きてきた環境
22      </div>
23      
24      <input id="2" type="radio" name="list_item" class="tab">
25      <label class="list_item" for="2">2.学歴・経歴</label>
26      <div class="list_con" id="con2">
27          学歴・経歴
28      </div>
29      
30      <input id="3" type="radio" name="list_item" class="tab">
31      <label class="list_item" for="3">3.趣味・特技とか</label>
32      <div class="list_con" id="con3">
33          趣味・特技とか
34      </div>
35      
36      <input id="4" type="radio" name="list_item" class="tab">
37      <label class="list_item" for="4" >4.思考</label>
38      <div class="list_con" id="con4">
39          思考
40      </div>
41      
42      <input id="5" type="radio" name="list_item" class="tab">
43      <label class="list_item" for="5">5.これから</label>
44      <div class="list_con" id="con5">
45          これから...
46      </div>
47      
48  </div>
49 
50 </body>
51</html>

CSS
1.main{
2    text-align: center;
3    font-size: 50px;
4    padding: 40px;
5}
6.line{
7    padding:20px;
8}
9.list{
10    display: flex;
11    flex-wrap: wrap;
12}
13
14.list_title{
15    font-size: 35px;
16    padding-top: 20px;
17    padding-left: 25px;
18    padding-bottom: 10px;
19}
20
21.list_item {
22    color: white;
23    background: blue;
24    font-size: 20px;
25    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
26    width: 20%;
27    padding-top: 0px;
28}
29
30.tab{
31    display: none;
32}
33
34.list_con {
35    width: 100%;
36    display: none;
37}
38
39.tab:checked +.list_item {
40    background-color: #5ab4bd;
41}
42.tab:checked+.list_item+.list_con {
43    display: block;
44}
45
46