cssで指定していない物までfloatが適用されてしまう

前提・実現したいこと

3つの"contents-item"の画像ファイルに対して"float:left;"を指定しているのですが、すぐ次の段のsection-titleクラス内h3要素の"お問い合わせ"に対してまで適用されてしまいます。
"お問い合わせ"の項目を"contents-item"の画像ファイルの下に表示させるにはどのようにしたらよいでしょうか。

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="jp" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <link rel="stylesheet" type="text/css" href="stylesheet.css">
6    <title>写経</title>
7  </head>
8
9  <body>
10
11  <div class = "header">
12    <div class = "header-logo">Progate</div>
13      <div class = "header-list">
14       <ul>
15         <li>test1</li>
16         <li>test2</li>
17         <li>test3</li>
18       </ul>
19     </div>
20  </div>
21
22
23  <div class ="main">
24    <div class="copy-container">
25      <h1>Welcome to <span>Progate</span></h1>
26      <h2>ようこそ</h2>
27    </div>
28    <div class="contents">
29      <h3 class="section-title">Pick up</h3>
30    
31      <div class="contents-item">
32        <p>image1</p>
33        <img src="./imageforHTML/Aroma1.png">
34      </div>
35
36      <div class="contents-item">
37        <p>image2</p>
38        <img src="./imageforHTML/enzin1.jpg">
39      </div>
40
41      <div class="contents-item">
42        <p>SAUNA&SPA image3 </p>
43        <img src="./imageforHTML/uchina_u.png">
44      </div>
45
46    </div>
47    
48    <div class="contact-form">
49      <h3 class="section-title">お問い合わせ</h3>
50
51      
52    </div>
53
54    </div>
55
56  <div class = "footer" >
57    <div class = "footer-logo">Progate</div>
58    <div class = "footer-list">
59      <ul>
60        <li>test1</li>
61        <li>test2</li>
62        <li>お問い合わせ</li>
63      </ul>
64
65
66    </div>
67  </div>
68
69  </body>
70</html>
71

CSS
1body {
2font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
3}
4
5* {
6  padding: 0px;
7  margin: 0px;
8}
9
10.header {
11  background-color: #8e98f5;
12  height: 120px;
13}
14
15.main {
16  background-color: #b1cbfa;
17  height: 1000px;
18  padding: 50px 60px;
19}
20
21.footer {
22  background-color: #dfe2fe;
23  height: 120px;
24}
25
26
27/*ヘッダー関係*/
28.header-logo{
29  font-size: 22px;
30  float: left;
31  padding: 33px 20px;
32}
33
34.header-list li {
35  list-style: none;
36  float: left;
37  padding-top: 39px;
38  padding-bottom: 39px;
39  padding-left: 40px;
40  padding-right: 10px;
41}
42
43/*メイン関係*/
44
45.copy-container span {
46  color: #cc5a30;
47}
48
49.section-title {
50  border-bottom: 2px solid #1073a8;
51  padding-top: 20px;
52  padding-bottom: 5px;
53  margin-bottom: 10px;
54}
55
56.contents-item {
57  float: left;
58  padding: 10px;
59}
60
61.contents img {
62  height: 250px;
63  width: 250px;
64  padding-top: 5px;
65}
66
67/*フッター関係*/
68
69.footer-logo {
70  float: left;
71  padding: 20px;
72}
73
74.footer-list ul {
75  list-style: none;
76  float: right;
77  padding-right: 20px;
78}
79
80.footer-list li {
81    margin-bottom: 10px;
82}