TEST 20

lkjlk

kjhlkjk;lk,

jhjkll;'bnvkln,

.list-box-4{
background: #f5f9fc;/* 背景色 */
border-radius: 4px;
max-width: 600px;
padding: 2em;
margin:0 auto;
border:4px double;
border-color:#0e7ac4; /* 線の色 */
}
@media screen and (max-width: 768px){
.article ul, .article ol {
padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}

<div class="list-box-4">
<!-- ここから下にリストを貼り付ける -->
<ol class="list-6">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
<!-- ここから上にリストを貼り付ける -->
</div>

.list-box-4{
   background: #f5f9fc;/* 背景色 */
   border-radius: 4px;
   max-width: 600px;
   padding: 2em;
   margin:0 auto;
   border:4px double;
   border-color:#0e7ac4; /* 線の色 */
}
@media screen and (max-width: 768px){
.article ul, .article ol {
    padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}

<div class="list-box-2">
<!-- ここから下にリストを貼り付ける -->
<ol class="list-3">
 	<li>リスト1</li>
 	<li>リスト2</li>
 	<li>リスト3</li>
</ol>
<!-- ここから上にリストを貼り付ける -->
</div>