/* カスタム CSS をここに入力してください */
h3{
    margin: 2em 3 3.0em;
    padding: 1.0em 0.5em 0em 0.5em;
    border-left: 10px solid #57ad68; 
    /* border-bottom: 1px dashed #B92A2C;*/
    /* font-size: 1.143em;*/
    font-weight: bold;
    color: #57ad68;
}

h4{
    position: relative;
    color: #57ad68;
    /*font-size: 1.143em;*/
    font-weight: bold;
    margin: 5 5 1.0em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 2px dashed #57ad68
}
 
h4:before{
    content: "";
    position: absolute;
    background: #57ad68;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h4:after{
    content: "";
    position: absolute;
    background:#57ad68;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

h2{
position:relative;
margin:0 0 1.5em;
padding:0.6em 0.4em 0.6em 4.0em;
padding-left: 25px;
font:bold 22px/40px Arial, Helvetica, sans-serif;
color:#666;
background:#ffffff;
border-bottom: 1px solid #c0c0c0;
z-index:1;
}

h2:before{
	content:" ";
	position:relative;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#33ff33;
	    background-image: -webkit-gradient(linear, left top, left bottom,
	            from(            rgba(255, 255, 255, 0.0)), 
	            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
	            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
	            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
	            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
	            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
	            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
	            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
	            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
	            to(              rgba(255, 255, 255, 0.6))
	            );
	    background-image: -webkit-linear-gradient(top,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	    background-image: -moz-linear-gradient(top,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	    background-image: -o-linear-gradient(top,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	    background-image: linear-gradient(to bottom,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	            z-index:-1;
	}

	h2:after{
	    content:" ";
	   position:relative; 
	    top:0;
	    left:0;
	    width:40px;
	    height:40px;
	    background-image: -webkit-gradient(linear, left top, right top,
	            from(            rgba(255, 255, 255, 0.0)), 
	            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
	            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
	            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
	            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
	            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
	            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
	            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
	            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
	            to(              rgba(255, 255, 255, 0.6))
	            );
	    background-image: -webkit-linear-gradient(left,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	    background-image: -moz-linear-gradient(left,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	    background-image: -o-linear-gradient(left,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	    background-image: linear-gradient(to right,
	            transparent 20%,
	            rgba(255, 255, 255, 0.1) 20%, 
	            rgba(255, 255, 255, 0.1) 40%, 
	            rgba(255, 255, 255, 0.3) 40%, 
	            rgba(255, 255, 255, 0.3) 60%, 
	            rgba(255, 255, 255, 0.5) 60%, 
	            rgba(255, 255, 255, 0.5) 80%, 
	            rgba(255, 255, 255, 0.6) 80%, 
	            rgba(255, 255, 255, 0.6) 100%
	            );
	            z-index:-1;
}