p#hmsg {
	width : 80%;
	margin : 0 auto 6% auto;
    line-height : 1.4em;
}

.box-wrap {
    width : 90%;
    display : block;
    overflow : hidden;
    margin : 0 auto 3.5% auto;
}

.box {
    width : 100%;
    margin-bottom : 6%;
    padding : 5% 6% 6% 6%;
    border-radius : 10px;
    box-sizing : border-box;
}

.box01 {
    background : #f7e269;
    background-image : url(oicon01.svg);
    background-size : 80px;
    background-repeat : no-repeat;
    background-position : top 30px right 20px;
}

.box02 {
    background : #f9daad;
    background-image : url(oicon02.svg);
    background-size : 80px;
    background-repeat : no-repeat;
    background-position : top 30px right 20px;
}

.box03 {
    background : #dbdcdc;
    background-image : url(oicon03.svg);
    background-size : 68px;
    background-repeat : no-repeat;
    background-position : top 30px right 27px;
}

.box04 {
    background : #dbdcdc;
    background-image : url(oicon04.svg);
    background-size : 68px;
    background-repeat : no-repeat;
    background-position : top 30px right 27px;
}

.box h3 {
    margin-bottom : 3.5%;
    font-weight : 700;
    font-size : 120%;
}

.box ul {
    margin-left : 20px;
}

.box ul li {
    margin-bottom : 4px;
    line-height : 1.4em;
}