@charset "utf-8";

/* -------------------------------
common
------------------------------- */


.mainArea .cv_btn {
	width: 400px;
	height: 40px;
	margin: 0 auto;
	font-size: 14px;
}
.mainArea .titleBlock_2 {
	clear: both;
	width: 950px;
	margin: 0 0 25px;
}
.mainArea .titleBlock_2 .titleBlock_2__main {
	width: 920px;
	padding: 14px 6px 13px 18px;
	border-left: 6px solid #000076;
	background: #e9f1f9;
	font-size: 20px;
	line-height: 1.1;
}
.mainArea .innerBox {
	width: 920px;
	margin: 0 auto;
}
.mainArea .h3box {
	width: 890px;
	margin: 0 auto;
}
.mainArea .contactBtn a {
	display: block;
	width: 385px;
	height: 40px;
	font-size: 14px;
}
.mainArea .movie a {
	display: block;
	width: 383px;
	height: 225px;
}

/* gnavi start */
.mainArea .titleBlock_gnavi {
	list-style: none;
	position: relative;
	width: 950px;
	height: 81px;
	margin: 0 0 30px;
	padding: 0;
	background-color: #fff;
}
.mainArea .titleBlock_gnavi li a,
.mainArea .titleBlock_gnavi li .active {
	position: absolute;
	display: block;
	float: left;
	width: 237px;
	height: 40px;
	background: url(/maker/machine-engineering/mech/tech/common/img_gnavi_210430.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .titleBlock_gnavi li.nav01 a,
.mainArea .titleBlock_gnavi li.nav02 a,
.mainArea .titleBlock_gnavi li.nav03 a,
.mainArea .titleBlock_gnavi li.nav04 a,
.mainArea .titleBlock_gnavi li.nav01 .active,
.mainArea .titleBlock_gnavi li.nav02 .active,
.mainArea .titleBlock_gnavi li.nav03 .active,
.mainArea .titleBlock_gnavi li.nav04 .active {
	top: 0;
	height: 41px;
}
.mainArea .titleBlock_gnavi li.nav05 a,
.mainArea .titleBlock_gnavi li.nav06 a,
.mainArea .titleBlock_gnavi li.nav07 a,
.mainArea .titleBlock_gnavi li.nav08 a,
.mainArea .titleBlock_gnavi li.nav05 .active,
.mainArea .titleBlock_gnavi li.nav06 .active,
.mainArea .titleBlock_gnavi li.nav07 .active,
.mainArea .titleBlock_gnavi li.nav08 .active {
	top: 41px;
}
.mainArea .titleBlock_gnavi li.nav01 a,
.mainArea .titleBlock_gnavi li.nav01 .active,
.mainArea .titleBlock_gnavi li.nav05 a,
.mainArea .titleBlock_gnavi li.nav05 .active {
	left: 0;
}
.mainArea .titleBlock_gnavi li.nav02 a,
.mainArea .titleBlock_gnavi li.nav02 .active,
.mainArea .titleBlock_gnavi li.nav06 a,
.mainArea .titleBlock_gnavi li.nav06 .active {
	left: 238px;
}
.mainArea .titleBlock_gnavi li.nav03 a,
.mainArea .titleBlock_gnavi li.nav03 .active,
.mainArea .titleBlock_gnavi li.nav07 a,
.mainArea .titleBlock_gnavi li.nav07 .active {
	left: 476px;
}
.mainArea .titleBlock_gnavi li.nav04 a,
.mainArea .titleBlock_gnavi li.nav04 .active,
.mainArea .titleBlock_gnavi li.nav08 a,
.mainArea .titleBlock_gnavi li.nav08 .active {
	left: 714px;
	width: 236px;
}
.mainArea .titleBlock_gnavi li.nav01 a {
	background-position: 0 0;
}
.mainArea .titleBlock_gnavi li.nav02 a {
	background-position: -238px 0;
}
.mainArea .titleBlock_gnavi li.nav03 a {
	background-position: -476px 0;
}
.mainArea .titleBlock_gnavi li.nav04 a {
	background-position: -714px 0;
}
.mainArea .titleBlock_gnavi li.nav01 .active {
	background-position: 0 -41px;
}
.mainArea .titleBlock_gnavi li.nav02 .active {
	background-position: -238px -41px;
}
.mainArea .titleBlock_gnavi li.nav03 .active {
	background-position: -476px -41px;
}
.mainArea .titleBlock_gnavi li.nav04 .active {
	background-position: -714px -41px;
}
.mainArea .titleBlock_gnavi li.nav05 a {
	background-position: 0 -82px;
}
.mainArea .titleBlock_gnavi li.nav06 a {
	background-position: -238px -82px;
}
.mainArea .titleBlock_gnavi li.nav07 a {
	background-position: -476px -82px;
}
.mainArea .titleBlock_gnavi li.nav08 a {
	background-position: -714px -82px;
}
.mainArea .titleBlock_gnavi li.nav05 .active {
	background-position: 0 -123px;
}
.mainArea .titleBlock_gnavi li.nav06 .active {
	background-position: -238px -123px;
}
.mainArea .titleBlock_gnavi li.nav07 .active {
	background-position: -476px -123px;
}
.mainArea .titleBlock_gnavi li.nav08 .active {
	background-position: -714px -123px;
}
/* gnavi end */

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.mainArea .titleBlock__h1 {
	position: relative;
	width: 950px;
	height: 190px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/img_h1.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .titleBlock_catch {
	height: 0;
	overflow: hidden;
}
.mainArea .titleBlock_txt {
	width: 920px;
	margin: 0 auto;
	font-size: 14px;
}

/* feature */
.mainArea .feature {
	width: 920px;
	margin: 0 auto 20px;
	border: 1px solid #000076;
}
.mainArea .feature .head {
	background: #000076;
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 25px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.mainArea .feature .main {
	padding: 20px 130px;
}
.mainArea .feature .main .trouble {
	display: flex;
	justify-content: space-between;
	width: 660px;
	padding-left: 10px;
	box-sizing: border-box;
}
.mainArea .feature .main .trouble .balloon {
	position: relative;
	background: #eee;
	display: flex;
	align-items: center;
	width: 560px;
	height: 70px;
	padding: 0 25px;
	font-size: 15px;
	border-radius: 10px;
	box-sizing: border-box;
}
.mainArea .feature .main .trouble .balloon::before {
	content: "";
  position: absolute;
  top: 50%;
  left: -20px;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 15px solid #eee;
}
.mainArea .feature .main .resolution .txt {
	background: #ffe096;
	display: flex;
	align-items: center;
	width: 660px;
	height: 70px;
	margin: 20px 0;
	padding: 0 25px;
	font-size: 15px;
	font-weight: bold;
	box-sizing: border-box;
}
.mainArea .feature .main .resolution .img_wrap {
	display: flex;
	justify-content: space-between;
	width: 660px;
}
.mainArea .feature .main .resolution .img_wrap .before,
.mainArea .feature .main .resolution .img_wrap .after {
	position: relative;
	margin: 0 30px;
}
.mainArea .feature .main .resolution .img_wrap .before .label,
.mainArea .feature .main .resolution .img_wrap .after .label {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
.mainArea .feature .main .resolution .img_wrap .before .label {
	background: #284773;
}
.mainArea .feature .main .resolution .img_wrap .after .label {
	background: #e98604;
}

/* movement */
.mainArea .movement .movie {
	width: 383px;
	margin: 0 auto;
}
.mainArea .movement ol.flowchart {
	width: 874px;
	height: 208px;
	margin: 0 auto 20px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/img01.gif) no-repeat 0 0;
}
.mainArea .movement ol.flowchart li {
	height: 0;
	overflow: hidden;
}


/* .itemBox */
.mainArea .itemBox .btn a {
	display: block;
	width: 267px;
	height: 38px;
	margin: 0 0 5px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/item_btn.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .itemBox .item {
	width: 565px;
	margin: 0;
	padding: 0 0 0 325px;
}
.mainArea .itemBox .desc {
	margin: 0 0 12px;
}
.mainArea .itemBox .desc > li {
	margin: 0 0 2px;
	padding: 0 0 0 0.6em;
	text-indent: -0.6em;
}
.mainArea .itemBox .item01 {
	min-height: 150px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/item01.jpg) no-repeat 30px 0;
}

.mainArea .itemBox ul.box li {
	width: 420px;
}
.mainArea .itemBox ul.box dt {
	width: 400px;
	margin: 0 auto 20px;
	padding: 10px;
	background: #c3e3ff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
}
.mainArea .itemBox ul.box dd {
	width: 383px;
	margin: 0 auto 30px;
	padding: 0;
}
.mainArea .itemBox ul.box .txt {
	width: 350px;
	margin: 0 auto;
}
.mainArea .itemBox ul.box li.box1_01,
.mainArea .itemBox ul.box li.box1_03,
.mainArea .itemBox ul.box li.box1_05 {
	clear: both;
	float: left;
}
.mainArea .itemBox ul.box li.box1_02,
.mainArea .itemBox ul.box li.box1_04,
.mainArea .itemBox ul.box li.box1_06 {
	float: right;
}
.mainArea .itemBox ul.box li.box1_01 dd {
	padding-top: 200px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/item_img1_01.gif) no-repeat 68px 15px;
}
.mainArea .itemBox ul.box li.box1_02 dd {
	padding-top: 200px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/item_img1_02.gif) no-repeat 127px 0;
}
.mainArea .itemBox ul.box li.box1_03 dd {
	padding-top: 180px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/item_img1_03.gif) no-repeat 76px 25px;
}
.mainArea .itemBox ul.box li.box1_04 dd {
	padding-top: 180px;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/item_img1_04.gif) no-repeat 56px 10px;
}

/* .basicBox */
.mainArea .basicBox {
	width: 880px;
	margin: 0 auto 60px;
}
.mainArea .basicBox .innerBox {
	width: 880px;
}
.mainArea .basicBox .txt {
	float: left;
	width: 465px;
	font-size: 14px;
}
.mainArea .basicBox .contactBtn {
	float: right;
	width: 385px;
}

/* .contactBox */
.mainArea .contactBox {
	position: relative;
	clear: both;
	width: 950px;
	height: 153px;
	margin: 0 0 50px;
	padding: 0;
	border: none;
	background: url(/maker/machine-engineering/mech/tech/escapement/images/ver2/contact_bg.gif) no-repeat 0 0;
}
.mainArea .contactBox .ttl,
.mainArea .contactBox dt,
.mainArea .contactBox .tel,
.mainArea .contactBox .name {
	height: 0;
	overflow: hidden;
}
.mainArea .contactBox .mail a {
	position: absolute;
	top: 72px;
	left: 573px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}