親要素を子要素に収めることやり方がわかりません。

p-container__sideMenuの子要素
p-container__mainMenuの子要素のスタイルを親要素内に影響を与えず綺麗に収めることができません。

HTML
1      <div class="l-container u-clearfix">
2        <div class="p-container__sideMenu">
3          <ul class="p-container__sideMenu--logo">
4            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_01.png" alt="sideMenu"></li>
5            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_03.png" alt="sideMenu"></li>
6            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_05.png" alt="sideMenu"></li>
7            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_07.png" alt="sideMenu"></li>
8            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_09.png" alt="sideMenu"></li>
9            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_11.png" alt="sideMenu"></li>
10            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_13.png" alt="sideMenu"></li>
11            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_15.png" alt="sideMenu"></li>
12            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_17.png" alt="sideMenu"></li>
13            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_19.png" alt="sideMenu"></li>
14            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_21.png" alt="sideMenu"></li>
15            <li class="p-container__sideMenu--items"><img src="img/sidemenu/icon/spr_gnav_pc_23.png" alt="sideMenu"></li>
16          </ul>
17
18          <ul class="p-container__sideMenu--shareButton">
19            <li><a href="#"><img src="img/icon/twitter.png" alt="twitter"></a></li>
20            <li><a href="#"><img src="img/icon/facebook.png" alt="facebook"></a></li>
21          </ul>
22        </div>
23        <div class="p-container__mainMenu">
24          <ul class="p-container__mainMenu--logo">
25            <li class="p-container__mainMenut--items">
26              <img src="img/mainmenu/menu/spr_top01_01.png" alt="service" class="p-container__mainMenu--logoName">
27              <img src="img/mainmenu/icon/spr_top01_46.png" alt="menu" class="p-container__mainMenu--mainLogo">
28              <img src="img/mainmenu/menu2/spr_top01_16.png" alt="company" class="p-container__mainMenu--title">
29              <p class="p-container__mainMenu--inner">グッピーズは、人材採用をITで確信し続ける企業です。</p>
30            </li>
31            <li class="p-container__mainMenut--items">
32              <img src="img/mainmenu/menu/spr_top01_04.png" alt="service" class="p-container__mainMenu--logoName">
33              <img src="img/mainmenu/icon/spr_top01_48.png" alt="menu" class="p-container__mainMenu--mainLogo">
34              <img src="img/mainmenu/menu2/spr_top01_19.png" alt="company" class="p-container__mainMenu--title">
35              <p class="p-container__mainMenu--inner">グッピーズが提供するOnly Oneサービスをご紹介します。</p>
36            </li>
37            <li class="p-container__mainMenut--items">
38              <img src="img/mainmenu/menu/spr_top01_06.png" alt="service" class="p-container__mainMenu--logoName">
39              <img src="img/mainmenu/icon/spr_top01_50.png" alt="menu" class="p-container__mainMenu--mainLogo">
40              <img src="img/mainmenu/menu2/spr_top01_21.png" alt="company" class="p-container__mainMenu--title">
41              <p class="p-container__mainMenu--inner">グッピーズの最新のニュース、プレスリリースです。</p>
42            </li>
43            <li class="p-container__mainMenut--items">
44              <img src="img/mainmenu/menu/spr_top01_08.png" alt="service" class="p-container__mainMenu--logoName">
45              <img src="img/mainmenu/icon/spr_top01_52.png" alt="menu" class="p-container__mainMenu--mainLogo">
46              <img src="img/mainmenu/menu2/spr_top01_23.png" alt="company" class="p-container__mainMenu--title">
47              <p class="p-container__mainMenu--inner">グッピーズではNo.1を目指す環境が整っています。</p>
48            </li>
49            <li class="p-container__mainMenut--items">
50              <img src="img/mainmenu/menu/spr_top01_10.png" alt="service" class="p-container__mainMenu--logoName">
51              <img src="img/mainmenu/icon/spr_top01_54.png" alt="menu" class="p-container__mainMenu--mainLogo">
52              <img src="img/mainmenu/menu2/spr_top01_26.png" alt="company" class="p-container__mainMenu--title">
53              <p class="p-container__mainMenu--inner">様々な情報をFacebookページで発信しています。</p>
54            </li>
55            <li class="p-container__mainMenut--items">
56              <img src="img/mainmenu/menu/spr_top01_12.png" alt="service" class="p-container__mainMenu--logoName">
57              <img src="img/mainmenu/icon/spr_top01_56.png" alt="menu" class="p-container__mainMenu--mainLogo">
58              <img src="img/mainmenu/menu2/spr_top01_28.png" alt="company" class="p-container__mainMenu--title">
59              <p class="p-container__mainMenu--inner">サービスに関するお問い合わせはこちらから。</p>
60            </li>
61            <li class="p-container__mainMenut--items">
62              <img src="img/mainmenu/menu/spr_top01_14.png" alt="service" class="p-container__mainMenu--logoName">
63              <img src="img/mainmenu/icon/spr_top01_58.png" alt="menu" class="p-container__mainMenu--mainLogo">
64              <img src="img/mainmenu/menu2/spr_top01_31.png" alt="company" class="p-container__mainMenu--title">
65              <p class="p-container__mainMenu--inner">医療・歯科・介護に特化した、日本で最初のNo.1求人サイト。</p>
66            </li>
67            <li class="p-container__mainMenut--items">
68              <img src="img/mainmenu/menu/spr_top01_14.png" alt="service" class="p-container__mainMenu--logoName">
69              <img src="img/mainmenu/icon/spr_top01_60.png" alt="menu" class="p-container__mainMenu--mainLogo">
70              <img src="img/mainmenu/menu2/spr_top01_33.png" alt="company" class="p-container__mainMenu--title">
71              <p class="p-container__mainMenu--inner">医療・歯科・介護の資格を目指す学生のための就職サイト。</p>
72            </li>
73            <li class="p-container__mainMenut--items">
74              <img src="img/mainmenu/menu/spr_top01_14.png" alt="service" class="p-container__mainMenu--logoName">
75              <img src="img/mainmenu/icon/spr_top01_62.png" alt="menu" class="p-container__mainMenu--mainLogo">
76              <img src="img/mainmenu/menu2/spr_top01_35.png" alt="company" class="p-container__mainMenu--title">
77              <p class="p-container__mainMenu--inner">人材募集で最も利用されているサービスのご利用はこちらから。</p>
78            </li>
79            <li class="p-container__mainMenut--items">
80              <img src="img/mainmenu/menu/spr_top01_14.png" alt="service" class="p-container__mainMenu--logoName">
81              <img src="img/mainmenu/icon/spr_top01_63.png" alt="menu" class="p-container__mainMenu--mainLogo">
82              <img src="img/mainmenu/menu2/spr_top01_37.png" alt="company" class="p-container__mainMenu--title">
83              <p class="p-container__mainMenu--inner">グッピーの無料転職相談は、無料以上の価値があります。</p>
84            </li>
85            <li class="p-container__mainMenut--items">
86              <img src="img/mainmenu/menu/spr_top01_14.png" alt="service" class="p-container__mainMenu--logoName">
87              <img src="img/mainmenu/icon/spr_top01_65.png" alt="menu" class="p-container__mainMenu--mainLogo">
88              <img src="img/mainmenu/menu2/spr_top01_40.png" alt="company" class="p-container__mainMenu--title">
89              <p class="p-container__mainMenu--inner">医師のアルバイト探しは、スマホ対応のDr.スポットで簡単検索。</p>
90            </li>
91            <li class="p-container__mainMenut--items">
92              <img src="img/mainmenu/menu/spr_top01_14.png" alt="service" class="p-container__mainMenu--logoName">
93              <img src="img/mainmenu/icon/spr_top01_66.png" alt="menu" class="p-container__mainMenu--mainLogo">
94              <img src="img/mainmenu/menu2/spr_top01_43.png" alt="company" class="p-container__mainMenu--title">
95              <p class="p-container__mainMenu--inner">ソーシャルリクルーティングはFacebookアプリ・Jinzで始めよう。</p>
96            </li>
97          </ul>
98        </div>
99      </div>
100    </div>
101

