@charset "utf-8";


.h_headline02 {
  display: flex;
  align-items: center;
  column-gap: 8px;
  color: #333333;
}

.h_headline02::before {
  width: 0.8em;
  height: 0.4em;
  border-bottom: 4px solid #2589d0;
  border-left: 4px solid #2589d0;
  transform: rotate(-45deg) translate(2px, -2px);
  content: '';
}

/**********************************************************
 * 行(パターン01)
 **********************************************************/
 /*
.h_line01 {
    margin-left:10px;
    margin-right:5px;
}

.h_line_left {
  margin-left:10px;
  margin-right:0px;
}

.h_line_right {
  margin-left:3px;
  margin-right:5px;
}
  */


.span_01 {
  display: block;
  font-size: 0.75rem;
  color: #2589d0;  
}

.h_headline_error_msg {
  margin-left:10px;
  margin-right:5px;
  color: red;
  height: 50px;
}

/**********************************************************
 * 見出し
 * 参考：https://copypet.jp/122/
 **********************************************************/
 .contents_name {
  margin-top:0px;
  margin-left:5px;
  position: relative;
  padding: 0.2em 1.6em;                                    /* 内側余白　上下 | 左右 */
  color:#2589d0;
font-size:10px;
}
.contents_name::before,
.contents_name::after {
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  width: 5px;                                             /* 四角の幅 */
  height: 5px;                                            /* 四角の高さ */
  border: 1.5px solid #2589d0;
  content: '';
}
.contents_name::before {
  top: calc(50% - 1.2px);                                   /* 四角①位置上 */
  left: 4;                                                /* 四角①位置左 */
}
.contents_name::after {
  top: calc(50% + 1.2px);                                   /* 四角②位置上 */
  left: calc(4px + 1.2px + 1.2px);                                              /* 四角②位置左 */
}