【JIN カスタマイズ】見出し3「タイプ3」をカスタマイズしてみた！

/*========================================
h3 タイプ3のカスタマイズ
========================================*/
@media (max-width: 767px) {
.h3-style03 h3 {
padding: 14px 15px; /*線の長さを調節する*/
}
}
@media (min-width: 768px) {
.h3-style03 h3 {
padding: 16px 20px; /*線の長さを調節する*/
margin-top: 1rem;
margin-bottom: 1rem;
}
}
.h3-style03 h3:before {
width: 4px; /*線の太さを調節する*/
border-radius:0; /*角の丸みを調節する*/
}
@media (max-width: 767px) {
.h3-style03 h3:before {
width: 4px; /*線の太さを調節する*/
border-radius:0; /*角の丸みを調節する*/
}
}