@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align: bottom;
}

.l-content .section {
  margin-bottom: 50px;
}
.l-content .sectionInner {
  padding: 0 10px;
  margin-bottom: 30px;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* mainVisual */
.l-content .mainVisual {
  width: 950px;
  height: 200px;
  margin-bottom: 30px;
  background: url(/maker/anestiwata/compressor-f/img/main.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;
}

/* ancNav */
.l-content .ancNav {
  display: table;
  width: 940px;
  margin: 0 auto 40px;
}
.l-content .ancNav > li {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.l-content .ancNav > li:first-child {
  padding-left: 0;
}
.l-content .ancNav > li a.m-btn--down {
  text-align: center;
  width: 180px;
  height: 58px;
  padding-left: 5px;
}

/* worryBox */
.l-content .worryBox {
  width: 880px;
  height: 298px;
  margin: 0 auto 50px;
  background: url(/maker/anestiwata/compressor-f/img/bg_worry.png) no-repeat 0 0;
}
.l-content .worryBox h2, .l-content .worryBox p, .l-content .worryBox .inner dt, .l-content .worryBox .inner dd {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* ------------------------------------------------------
商品紹介
------------------------------------------------------ */
/* itemList */
.l-content .itemList {
  margin:5px auto;
  padding:20px 15px;
  background: #eeeeee;
  letter-spacing: -0.4em;
}
.l-content .itemList .ttl_01 {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 10px 5px 10px;
  background: #bcd61f;
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 280px;
  padding: 10px 0;
  vertical-align: middle;
  line-height: 20px;
}
.l-content .itemList .ttl_02 {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 10px 5px 10px;
  background: #f49952;
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 280px;
  padding: 10px 0;
  vertical-align: middle;
  line-height: 20px;
}
.l-content .itemList .ttl_03 {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 10px 5px 10px;
  background: #3db6c9;
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 280px;
  padding: 10px 0;
  vertical-align: middle;
  line-height: 20px;
}
.l-content .itemList .item {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 10px;
  background: #fff;
  border: 1px solid #cccccc;
  width: 280px;
  padding: 15px 40px;
  box-sizing: border-box;
}
.l-content .itemList .item .name {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.l-content .itemList .item .pic {
  width: 200px;
  margin: 5px auto 0;
  position: relative;
}

.l-content .itemList .item .caption {
  margin-top: 5px;
}
.l-content .itemList .item .point {
  margin: 10px -5px 10px -5px;
  border-top: 1px #e5e5e5 solid;
  padding: 5px;
}
.l-content .itemList .item .btn {
  margin-top: 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 .name {
  color: #666;
}
/* ------------------------------------------------------
ご相談窓口
------------------------------------------------------ */
.l-content .contact_txt_s{
  font-size: 11px;
  line-height: 12px;
}

/* ------------------------------------------------------
導入事例
------------------------------------------------------ */
/* caseBox */
.l-content .caseBox {
  margin: 10px 0;
  background: #eee;
  padding: 15px 15px 0;
}
.l-content .caseBox .caseBoxInner {
  margin: 0 auto 15px;
  width: 860px;
  background: #fff;
  padding: 20px;
}
.l-content .caseBox .caseBoxInner .ttl {
  font-size: 16px;
  border-bottom: 2px solid #0169c6;
  line-height: 22px;
  font-weight: bold;	
}

.l-content .caseBox .caseBoxInner .itemBox {
  width: 200px;
  float: left;
  padding: 10px 50px;
}
.l-content .caseBox .caseBoxInner .troubleBox {
  width: 520px;
  float: right;
  padding: 20px 30px 10px 10px;
}
.l-content .caseBox .caseBoxInner .troubleBox dl.txt01 {
	border: 2px solid #014099;
	height: 90px;
}
.l-content .caseBox .caseBoxInner .troubleBox .txt01 dt {
	width: 55px;
	height: 75px;
	float: left;
	padding: 8px 15px 0;
}
.l-content .caseBox .caseBoxInner .troubleBox .txt01 dd {
	width: 400px;
	float: left;
	padding: 25px 10px 10px;
}
.l-content .caseBox .caseBoxInner .troubleBox dl.txt02 {
	border: 2px solid #f5a60a;
	height: 90px;
}
.l-content .caseBox .caseBoxInner .troubleBox dt {
	width: 55px;
	height: 75px;
	float: left;
	padding: 8px 15px 0;
}
.l-content .caseBox .caseBoxInner .troubleBox dd {
	width: 400px;
	float: left;
	padding: 20px 10px 10px;
}

/* ------------------------------------------------------
選定・相談窓口のご利用方法
------------------------------------------------------ */
.l-content .stepBox {
  width: 736px;
  height: 366px;
  margin: 0 auto 70px;
  background: url(/maker/anestiwata/compressor-f/img/pic_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;
}

/* -----------------------------
about
----------------------------- */
.l-content .aboutContent { 
	margin: 5px 5px 10px;
}
.l-content .aboutContent .left {
	float: left;
	width: 455px;
}
.l-content .aboutContent .right {
	float: right;
	width: 455px;
}
.l-content .aboutContent .photo {
	margin: 10px 10px;
}
.l-content .aboutContent .photo_left {
	float: left;
	margin-right: 7px;
}
.l-content .aboutContent .txt_s_left {
	float: left;
	margin: 0 10px 5px;
	font-size: 11px;
    line-height: 15px;
}
.l-content .aboutContent .txt { 
  padding: 0 10px 5px;
}
.l-content .aboutContent .txt_s{
  font-size: 11px;
  line-height: 15px;
  padding: 0 10px 5px;
}

/* -----------------------------
movie
----------------------------- */
.l-content .movieList {
	margin: 0 -10px 20px 0;
	letter-spacing: -0.4em;
}
.l-content .movieList .movieBox {
	letter-spacing: normal;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 10px;
	border: 1px solid #c1c1c1;
	width: 223px;
	padding: 10px 0 15px;
}
.l-content .movieList > li:first-child{
 margin-left: 0;
}
.l-content .movieList .movieBox .ttl {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}
.l-content .movieList .movieBox .pic {
  width: 203px;
  margin: 10px auto;
}
.l-content .movieList .movieBox .txt {
	padding: 0 10px;
}
/*movieList_silence*/
.l-content .movieList_silence {
	margin: 15px auto;
	border: 1px solid #c1c1c1;
	width: 898px;
	padding: 15px;
}

.l-content .movieList_silence ul.movieBox_silenceWrap {
	margin: 0 -10px 0 0;
	letter-spacing: -0.4em;
}
.l-content .movieList_silence .movieBox_silence {
	letter-spacing: normal;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 211px;
	margin: 10px 7px 10px 7px;
}
.l-content .movieList_silence .movieBox_silence .ttl {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}
.l-content .movieList_silence .movieBox_silence .pic {
  width: 211px;
  margin: 5px auto;
}