@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align: bottom;
}
.l-content .section {
  margin-bottom: 60px;
}
.l-content .btnLink a{
  width: 384px;
  margin: 0 auto;
  font-size: 14px;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* ttl */
.l-content .mainVisual {
  width: 950px;
  height: 200px;
  padding: 0;
  border: none;
  background: url(/maker/anestiwata/mech/service/compressor/img/main_ver2.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* lead */
.l-content .leadTxt {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  margin: 30px auto;
}

/* anchorNavi */
.l-content .anchorNavi {
	margin:0 auto 40px;
}
.l-content .anchorNavi > li {
	padding-left: 10px;
}
.l-content .anchorNavi > li:first-child{
	padding-left: 5px;
}
.l-content .anchorNavi > li a {
  width:180px;	
}


/* worryBox */
.l-content .worryBox {
  width: 920px;
  height: 580px;
  margin: 0 auto 60px;
  background: url(/maker/anestiwata/mech/service/compressor/img/pic_worry_20190412.png) no-repeat 0 0;
}
.l-content .worryBox .txt,
.l-content .worryBox .inner,
.l-content .worryBox .inner .ttl,
.l-content .worryBox .inner .worry,
.l-content .worryBox .inner .answer {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}

/* caseBlock */
.l-content .caseBlock {
  border: 1px solid #c9c9c9;
  width: 928px;
  margin: 30px auto 25px;
}
.l-content .caseBlock .caseBox {
  padding: 0 24px;
  border-top: 5px solid #0086bc;
}
.l-content .caseBlock .caseBox .caseInner {
  padding-top: 25px;
  border-top: 1px solid #c9c9c9;
  margin-bottom: 22px;
}
.l-content .caseBlock .caseBox .caseInner:first-child {
  border-top: none;
}
.l-content .caseBlock .caseBox .caseInner .caseList {
  width: 416px;
  float: left;
  margin-left: 24px;
  padding: 0 0 26px;
}
.l-content .caseBlock .caseBox .caseInner .caseList:first-child {
  margin-left: 0;
  padding-right: 24px;
  width: 415px;
  border-right: 1px dotted #c9c9c9;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseTtl {
  margin-top: 5px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseTtl .ttl {
  padding-bottom: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMBAMAAABGh1qtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURfPz8/////39/fT09P7+/vn5+fj4+Pf39/r6+vv7+/X19W9hTN4AAABISURBVAjXHcW5DYAwEEXBJ5AQ4X4uEUIHDijA7gA6gU4owaWySzKDNEuGtO1/9xMNNNFCF2Uo3gmXMSU4jBXojdFrjddzalQ/FaQHSHpxP6kAAAAASUVORK5CYII=) no-repeat 34px bottom;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseTtl .voice {
  background: #f3f3f3;
  border-radius: 3px;
  padding: 14px 23px;
  margin-bottom: 26px;
  min-height: 54px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem.last .item {
  width: 180px;
  float: left;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem.last .item:first-child {
  margin: 0 35px 0 10px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item .pic {
  width: 180px;
  margin: 0 auto 12px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item .name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #004bb1;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem.last .item .name{
  padding: 0 10px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item .caption {
  margin-bottom: 15px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem.last .item .caption{
  padding: 0 10px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item .btn {
  width: 260px;
  margin: 0 auto;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem.last .item .btn {
  width: 170px;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item.box_hover {
  cursor: pointer;
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item.box_hover .pic img,
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item.box_hover .btn a {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .caseBlock .caseBox .caseInner .caseList .caseItem .item.box_hover .name {
  color: #ff730a;
}

/* itemList */
.l-content .itemList {
  margin: 0 -10px 0 0;
  letter-spacing: -0.4em;
}
.l-content .itemList .item {
  letter-spacing: normal;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
  border: 1px solid #c1c1c1;
  width: 143px;
  padding: 12px 0 17px;
}
.l-content .itemList .item .category {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #004bb1;
	padding: 0 10px;
	min-height: 38px;
}
.l-content .itemList .item .pic {
  width: 130px;
  margin: 0 auto 5px;
}
.l-content .itemList .item .btn {
  padding: 0 10px;
}
.l-content .itemList .item.box_hover {
  cursor: pointer;
}
.l-content .itemList .item.box_hover .pic img,
.l-content .itemList .item.box_hover .btn a {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .itemList .item.box_hover .category {
  color: #ff730a;
}


/* stepBox */
.l-content .stepBox {
  width: 736px;
  height: 366px;
  margin: 0 auto 70px;
  background: url(/maker/anestiwata/mech/service/compressor/img/piic_step.png) no-repeat 0 0;
  position: relative;
}
.l-content .stepBox .step1 .ttl,
.l-content .stepBox .step2 .ttl,
.l-content .stepBox .maker .ttl,
.l-content .stepBox .case,
.l-content .stepBox .step3 .ttl {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.l-content .stepBox .step1 .txt,
.l-content .stepBox .step2 .txt,
.l-content .stepBox .maker .txt,
.l-content .stepBox .step3 .txt {
  position: absolute;
}
.l-content .stepBox .step1 .txt {
  top: 103px;
  left: 31px;
}
.l-content .stepBox .step2 .txt {
  top: 103px;
  left: 302px;
}
.l-content .stepBox .maker .txt {
  top: 83px;
  left: 608px;
}
.l-content .stepBox .maker .txt .list li {
  margin-left: 1em;
  text-indent: -1em;
}
.l-content .stepBox .step3 .txt {
  top: 328px;
  left: 121px;
}
/* qaBox */
.l-content .qaBox {
  width: 880px;
  margin: 0 auto 45px;
}
.l-content .qaBox .qa .question {
  border-top: 1px dotted #bfbfbf;
  padding-top: 23px;
  padding-left: 26px;
  margin-bottom: 17px;
  font-weight: bold;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQBAMAAADUulMJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQFpxv///4i55O71+xJzymel3TSH0ZnD6N3r90WR1czh9LvX8CN9zlab2Xiv4RHOe8QAAAB6SURBVAjXYxAU1p35WlCQQbCEgYFhsiCDOJBiYDNkaGDIElZgCGQI4DEUFGLgYHBgFxQUPMDEwMABpAN4GRgYgbQCJ4LmEhQ0DGBlOMAkKJrhwM6gwLKwhYXBmUGMwWkTA4Mig3ACyOBCBkEjBwa2C+wMgoJSuw1FnQEZHhDrm6bj0QAAAABJRU5ErkJggg==") no-repeat 0 23px;
}
.l-content .qaBox .qa .question:first-child {
  border-top: none;
}
.l-content .qaBox .qa .answer {
  margin-bottom: 17px;
  padding-left: 26px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPBAMAAAAmOuNHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURf///90AAOZERPGZmf3u7u13d+IiIutmZvrd3fSqquQzM/jMzOhVVe+IiN8REfa7uyJi3BYAAABlSURBVAjXY2Bg4P7fwAACfoILwLShoASYVhQUBVEcgopiIJpV0EZwApBmE3QWLADSE2VYBEWAdKEwCDGwCMrePSjFwMAsCAINDFyCSkpqggEMG4GaOQUTGAJBhj2UZHgoDdIjDgAYyg70pHHcbQAAAABJRU5ErkJggg==") no-repeat 0 0;
}

/* bnrBox */
.l-content .bnrBox .ttl {
  font-weight: bold;
}
.l-content .bnrBox .bnr {
  margin-top: 10px;
}
.l-content .bnrBox .caption {
  margin-top: 10px;
  padding: 0 10px;
}

/* 20190415 追加 */
/* item01List */
.l-content .item01List {
	margin: 0 -10px 20px 0;
	letter-spacing: -0.4em;
}
.l-content .item01List .item {
	letter-spacing: normal;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	border: 1px solid #bfbfbf;
	width: 228px;
	padding: 37px 0 15px;
	position: relative;
}
.l-content .item01List .item .icon {
	position: absolute;
	top: 16px;
	left: 19px;
}
.l-content .item01List .item .icon span {
	display: inline-block;
	margin-left: 5px;
	height: 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .item01List .item .icon span.icon01 {
	width: 77px;
	background-image: url(/maker/anestiwata/mech/service/compressor/img/icon01.png);
}
.l-content .item01List .item .icon span.icon02 {
	width: 36px;
	background-image: url(/maker/anestiwata/mech/service/compressor/img/icon02.png);
}
.l-content .item01List .item .icon span.icon03 {
	width: 43px;
	background-image: url(/maker/anestiwata/mech/service/compressor/img/icon03.png);
}
.l-content .item01List .item .icon span:first-child {
	margin-left: 0;
}
.l-content .item01List .item .pic {
	position: relative;
	width: 185px;
	margin: 0 auto;
}
.l-content .item01List .item .name {
	padding: 0 20px;
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #004bb1;
	min-height: 57px;
}
.l-content .item01List .item .btn {
	width: 185px;
	margin: 0 auto;
}
.l-content .item01List .item.box_hover {
	cursor: pointer;
}
.l-content .item01List .item.box_hover .icon span,
.l-content .item01List .item.box_hover .pic img,
.l-content .item01List .item.box_hover .btn a {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
.l-content .item01List .item.box_hover .name {
	color: #ff730a;
}

/* ttl */
.l-content .h2Box {
	background: #e4f0f7;
	border-left: 10px solid #617bbd;
	border-bottom: 3px solid #617bbd;
	padding: 0 11px;
	margin-bottom: 20px;
}
.l-content .h2Box .ttl {
	font-size: 24px;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #617bbd;
}
.l-content .h2Box .caption {
	padding: 5px;
}