.head_test {
        margin:40px 0 20px;                 /* デフォルトCSS打ち消し */
        font-size:  24px;           /* 文字サイズ指定 */
        border-bottom: solid 3px;   /* 線指定 */
        padding-bottom:  5px;       /* 余白指定 */
        margin-bottom: 15px;        /* 周りの余白指定 */
        position:  relative;        /* 位置調整 */
        font-weight:  normal;       /* 文字の太さ調整 */
    }
    .head_test:before {
        content:  '';                   /* 空白の要素を作る */
        width: 50px;                    /* 幅指定 */
        height: 3px;                    /* 高さ指定 */
        background-color: #42a6ff;      /* 背景色指定 */
        display:  block;                /* ブロック要素にする */
        position:  absolute;            /* 位置調整 */
        left:  0;                       /* 位置調整 */
        bottom: -3px;                   /* 位置調整 */
    }
    h4{
    margin:0  0 30px;                     /* デフォルトCSS打ち消し */
    font-size:  24px;               /* 文字サイズ指定 */
    position:  relative;            /* 位置調整 */
    font-weight:  normal;           /* 文字の太さ調整 */
    margin-bottom: 15px;            /* 周りの余白指定 */
    padding-top: 50px;              /* 余白指定 */
    padding-left: 40px;             /* 余白指定 */
}
h4:before {
    content:  '';                   /* 空白の要素を作る */
    width: 0;                       /* 幅指定 */
    height: 0;                      /* 高さ指定 */
    border-style: solid;            /* 三角を作る */
    border-width: 0px 0 110px 80px; /* 三角を作る */
    border-color: transparent transparent #a3d0e4 transparent;  /* 三角を作る */
    position:  absolute;            /* 位置調整 */
    z-index:  -1;                   /* 重なり調整 */
    transform: rotate(30deg);       /* 回転 */
    top: -20px;                     /* 位置調整 */
    left: 30px;                     /* 位置調整 */
}
dl {
	color: #333333;
	padding: 10px 0 ;
	display: block;
}

dl dt{
	width: 10%;
	float: left;
	display: block;
}
dl dd{
	width: 90%;
	float: left;
	display: block;
	line-height: 160%;
}
.container .row{
	padding-bottom: 50px !important;
}
.container .row .col-md-6{
	padding-bottom: 30px;
}
@media screen and (max-width: 835px) {
	.container .row{
		width: 95%;
		display: block;
		margin: 0 auto;
	}
dl dt{
	width: 15%;
}
dl dd{
	width: 85%;
}
	#footer .container .row{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	
}