ato-s/index.html

## index.html
<h3 class="c-title03"><span class="c-title03_line">テキスト<sub>&#174;&#65038;</sub></span></h3>

## style.scss
.c-title03{
    line-height: 1.4;
    font-size: 24px;
    padding-left: 16px;
    position: relative;
  &:before{
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: -64px;
    width: 65px;
    height: 1px;
    background-color: #000;
  }
  &_line{
    display: inline-block;
    background: url(/brand/muko/img/bg_line.png) repeat-x center center;
  }
  sub{
  font-size: 80%;
  }
}

## title-before-line.markdown

      
    Raw
  

              title-before-line.markdown
            
          
    TITLE --before line

A Pen by atos on CodePen.
License.
	.c-title03{
	line-height: 1.4;
	font-size: 24px;
	padding-left: 16px;
	position: relative;
	&:before{
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: -64px;
	width: 65px;
	height: 1px;
	background-color: #000;
	}
	&_line{
	display: inline-block;
	background: url(/brand/muko/img/bg_line.png) repeat-x center center;
	}
	sub{
	font-size: 80%;
	}
	}