@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page

--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
.top_head_bg {
	background-image : url(../image/top_head_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.top_head {
	width: 960px;
	padding-top: 30px;
	margin:0 auto;
}
.top_head p {
	font-size: 20px;
	color: #595757;
	float: left;
}
.top_head_right {
	float:right;
}
.top_head_center {
	width: 100%;
	text-align: center;
	padding-bottom: 22px;
}
.machine {
	margin:0 auto;
	width: 960px;
}
.reason {
	margin: 33px auto 18px;
}
.reason1,.reason2,.reason3 {
	width:220px;
}
.reason img:nth-child(1) {
	margin-bottom: 20px;
}
.reason img:nth-child(3) {
	width: 120px;
}
.case img:first-child {
	margin-bottom: 10px;
}
.case a {
	margin-right: 12px;
}
.case a:last-child {
	margin-right: 0;
}
.flow img {
	margin-top:40px;
}

/*------------------------------------------------------------------------------------------------
  technology
--------------------------------------------------------------------------------------------------*/
#technology .wrapp {
	margin:10px 0;
}

#technology .p2, 
#technology .p3, 
#technology .p4 {
	line-height:1.9em;
	margin:20px 20px 20px 0;
	width:330px;
	float:left;
}

#technology .p1 {
	width:700px;
	float:none;
	margin:20px 0;
	line-height:1.9em;
}

#technology .image {
	margin:10px 14px 0 0;
	float:right;
}

#technology .image01, 
#technology .image04, 
#technology .image06 {
	margin-top:20px;
}

#technology .image08 {
	margin-bottom:30px;
}

/*------------------------------------------------------------------------------------------------
  reason
--------------------------------------------------------------------------------------------------*/
#reason .button {
	margin-bottom:40px;
}

#reason .p1,
#reason .p2,
#reason .p3 {
	line-height:1.7em;
}

#reason .jitext {
	position:relative; 
	top:-35px;
}

#reason .jitext .p1 {
	float:left; 
	margin-right:30px;
}

#reason .jitext .p3 {
	text-align:right; 
	margin-top:20px; 
	color:#004f8e;
	margin-bottom:20px;
}

#reason .setext {
	width:310px; 
	float:left; 
	margin:20px; 
	margin-left:0;
	line-height: 1.9em;
}

#reason .image01,
#reason .image02 {
	margin:20px 20px 20px 0;
	float:right;
}

#reason .hitext {
	float:left; 
	width:310px;
	margin:20px;
	margin-left:0;
	line-height: 1.9em;
}

/*------------------------------------------------------------------------------------------------
  case
--------------------------------------------------------------------------------------------------*/
#case .text01 {
	margin-bottom: 30px;
}
#case .caseImg {
	padding-top: 20px;
	float: left;
}
#case .case01 {
	width: 690px;
	background-image: url(../../case/image/case1.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-left: 33px;
	height: 690px;
	position: relative;
}
#case .bg_link {
	position: absolute;
	top:0;
	left:0;
}
#case .case01 .caseRight {
	padding: 20px;
	margin-left: 310px;
}
#case .case01 .caseRight img:last-child {
	margin-top: 12px;
}
#case .case02 {
	width: 690px;
	background-image: url(../../case/image/case2.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-left: 33px;
	height: 690px;
	margin-top: 20px;
	position: relative;
}
#case .case02 .caseRight {
	padding: 20px;
	margin-left: 310px;
}
#case .case02 .caseRight img:last-child {
	margin-top: 12px;
}
#case .case03 {
	width: 690px;
	background-image: url(../../case/image/case3.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-left: 33px;
	height: 690px;
	margin-top: 20px;
	position: relative;
}
#case .case03 .caseRight {
	padding: 20px;
	margin-left: 310px;
}
#case .case03 .caseRight img:last-child {
	margin-top: 12px;
}
#case .case04 {
	width: 690px;
	background-image: url(../../case/image/case4.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-left: 33px;
	height: 690px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
#case .case04 .caseRight {
	padding: 20px;
	margin-left: 310px;
}
#case .case04 .caseRight img:last-child {
	margin-top: 12px;
}
#case .work {
	width: 330px;
	float: left;
	margin-right: 28px;
	margin-bottom: 30px;
}
#case .work:nth-child(2n) {
	margin-right: 0;
}
#case .work .workText {
	border-right: none;
	margin-top:10px;
	font-size: 16px;
	position: relative;
}
#case .work .workText .wname {
	position: absolute;
	top:10px;
	left: 45px;
	font-size: 16px;
}
#case .work .workText .wseino {
	position: absolute;
	top:12px;
	right: 6px;
	font-size: 13px;
}


/*------------------------------------------------------------------------------------------------
  flow
--------------------------------------------------------------------------------------------------*/
#flow .flow {
	margin-top: 44px;
	margin-bottom:44px;
}
#flow .flow img {
	margin-top: 0;
}
#flow .flow img.flow1 {
	float: left;
}
#flow .flow img.flow3 {
	float: right;
}
#flow .flow .text .flow2 {
	margin-top: 20px;
	display: block;
}
#flow .flow .text {
	width: 335px;
	float: left;
	margin: auto 20.5px;
	line-height: 1.8em;
}
#flow .flow .text h3 {
	font-size: 25px;
	color: #004f8e;
	font-weight: 600;
	margin-bottom: .4em;
}
/*------------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------------*/

.aisatsu p {
	line-height: 1.8em;
	font-size: 16px;
}
.aisatsu img {
	display: block;
	margin: 10px 0 40px auto;
}
#company table {
	width: 700px;
	margin-bottom: 40px;
}
#company table tr {
	border-top: solid 1px #221814;
	border-bottom: solid 1px #221814;
}
#company table tr th {
	background-color: #e9ebf3;
	width: 110px;
}
#company table tr th,#company table tr td {
		padding:8px;
}
#company table tr td {
	/*font-weight: bold;*/
}
iframe {
	width: 700px;
	height: 390px;
}
.map_link {
	color: #717071;
	text-decoration: none;
}