body {
    background-image:
	  linear-gradient(rgba(200,204,255,0.7), rgba(180,142,255,0.8)),
	  url(bg.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left,left;
    background-size: 1920px 1080px,1920px 1080px;
}

/* 文字の長さに合わせる */
.box-after {
	position: relative;
	display:inline-block;
	background: #f5e5fd;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #830abb;
	border-radius: 0 10px 10px 10px;
   }
   .box-after .box-title {
	position: absolute;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #830abb;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
   }
   .box-after p {
	margin: 0; 
	padding: 0;
   }
/*
   ul, ol {
	color: #668ad8;/*文字色*/
	/*border: dashed 2px #668ad8;/*破線 太さ 色*/
	/*background: #f1f8ff; /*背景色*//*
	padding: 0.5em 0.5em 0.5em 2em;
  }
  
  ul li, ol li {
	line-height: 1.5;
	padding: 0.5em 0;
  }
*/