body {
    background-color: snow;
    
}

#wrapper {
     width: 760pt;
     background-image: linear-gradient(to right, orange 0%, orange 50pt, transparent 50pt, transparent 100%),
                                        repeating-linear-gradient(45deg, transparent 0pt, transparent 7pt, white 7pt, white 14pt),
                                        repeating-linear-gradient(-45deg, transparent 0pt, transparent 7pt, white 7pt, white 14pt);

}

p {
    line-height: 2em;
    width: 100%;
   margin-bottom: 5px;         /* 要素と要素の間指定 */
    padding:  10px;             /* 余白指定 */

}


H1 {
    text-align: center;
    color: black;
    width: 100%;

    background-color: orange;
    margin: 0 0 0 0;
   margin-bottom: 5px;         /* 要素と要素の間指定 */
}

 ul {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  2ex;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
    width: 	98%;

}
ul > li:before {
    content:  "";     /* 空の要素作成 */
    width: 20px;                /* 幅指定 */
    height: 20px;               /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #0074bf;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 3px;                   /* 位置指定 */

    border-radius:  50%;        /* 要素を丸くする */
    margin-right: 5px;          /* 余白指定 */
}

ul > li {
    padding:  10px;             /* 余白指定 */
    background-color:  #65ace4; /* 背景色指定 */
    border-radius:  10px;       /* 角丸指定 */
    margin-bottom: 5px;         /* 要素と要素の間指定 */
    color: #fff;                /* 文字色指定 */
    font-size:  20px;           /* 文字サイズ指定 */
}