.box_style{
	margin: 0 0 30px;
}

.box_style p:last-child{
	margin-bottom: 0;
}

/*カラーボックス*/
.box_style_blue,
.box_style_green,
.box_style_orange,
.box_style_red,
.box_style_pink,
.box_style_yellow,
.box_style_gray{
	margin-bottom: 30px;
	padding: 6px;
	background-size: 4px 4px;
	background-repeat: repeat;
}

.box_style_blue .box_inner,
.box_style_green .box_inner,
.box_style_orange .box_inner,
.box_style_red .box_inner,
.box_style_pink .box_inner,
.box_style_yellow .box_inner,
.box_style_gray .box_inner{ padding: 15px; }

.box_style_blue .box_style_title,
.box_style_green .box_style_title,
.box_style_orange .box_style_title,
.box_style_red .box_style_title,
.box_style_pink .box_style_title,
.box_style_yellow .box_style_title,
.box_style_gray .box_style_title{
	margin: -8px 0 5px -27px;
	color: #fff;
	line-height: 1.4;
}

.box_style_title span{
	position: relative;
	display: inline-block;
	padding: 5px 10px;
}

.box_style_title span::before{
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	content: "";
}


/*カラーボックス（青）*/
.box_style_blue{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#0baedd 25%, #0baedd 50%,
		#fff 50%, #fff 75%,
		#0baedd 75%, #0baedd
	);
}
.box_style_blue .box_inner{ background-color: #f8fdff; }
.box_style_blue .list_style02 li::before,
.box_style_blue .box_style_title span{ background-color: #0baedd;}


/*カラーボックス（緑）*/
.box_style_green{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#5bc130 25%, #5bc130 50%,
		#fff 50%, #fff 75%,
		#5bc130 75%, #5bc130
	);
}
.box_style_green .box_inner{ background-color: #f9fff3; }
.box_style_green .list_style02 li::before,
.box_style_green .box_style_title span{ background-color: #5bc130;}


/*カラーボックス（橙）*/
.box_style_orange{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#fca60d 25%, #fca60d 50%,
		#fff 50%, #fff 75%,
		#fca60d 75%, #fca60d
	);
}
.box_style_orange .box_inner{ background-color: #fdf9f1; }
.box_style_orange .list_style02 li::before,
.box_style_orange .box_style_title span{ background-color: #fca60d; }


/*カラーボックス（赤）*/
.box_style_red{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#d94b59 25%, #d94b59 50%,
		#fff 50%, #fff 75%,
		#d94b59 75%, #d94b59
	);
}
.box_style_red .box_inner{ background-color: #fff8f9; }
.box_style_red .list_style02 li::before,
.box_style_red .box_style_title span{ background-color: #d94b59; }


/*カラーボックス（ピンク）*/
.box_style_pink{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#f48cc0 25%, #f48cc0 50%,
		#fff 50%, #fff 75%,
		#f48cc0 75%, #f48cc0
	);
}
.box_style_pink .box_inner{ background-color: #fffafd; }
.box_style_pink .list_style02 li::before,
.box_style_pink .box_style_title span{ background-color: #f48cc0; }


/*カラーボックス（黄）*/
.box_style_yellow{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#f2cb0c 25%, #f2cb0c 50%,
		#fff 50%, #fff 75%,
		#f2cb0c 75%, #f2cb0c
	);
}
.box_style_yellow .box_inner{ background-color: #fffdf3; }
.box_style_yellow .list_style02 li::before,
.box_style_yellow .box_style_title span{ background-color: #f2cb0c; }


/*カラーボックス（灰色）*/
.box_style_gray{
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#999999 25%, #999999 50%,
		#fff 50%, #fff 75%,
		#999999 75%, #999999
	);
}
.box_style_gray .box_inner{ background-color: #fafafa; }
.box_style_gray .list_style02 li::before,
.box_style_gray .box_style_title span{ background-color: #999999; }