.hl{
	width:auto;
	height:auto;
	margin-bottom:100px;
}

.hlbg{
	position: relative;
	height:300px;
	width:auto;
	background:#FFF;
}

.hl_ttl{
	position: absolute;
	top:50%;
	left:42%;
}

.hl_img{
	width: 100%;
  /*padding-top: calc(300 / 1260 * 100%);  calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(image/ttlimg_about.png) center center / cover no-repeat;
	margin-bottom:100px;
}

@media screen and (max-width: 600px){

.hl_img{
	width: 100%;
  /*padding-top: calc(300 / 1260 * 100%);  calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(image/ttlimg_about.png) center center / cover no-repeat;
	margin-bottom:100px;
}
 .hlbg{
	position: relative;
	height:200px;
	width:480px;
	background:#FFF;
}
 .hl_ttl{
	  position: static;
    padding: 20% 30% 10% 10%;
    width: 50%!important;
}
}