CSS
1.p-container__sideMenu {
2  width: 230px;
3  float: left;
4}
5
6.p-container__sideMenu--logo {
7  margin-top: 10px;
8  outline-offset: -2px;
9  outline: 1px solid #fff;
10  display: flex;
11  flex-wrap: wrap;
12  background-color: #f28b1d;
13}
14
15.p-container__sideMenu--items {
16   border-right: 1px dotted #fff;
17   border-top: 1px dotted #fff;
18   box-sizing: border-box;
19}
20
21.p-container__sideMenu--items:nth-child(-n+3) {
22  border-top: none;
23}
24
25.p-container__sideMenu--items:nth-child(3n) {
26  border-right:none;
27}
28
29.p-container__sideMenu--shareButton {
30  display: flex;
31  margin-top: 30px;
32  justify-content: center;
33}
34
35.p-container__mainMenu {
36  float: right;
37  width: 710px;
38}
39
40.p-container__mainMenu--logo {
41  display: flex;
42  flex-wrap: wrap;
43}
44
45.p-container__mainMenut--items {
46  height: 230px;
47  width: 230px;
48  background-color: #fff;
49  margin-left: 10px;
50  margin-top: 10px;
51  border: 1px solid #cabfa4;
52  box-sizing: border-box;
53}
54
55.p-container__mainMenut--items:nth-child(3n+1) {
56  margin-left: 0;
57}
58
59.p-container__mainMenu--logoName {
60  padding-top: 10px;
61}
62
63.p-container__mainMenu--mainLogo {
64  display: block;
65  height: 70px;
66  margin: 25px auto 0;
67}
68
69.p-container__mainMenu--title {
70  margin-left: 20px;
71  margin-top: 10px;
72}
73
74.p-container__mainMenu--inner {
75  font-size: 13px;
76   line-height: 15px;
77   padding: 10px 30px 0 20px;
78}
79
80