.heading-line{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px
}
.heading-line:after, .heading-line:before {
  content: "";
  height: 3px;
  width: 60px;
  position: absolute;
  left: 60px;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #ccc;
}
.heading-line:before {
  background: var(--primary-color);
  right: 60px;
  left: 0;
}
.heading-line--left:after, .heading-line--left:before{
	left: 0;
	right: inherit;
}
.heading-line--left:after{
	left: 60px
}
[class].mb0{
	margin-bottom: 0
}
[class].mt10{
	margin-top: 10px
}
[class].mt20{
	margin-top: 20px
}
[class].mt30{
	margin-top: 30px
}
[class].w350{
	max-width: 350px;
	margin-left: auto;
	margin-right: auto
}
@media screen and (min-width: 850px){
	.h2,h2,h1{
    font-size: 2em
	}
	[class].pc-mb30{
		margin-bottom: 30px
	}
	[class].pc-mt30{
		margin-top: 30px
	}
	#main [id^='section_'].pc-pt30,
	[class].pc-pt30{
		padding-top: 30px
	}
	#main [id^='section_'].pc-pt40,
	[class].pc-pt40{
		padding-top: 40px
	}
	[class].only-sp{
		display: none
	}
}

@media screen and (max-width: 849px){
	body{
		font-size: 88%
	}
	.h2,h2,h1{
    font-size: 1.8em
	}
	[class].sp-mb30{
		margin-bottom: 30px
	}
	[class].sp-mb20{
		margin-bottom: 20px
	}
	#main [id^='section_'].sp-pt30,
	[class].sp-pt30{
		padding-top: 30px
	}
	#main [id^='section_'].sp-pt20,
	[class].sp-pt30{
		padding-top: 20px
	}
	[class].only-pc{
		display: none
	}
	[class].spw350{
		max-width: 350px;
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (max-width: 480px){
	.h2,h2,h1{
    font-size: 1.4em
	}
}