.note-box{background: #f6f8fa;padding: 25px 30px 25px 0;border-radius: 8px;box-sizing: border-box;display: flex;}
.note-box:before{content: '';background: #f6f8fa url(/_res/u1/ipsi/img/common/ico-note.png) no-repeat top center;width: 110px;height:45px;display: inline-block;flex: none;}
.note-box > div .box-tit{padding: 0 0 30px 0;font-weight: 700;font-size: 28px;line-height: 140%;letter-spacing: 0;color: #222222;}
.note-box > div .ul-type-dot{color: #4f6f85;}
.note-box > div .ul-type-dot > li:before{background-color: #4f6f85;}
.note-box > div .ul-type-dot > li{padding-left: 9px;}

@media screen and (max-width:768px){
	.note-box:before {width: 80px;}
}

@media screen and (max-width:400px){
    .note-box:before {width: 70px;background-size: 35px;}
}