@charset "utf-8";

/*========================

sp_workstyle.css

========================*/
@media screen and (max-width:768px) {


#contents {
 padding:0;
 row-gap:0;
}

#workstyle .title {
 padding:30px 0;
 position:relative;
}

#workstyle .title:after {
 background-image: url(/wp-content/themes/tds/img/workstyle/bg_workstyle.webp);
 background-position:center center;
 background-repeat: no-repeat;
 background-size:130% 130%;
 content:" ";
 height:100%;
 position:absolute;
 top:0;
 width:100%;
 z-index:1;
}

#workstyle .title figure img {
 max-width:100%;
 position:relative;
 z-index:2;
}

#workstyle #workstyle_cont {
 padding: 25px 15px;
}

#workstyle #workstyle_cont h2 {
 font-size: calc(2.2rem + ((1vw - 0.48rem) * 0.6944)); 
}

#workstyle #workstyle_cont .introduction figure {
 max-width:300px;
 width:60vw;
}

#workstyle #workstyle_cont .introduction p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
 line-height:2.0;
 text-align:left;
}

#workstyle #workstyle_cont .introduction p br {
 display:none;
}

#staff_voice .title {
 padding:30px 5vw;
}


}