.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px  #364e96;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background:  #364e96;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

h1#catch {
  line-height: 1.5;
  font-size: 1.5em;
  color: #b94047;
}

h2#catch {
  line-height: 1.5;
  font-size: 1.5em;
  color: #b94047;
}

h3#midashi {
  font-size: 1.2em;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

h4#midashi {
  font-size: 1.2em;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

h4#komidashi {
  color: #364e96;/*文字色*/
  padding: 0.2em 0;/*上下の余白*/
  border-top: solid 1px #364e96;/*上線*/
  border-bottom: solid 1px #364e96;/*下線*/
}

h5#komidashi {
  color: #364e96;/*文字色*/
  padding: 0.2em 0;/*上下の余白*/
  border-top: solid 1px #364e96;/*上線*/
  border-bottom: solid 1px #364e96;/*下線*/
}