@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content em {
    color: #fe0000;
}
.l-content .iconTxt{
  color: #dd0000;
  border: 1px solid #dd0000;
  padding: 3px 0;
  width: 220px;
  margin: 0 auto;
  text-align: center;
}

/* section */
.l-content .section {
  margin-bottom: 70px;
}
.l-content .sectionInner {
  margin-bottom: 70px;
}
.l-content .h3Inner {
  margin-bottom: 50px;
}

.l-content .m-cols__wrap {
    font-size: 0;
    margin-left: -20px;
}
.l-content .m-cols__1of2 {
    padding-left: 20px;
}

/* -------------------------------
contents
------------------------------- */
/* mainVisual */
.l-content .mainVisual {
  width: 950px;
  height: 210px;
 background: url(/maker/thk/mech/pr/actuator/skr_kr/img/main_skr_v2.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}



/* leadBlock */
.l-content .leadBlock{
  background: #e5e8ed;
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 40px;
}
.l-content .leadBlock:after {
  content: url(/maker/thk/mech/pr/actuator/skr_kr/img/arrow02.png);
  width: 106px;
  height: 34px;
  position: absolute;
  left: 423px;
  bottom:-34px;;
}
.l-content .leadBlock .txt{
  width: 950px;
  height: 206px;
  background: url(/maker/thk/mech/pr/actuator/skr_kr/img/pic_lead_200131.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .leadBlock .worry {
  height: 321px;
  margin:64px 0 0 40px;
  position: relative;
}
.l-content .leadBlock .worry li {
  border: 3px solid #c50101;
  border-radius: 10px;
  float: left;
  width: 410px;
  background: #FFF;
  position: relative;
}
.l-content .leadBlock .worry li:after {
  content: url(/maker/thk/mech/pr/actuator/skr_kr/img/bg_lead.png);
  width: 139px;
  height: 78px;
  position: absolute;
  right: 3px;
  bottom:-78px;
}
.l-content .leadBlock .worry li.list01 {
}
.l-content .leadBlock .worry li.list02 {
  margin-left: 34px;
}
.l-content .leadBlock .worry li .ttl {
  text-align: center;
  color: #FFF;
  padding: 3px 0;
  font-size: 21px;
  font-weight: bold;
  background: #c50101;
}
.l-content .leadBlock .worry li .inner {
  padding: 10px 10px 0 15px;
  height: 190px;
}
.l-content .leadBlock .worry li .inner dt {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}
.l-content .leadBlock .worry li .inner dd {
  margin-bottom: 12px;
  font-size: 14px;
}
.l-content .leadBlock .worry li .inner dd em {
  color: #c50101;
  font-weight: bold;
}
.l-content .leadBlock_btm{
  font-size: 27px;
  margin-bottom: 65px;
  text-align: center;
  font-weight: bold;
}
.l-content .leadBlock_btm span{
  display: block;
  font-size: 34px;
  color: #c50101;
}


/* ------------------------------------------------------
商品一覧
------------------------------------------------------ */
/* itemArea */
.l-content .itemArea{
  display: table;
}
.l-content .itemArea .pic{
  width: 310px;
  display: table-cell;
  vertical-align: top;
}
.l-content .itemArea .itemAreaTxt{
  width: 640px;
  display: table-cell;
  vertical-align: top;
}


/* tableBlock */
.l-content .tableBlock{
}
.l-content .tableBlock .tableL{
  float: left;
  width: 465px;
}
.l-content .tableBlock .tableR{
  float: right;
  width: 465px;
}


/* specTable */
.l-content .specTable {
	margin-bottom: 10px;
}
.l-content .specTable .m-listTable {
	margin: 0;
}
.l-content .specTable .m-listTable > thead > tr > th {
	text-align: center;
	padding: 10px 0;
}
.l-content .specTable .m-listTable > tbody > tr > td {
	text-align: center;
	vertical-align: middle;
	padding: 2px 5px;
}


/* ------------------------------------------------------
商品の特長
------------------------------------------------------ */
/* specialBox01 */
.l-content .specialBox01{
  margin-bottom: 20px;
}
.l-content .specialBox01 .boxL{
  float: left;
  width: 555px;
}
.l-content .specialBox01 .boxR{
  float: right;
  width: 385px;
}


/* specialBox02 */
.l-content .specialBox02{
  margin-bottom: 20px;
}
.l-content .specialBox02 .boxL{
  float: left;
  width:290px;
}
.l-content .specialBox02 .boxR{
  float: right;
  width: 642px;
}


/* customBox */
.l-content .customBox{
  letter-spacing: -0.4em;
  margin: 0 -10px 20px 0;
}
.l-content .customBox .list{
  letter-spacing: normal;
  width: 468px;
  border: 1px solid #d5d5d5;
  margin: 0 10px 10px 0;
  display: inline-block;
  padding: 20px 0;
}
.l-content .customBox .list .ttl{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  margin-left: 20px;
  position: relative;
  padding-left: 30px;
}
.l-content .customBox .list .ttl::before{
  position: absolute;
  top: -2px;
  left: 0;
    content: "";
  width: 22px;
  height: 22px;
  display: block;
}
.l-content .customBox .list01 .ttl::before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABLUExURaenp8HBwampqba2tvz8/Nra2tXV1f///7Gxsfn5+fPz8/T09KysrK2trbe3t9PT06urq8LCwr29vdbW1rW1tbS0tOnp6cjIyO7u7meUFyUAAACPSURBVBjTdZGJDsMgDEPNHXrRbd3x/186GA2lHRgJOU9IITHcT94IkpKE8blGurSdsWu2mvGoUEmNGQ+Ek2hIWC+4SOmILf5kHfzERXixmzwM+7t35bnBLZv3J/VnCTz3tyFUmLAWX2EZTxNTCxO3PGNxfLDGphrnwHEc92gO31jVovuL7cXQC40jXrcS8Rd5QAWFSkLHaAAAAABJRU5ErkJggg==) no-repeat;
}
.l-content .customBox .list02 .ttl::before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURaenp62trampqcHBwfz8/Nra2tXV1f////n5+bGxsfT09Onp6ba2tsPDw6ysrPPz87e3t6urq8LCwtjY2N7e3u7u7rKystbW1rS0tLW1tbi4uNPT0729vWy4LnMAAACqSURBVBjTdZHpEoMgDIQXORLwbtWe7/+cxRKwhy4zTPh+sNkE9BZb7avKa8vpjfUyTkGknMk4NPhQExLuPb7k+xWbAT9qTMQOf3IE7lLZBuKH4I5hhRLXTGfhFqdUzNRiIRascU1FNIdar9QMxs1pokmqKh7RUtOsCs5Z2mhYRuCzZezkuX2nc4NMoY4qDaY4d5KB5jh02Q2/M6rBHA/2aA1HS8srHm9lxS/FZQb7r9jodQAAAABJRU5ErkJggg==) no-repeat;
}
.l-content .customBox .list03 .ttl::before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURaenp/T09NXV1ampqdra2vz8/K2trf////n5+bGxscHBwenp6ba2trKystPT0/Pz86ysrLe3t8PDw7i4uMjIyKurq8LCwuPj497e3s7Ozu7u7rS0tNbW1rW1tb29veJdLTIAAACySURBVBjTdZGJDoQgDEQLgi0geK+re/z/Zy4ulLiHY0LGl0A7LeBbpKypKmMVpX/YDy1ryKqlZiwaOKgRCbcGPmTaHesevtToiCX8SCJQl+wqUAwZdwQquQnJETJXcElmwxEGdBlbuCUTwn7jys3AzHVGh45TVfHL8kHgWrDJbIrBkcojqaRHccSWG3S4hK2UVBzHuzigpS5x8M6dPP0h/J9R9fp8sGdrOFsar3h+lBW/AGY2B86veZoYAAAAAElFTkSuQmCC) no-repeat;
}
.l-content .customBox .list04 .ttl::before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURaenp9XV1cHBwampqbGxsdra2vz8/P////n5+enp6b29vba2tvPz8/T09K2traysrLe3t6urq8LCwtjY2O7u7rKysrS0tLW1tdbW1ri4uN7e3sPDw8jIyM7OzgV3ryIAAACgSURBVBjTdZHbEoMgDEQXBRK8W+29/f/fLBaC2OoywyznIWET0FdsCl2WujAc3lguqzpEdcoKbmtkqtuAG42NdLNgO+BHtfVY4U+KwL08KjdF1zOM0DOTE29wEjtnuMAluonfK9YYg3nSq1px6U8o/MAGhywVxVlIkdDy7pybiV1qmT6YFzF5nIR9HLrtht8Z1WCPB3u0hqOlyYrHa1rxB5SVBsslz8q/AAAAAElFTkSuQmCC) no-repeat;
}
.l-content .customBox .list05 .ttl::before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABdUExURaenp9XV1enp6cHBwdra2vz8/Pn5+f///7GxsfT09Kmpqa2trdPT07a2tvPz86ysrL29vbe3t7i4uKurq8LCwu7u7tjY2MjIyMPDw87OzrS0tNbW1rW1tePj47KyshwafrMAAACuSURBVBjTdVEJDsMgDAvlCBR6d+266//PHDQpYkeNhIwFwU4AdxglbV1bqQydIW1aeGB4oQ/ZNVCgcSS3Fj5g2yTrAb7Q6CgL+IFAMB3RKmEl3hlQxPrdV+DrCmYiG16LKhJuRBbsw/bKZmDi0ugqzC/quHaE4GHFS5bLLDHGUWRmI/HiiC5/yQYdPoMrDHKcMTVogRwH78zH3hfh/7Rq0OeNPRvD2dCOEU+PPOI3L/gHjZfRLSwAAAAASUVORK5CYII=) no-repeat;
}
.l-content .customBox .list .inner{
  display: table;
  padding-left: 20px;
}
.l-content .customBox .list .inner .pic{
  display: table-cell;
  vertical-align: top;
  padding-right: 15px;
}
.l-content .customBox .list .inner .txt{
  width: 205px;
  display: table-cell;
  vertical-align: top;
}


