ul { list-style: none; } ol { counter-reset:number; /*数字をリセット*/ list-style-type: none!important; /*数字を一旦消す*/ }  .list-1{ list-style: none; padding:0; margin:0; } .list-1 li { position: relative; margin:0.5em 0 !important; padding-left: 25px; } .list-1 li:before { background-color: #ffa952; /* 点の色 */ position: absolute; content: ''; top:0.9em; left: 0.5em; width: 7px; height: 7px; border-radius: 4px; }  .list-2{ list-style: none; padding:0; margin:0; } .list-2 li { border-bottom:2px dashed; border-color:#cdcdcd; /* 線の色 */ position: relative; margin:0.5em 0 !important; max-width:500px; /* 横幅 */ padding: 0 0 0.5em 1.4em; } .list-2 li:last-child{ border:none; } .list-2 li:before { background-color: #ffa952; /* 点の色 */ position: absolute; content: ''; top:0.9em; left: 0.5em; width: 7px; height: 7px; border-radius: 4px; }  .list-3{ list-style: none; padding:0; margin:0; } .list-3 li { position: relative; margin:0.5em 0 !important; padding-left: 25px; } .list-3 li:before { font-family: FontAwesome; content: "\f14a"; /*アイコン*/ color: #ffa952; /* 色 */ position: absolute; left:0; }  .list-4{ list-style: none; padding:0; margin:0; } .list-4 li { border-bottom:2px dashed; border-color:#cdcdcd; /* 線の色 */ position: relative; margin:0.5em 0 !important; max-width:500px; /* 横幅 */ padding: 0 0 0.5em 1.4em; } .list-4 li:last-child{ border:none; } .list-4 li:before { font-family: FontAwesome; content: "\f138"; /*アイコン*/ color: #ffa952; /* 点の色 */ position: absolute; left:0; }  .list-5 ol{ counter-reset:number; /*数字をリセット*/ list-style-type: none!important; /*数字を一旦消す*/ padding:0; margin:0; } .list-5 li { position: relative; margin:0.5em 0 !important; padding-left: 1.8em; } .list-5 li:before { /* 以下数字をつける */ position: absolute; counter-increment: number; content: counter(number); background-color: #ffa952; /* 文字背景色 */ color: #fff; /* 文字色 */ position: absolute; font-weight:bold; font-size: 14px; border-radius: 50%; left: 0; top:0.5em; width: 22px; height: 22px; line-height: 22px; text-align: center; }  .list-6 ol { counter-reset:number; /*数字をリセット*/ list-style-type: none!important; /*数字を一旦消す*/ padding:0; margin:0; } .list-6 li { border-bottom:2px dashed; border-color:#cdcdcd; /* 線の色 */ position: relative; margin:0.5em 0 !important; max-width:90%; /* 横幅 */ padding: 0 0 0.5em 1.8em; } .list-6 li:last-child { border:none; } .list-6 li:before { /* 以下数字をつける */ position: absolute; counter-increment: number; content: counter(number); background-color: #ffa952; /* 文字背景色 */ color: #fff; /* 文字色 */ font-weight:bold; font-size: 14px; border-radius: 50%; left: 0; top:0.5em; width: 22px; height: 22px; line-height: 22px; text-align: center; }  .box30 { margin: 2em 0; border: solid 1px #4ec4d3; } .box30 .box-title { font-size: 1.2em; background: #4ec4d3; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em; } .box30 p { padding: 15px 20px; margin: 0; }