/******************************
2019　職種紹介
******************************/

.about h2 { font-size: 26px; font-weight: 700; color: #01abdc;
background-image: url(../images/11works/2019/arrow.png);
background-repeat: 0 center;
background-size: 16px auto;
background-repeat: no-repeat;
padding: 4px 0 7px 23px;
margin-bottom: 27px !important;}

.about_txt { font-size: 115%; font-weight: 500; margin: 20px 0 !important; }

.image_ttl img { width: 90%; max-width: 720px; height: auto; }

@media all and (max-width: 672px) {
.about h2 { font-size: 22px;
background-size: 13px auto;
background-repeat: no-repeat;
padding: 3px 0 6px 20px;
margin-bottom: 20px !important;}

.image_ttl img { width: 100%; }
}

.about h4 { text-align: center; }
.about h4 span {
background-image: url("../images/about/2019/bg.gif");
background-size: 160px auto;
background-repeat: repeat;
background-position: center center;
font-size: 125%;
font-weight: 500;
color: #fff;
display: inline;
line-height: 2.0;
padding: 6px 10px 8px;
}
.about h4 span span { color: #fff100; font-size: 100%; padding: 0; }
@media all and (max-width: 640px) {
.about h4 span { font-size: 3.6vw; }
}
@media all and (max-width: 480px) {
.about h4 span { font-size: 3.4vw; }
}
@media all and (max-width: 380px) {
.about h4 span { font-size: 3.3vw; padding: 4px 8px 5px; }
}
@media all and (max-width: 338px) {
.about h4 span { font-size: 3.1vw; }
}

.about_img { width: 84%; margin: 20px auto 0; }
.about_img img { width: 49%; height: auto; }
@media all and (max-width: 672px) {
.about_img { width: 100%; }
.about_img img { width: 50%; }
}
@media all and (max-width: 480px) {
.about_img img { width: 100%; }
}