/* ------------------------------------------------------
アクチュエータの上手な使い方
------------------------------------------------------ */
/* howtoBox */
.l-content .howtoBox{
  margin-bottom: 77px;
  background: url(/maker/thk/mech/pr/actuator/skr_kr/img/howto02_02.png) no-repeat 457px 98px;
}
.l-content .howtoBox .boxL{
  float: left;
  width: 445px;
}
.l-content .howtoBox .boxR{
  float: right;
  width: 448px;
}


/* ------------------------------------------------------
業界別　採用事例
------------------------------------------------------ */
/*specBox*/
.l-content .specBox{
  border: 1px solid #b3b3b3;
  padding: 10px 30px;
}
.l-content .specBox .ttl{
  margin-bottom: 5px;
  font-weight: bold;
}
.l-content .specBox .ttl span{
  color: #727272;
}
.l-content .specBox a{
  text-decoration: none;
}

/*effectBox*/
.l-content .effectBox{
  letter-spacing: -0.4em;
  margin: 0 -20px 20px 0;
}
.l-content .effectBox .inner{
  display: inline-block;
   letter-spacing: normal;
  vertical-align:top;
  width: 465px;
  margin: 0 20px 0 0;
  box-sizing: border-box;
}
.l-content .effectBox dl{
  border-width: 2px ;
  border-style: solid;
  padding: 10px 20px 15px;
}
.l-content .effectBox dl.kadai{
  border-color: #979797;
}
.l-content .effectBox dl.effect{
  border-color: #cd4526;
}
.l-content .effectBox .ttl{
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 15px;
}
.l-content .effectBox dl.kadai .ttl{ 
  color: #595959;
}
.l-content .effectBox dl.effect .ttl{ 
  color: #cd4526;
}
.l-content .effectBox .caption{
  font-weight: bold;
  margin-bottom: 20px;
}
.l-content .effectBox .list{
  margin-bottom: 2px;
  text-indent: -1em;
  margin-left: 1em;
}