CSS

/* ナビゲーションに関するコード*/

@media (min-width: 768px) {
.nav-item {
color:#CCCCCC;
border-right: 1px solid #999999;
}
.nav-item:last-child {
border-right:none
}
}

.nav-link {
color:#333333;
}

/body部分のコード/
body {
padding:100px 0px 0px 0px;
font-size:14px;
}

h2 {
color: #664433;
border-bottom: solid 2px #D3C9C5;
padding-bottom: 5px;
padding-left: 21px;
margin-bottom: 15px;
font-size: 18px;
background-image: url(icon.png);
background-size: 16px 16px;
background-repeat: no-repeat;
line-height: 1.0;
}

h3 {
color: #664433;
font-size:16px;
}

p {
font-size:14px;
}

.indent {
text-indent:1em;
}

.col-lg-3 {
padding:0 auto;
}

.col-lg-8 {
padding:0 auto;
}

@media (max-width: 767px) {
.toggler-icon {
margin-top: -44px;
}
}

@media (min-width: 992px) {
a.list-group-item {
color: #333333;
border: none;
border-top:dashed 1px #CCCCCC;
background-image: url(arrow.png);
background-size: 6px 10px;
background-repeat: no-repeat;
background-position:0% 50%;
}
a.list-group-item:first-child {
border-top: none;
}
}

/* フッターに関する箇所*/

.fotter-contents {
margin:30px 0px 10px 0px;
padding:10px;
border-top:solid 1px #CCCCCC;
}