.list-user-guide {display: flex;gap: 20px 30px;margin: 0 0 30px 0;}
.list-user-guide > li {flex: 1;display: flex;gap: 20px;align-items: center; border:1px solid #ccc;padding:20px;box-sizing:border-box;border-radius:20px}
.list-user-guide .ul-type-bar > li {font-size:14px;}
.list-user-guide li > p { width: 100px; height: 100px;border-radius: 100%;background: #002f66;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 14px;line-height: 120%;color: #fff}
.list-user-guide li > p span {display: block;}
.list-user-guide li > div {flex: 1;}
.list-user-guide li > div  p {font-size:14px; line-height: 120%;color:#262626;}
@media (min-width:769px) and @media (max-width: 1336px) {
	.list-user-guide > li {flex-direction:column;align-items: flex-start;}
	.list-user-guide li > p {margin:0 auto;}
}
@media (max-width:768px) {
	.list-user-guide {flex-direction:column;}
	.list-user-guide li > p {width:80px;height:80px;}
}