@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.gnav li.nav-technique a::after {
  -webkit-transform: scaleX(1)!important;
  -ms-transform: scaleX(1)!important;
  transform: scaleX(1)!important;
  background-color: #0a528f!important;
}
#topic-path {
	margin-bottom: 0;
}
.sub-nav .sub-development a {
	background-color: #cbe5fc;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

/*LEAD*/

#lead h3 {
	color: #0a528f;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 30px;
}
#lead p {
	text-align: center;
	margin-bottom: 30px;
}

/*流れ*/

.flow {
  width: 103%;
	overflow: hidden;
}
.flow li {
	float: left;
	width: 20%;
	background: url(../images/development-images/arrow.png) 95% 55% no-repeat;
	background-size: 10px;
}
.flow li:last-child {
	background: none;
}
.flow li .number {
	position: relative;
	z-index: 1000;
	width: 40px;
	height: 40px;
	font-size: 1.9rem;
	font-family: 'Crimson Text', serif;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	margin: 0 auto!important;
}
.flow li .inner {
	width: 85%;
}
.flow li .inner dl {
	color: #fff;
	padding: 25px 15px 15px 15px;
	margin-top: -15px;
}
.flow li .inner dt {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.flow li.flow01 dl {
	background-color: #67afac;
}
.flow li.flow02 dl {
	background-color: #e0893c;
}
.flow li.flow03 dl {
	background-color: #8895b7;
}
.flow li.flow04 dl {
	background-color: #dfbf14;
}
.flow li.flow05 dl {
	background-color: #aac948;
}
.flow li.flow06 dl {
	background-color: #49759b;
}


.flow li.flow01 .number {
	color: #67afac;
}
.flow li.flow02 .number {
	color: #e0893c;
}
.flow li.flow03 .number {
	color: #8895b7;
}
.flow li.flow04 .number {
	color: #dfbf14;
}
.flow li.flow05 .number {
	color: #aac948;
}
.flow li.flow06 .number {
	color: #49759b;
}

/*生産技術部*/

.production {
	overflow: hidden;
	margin: 0 auto 70px auto;
}
.production .img {
	width: 55%;
}
.production .img.float-l {
	margin-left: 40px;
}
.production .img.float-r {
	margin-right: 40px;
}
.production .txt {
	width: 55%;
	background-color: #fff;
	margin-top: -30%;
	padding: 50px 30px;
}
.production .txt h3 {
	color: #0a528f;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

/*課*/

.department li {
	margin-bottom: 50px;
}
.department img {
	display: block;
	margin-bottom: 20px;
}
.department dt {
	color: #0a528f;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 20px;
}


/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

/*LEAD*/

#lead h3 {
	font-size: 1.6rem;
}

/*生産技術部*/

.production .img {
	width: 50%;
}
.production .img.float-l {
	margin-left: 20px;
}
.production .img.float-r {
	margin-right: 20px;
}
.production .txt {
	width: 65%;
	padding: 30px;
}
.production .txt h3 {
	font-size: 1.6rem;
}
.production .txt .bt-cmn02 {
	width: 60%;
	margin: 0 auto;
}

/*流れ*/

.flow li .inner dl {
	padding: 25px 10px 10px 10px;
}
.flow li .inner dt {
	font-size: 1.5rem;
}
}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {


/*LEAD*/

#lead h3 {
	font-size: 1.4rem;
	margin-bottom: 10px;
}
#lead p {
	margin-bottom: 0;
}

/*流れ*/

.flow ul {
	width: 100%;
}
.flow li {
	float: none;
	width: 90%;
	background: url(../images/development-images/arrow02.png) 50% 98% no-repeat;
	background-size: 15px;
	padding-bottom: 20px;
	margin: 0 auto 10px auto;
}
.flow li:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.flow li .inner {
	width: 100%;
}
.flow li .inner dl {
	color: #fff;
	padding: 25px 15px 15px 15px;
	margin-top: -15px;
}
.flow li .inner dt {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

/*生産技術部*/

.production {
	margin: 0 auto 50px auto;
}
.production .img {
	float: none;
	display: block;
	width: 90%;
	margin: 0 auto!important;
}
.production .img.float-l {
	margin-left: 0;
}
.production .img.float-r {
	margin-right: 0;
}
.production .txt {
	position: relative;
	z-index: 10000;
	float: none;
	width: 85%;
	margin: -5% auto 0 auto;
}
.strength .txt h3 {
	font-size: 1.5rem;
}

/*課*/

.department .ul-3column {
	overflow: hidden;
	width: 104%!important;
}
.department .ul-3column li {
	float: left;
	width: 46%;
	margin-right: 4%;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.department img {
	margin-bottom: 15px;
}
.department dt {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

}