@charset "utf-8";
/* CSS Document */

/* Recruit */
.recruit-part li {
}
.recruit-part li:nth-child(even) {
  background: rgba(235, 235, 235, .6);
}
.recruit-part li ul li:nth-child(even) {
  background: rgba(235, 235, 235, 0);
}
/*.recruit-part li ul li{
	display: table;
}
.recruit-part li ul li span{
	display: table-cell;
	padding-left: .5em;
}
.recruit-part li ul li:before{
	content:"";
	display: inline-block;
	background: #1cc1ac;
	width: 10px;
	height: 10px;
	border-radius: 10px;
}*/

.recruit-part .center-part{
	display: block;
	}
.recruit-part li .block {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 8px 0;
}
.recruit-part li .block:first-child {
	width: 26%;
}
.recruit-part li .block:last-child {
	width: 72.5%;
}
.recruit-part li .block h4 {
	font-weight: bold;
	font-size: 18px;
	line-height: calc(28/18);
}
.recruit-part li .block:last-child ul li {
	padding-left: 20px;
}

/* About 00 */
.about-cover {
	position: relative;
	width: 31.85%;    
	margin-right: 1.5%;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	box-shadow: 0px 10px 20px rgba(0,0,0,.15);
}
.about-cover:last-child {
	margin-right: 0;
}
.about-cover .circle-float {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -115px;
    margin-top: -115px;
    width: 230px;
    height: 230px;
    /*transition: all 0.5s ease-in-out 0s;*/
}
.about-cover:first-child {
	width: 100%;
	display: block;
	margin-right: 0;
	margin-bottom: 30px;
}
.about-cover:first-child .circle-float {
    margin-left: -200px;
    margin-top: -200px;
    width: 400px;
    height: 400px;
}
.about-cover .circle-float .info-wrap {
    background: rgba(255,255,255,0.85);
    transition: all 0.5s ease-in-out 0s;
}
.about-cover .circle-float:after {
	background: rgba(74,216,198,.55);
	border: none;
}
.content-part .about-cover .title-with-circle {
    margin-bottom: 5px;
}
.about-cover .circle-float h3 {
	font-weight: bold;
}
.about-cover .circle-float p.sub-info {
	font-size: 14px;
	line-height: 22px;
}
.about-cover .pic img {
	transition: all 0.3s ease-in-out 0s;
}
/*-- Animate --*/
.about-cover:hover .pic img{
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-webkit-transform: scale(1.04);
}
.about-cover:hover .circle-float .info-wrap {
    background: rgba(255,254,224,.85);
}

/* About 01 */
.about .banner-part {
	position: relative;
}
.about .banner-part .content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.about .banner-part .content:before {
	content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: white;
    opacity: 0;
    font-size: 0;
    letter-spacing: 0;
}
.about .banner-part .content h2 {
	display: inline-block;
	vertical-align: middle;
	width: 97.5%;
	margin: 0 auto;
}
.about .banner-part .content h2 span {
	color: #1cc1ac;
}
.about .content-wrap .title-with-circle ~ p {
	margin-bottom: 35px;
}
.about-merit.content-wrap {
	padding-top: 0;
}
.about-merit li {
	margin-bottom: 40px;
}
.about-merit li:last-child {
	margin-bottom: 0px;
}
.about-merit .pic,
.about-merit .block {
	display: inline-block;
	vertical-align: top;
}
.about-merit .pic {
	width: 57.2%;
	position: relative;
	z-index: 1;
}
.about-merit .block {
	width: 48.6%;
	text-align: left;
	margin-left: -9%;
	margin-top: 30px;
	position: relative;
	z-index: 2;
	box-shadow: 0px 2px 4px rgba(0,0,0,.10);
}
.about-merit .block .for-title,
.about-merit .block .for-content {
}
.about-merit .block .for-title {
	background: rgba(28,193,172,.95);
	color: white;
	padding-top: 8px;
	padding-bottom: 8px;
}
.about-merit .block .for-content {
	background: rgba(255,255,255,.95);
	padding-top: 15px;
	padding-bottom: 15px;
}
.about-history.content-wrap {
	padding-bottom: 0;
}
/* About 02 */
.for-company.content-wrap,
.for-equip.content-wrap {
	padding-bottom: 0;
}
.about .for-list-all .client-part {
	margin-top: 10px;
}
.about .about-section {
	margin-bottom: 30px;
}
.about .center-part .about-section:last-child {
	margin-bottom: 0;
}
.about .about-section h4 {
	border-bottom: 1px solid #191919;
	display: inline-block;
	margin-bottom: 15px;
	font-weight: bold;
}
.about .about-traffic {
	display: table;
	width: 100%;
}
.about .about-traffic .block {
	display: table-cell;
	text-align: left;
	padding: 25px 20px;
}
.about .about-traffic .block:first-child {
	background: rgba(235, 235, 235, .25);
}
.about .about-traffic .block:last-child {
	background: rgba(235, 235, 235, .6);
}
.about .about-traffic .block .info-wrap {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.about .about-traffic .block .sub-info {
	font-size: 14px;
	line-height: 24px;
	color: #9b9b9b;
}
.about .map {
	line-height: 1;
}

/* About 03 */
.about .about-pic-part {
	margin-bottom: 50px;
}
.about .about-pic-part .block {
	display: inline-block;
	vertical-align: middle;
	width: 48.5%;
	position: relative;
	margin-bottom: 30px;
}
.about .about-pic-part .block:nth-child(2n+1) {
	margin-right: 1.5%;
}
.about .about-pic-part .block:nth-last-child(2),
.about .about-pic-part .block:last-child {
	margin-bottom: 0;
}
.about .about-pic-part .block:after {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	opacity: 0.5;
	border: 1px solid white;
	z-index: 2;
	width: calc(100% - 19px);
	height: calc(100% - 19px);
}
.about .about-pic-part .block .pic {
	position: relative;
	z-index: 1;
}
.about .about-pic-part .block .about-tag {
	position: absolute;
	z-index: 3;
	bottom: 9px;
	left: 9px;
	background: rgba(255, 255, 255,.95);
	padding: 5px 22px;
}
.about .about-pic-part.equip-info .block:after {
	display: none;
}
.about .equip-info.about-pic-part {
	margin-top: 30px;
	margin-bottom: 0;
}
.about .equip-info .block {
	text-align: left;
}
.about .equip-info .block .pic {
	display: inline-block;
	vertical-align: bottom;
	width: 67.4%;
	z-index: 1;
}
.about .equip-info .block .for-content {
	text-align: center;
	position: absolute;
	right: 0;
	bottom: -10px;
	z-index: 2;
	display: table;
	width: 230px;
	height: 230px;
	border-radius: 100%;
	background: rgba(235,235,235,0.95);
}
.about .equip-info .block .for-content > div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.about .factory-merit {
	display: table;
	width: 100%;
}
.about .factory-merit li {
	display: table-cell;
	vertical-align: top;
	width: 25%;
}
.about .factory-merit li .pic {
	margin-bottom: 10px;
}


/* Responsive */
@media screen and (max-width: 1680px) {
}

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

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

@media screen and (max-width: 1024px) {
	/* About 00 1024 */
	.about-cover {
		width: 31.7%;
	}
}

@media screen and (max-width: 769px) {
	.recruit-part .center-part {
		display: block;
		width: 96%;
	}
	.recruit-part li .block h4 {
		font-size: 16px;
		line-height: calc(26/16);
	}
	/* About 01 768 */
	.about-merit li {
		max-width: 635px;
		margin-left: auto;
		margin-right: auto;
	}
	.about-merit .pic,
	.about-merit .block {
		display: block;
		width: 100%;
	}
	.about-merit .block {
		width: calc(100% - 40px);
		margin-left: auto;
		margin-right: auto;
		margin-top: -80px;
	}
	/* About 02 768 */
	.about .about-traffic .block {
		padding: 15px 0px;
	}
	/* About 03 768 */
	.about .equip-info .block .for-content {
		width: 190px;
		height: 190px;
	}
}
@media screen and (max-width: 640px) {

	/* Recruit */
	.recruit-part li .block h4 {
		font-size: 14px;
		line-height: calc(22/14);
	}
	.recruit-part li .block:first-child {
		width: 100%;
	}
	.recruit-part li .block:last-child {
		width: 100%;
		padding-top: 0;
	}
	.recruit-part li .block:last-child ul li {
		padding-left: 15px;
	}
	/* About 00 640 */
	.about-cover {
		width: 100%;    
		margin-right: 0%;
		display: block;
		box-shadow: 0px 5px 10px rgba(0,0,0,.15);
		margin-bottom: 20px;
	}
	.about-cover:last-child {
		margin-bottom: 0;
	}
	.content-part .about-cover .title-with-circle {
		margin-bottom: 0px;
	}
	.about-cover:first-child {
		margin-bottom: 20px;
	}
	.about-cover:first-child .pic img {
		width: 180%;
		margin-left: -40%;
	}
	.about-cover .circle-float,
	.about-cover:first-child .circle-float {
		margin-left: -100px;
		margin-top: -100px;
		width: 200px;
		height: 200px;
	}
	.about-cover:first-child .circle-float h3 {
		font-size: 14px;
	}
	.about-cover:first-child .circle-float p {
		font-size: 13px;
	}
	/* About 01 640 */
	.about .banner-part .banner {
		overflow: hidden;
	}
	.about .banner-part .banner img {
		width: 180%;
		margin-left: -40%;
	}
	.about .content-wrap .title-with-circle ~ p {
		margin-bottom: 15px;
	}
	.about-merit .block .for-title,
	.about-merit .block .for-content {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.about .banner-part .content h2 {
		font-size: 18px;
		line-height: 26px;
	}
	.about-merit li {
		margin-bottom: 25px;
	}
	.about-merit .block {
		width: 100%;
		margin-top: 0px;
	}
	/* About 02 640 */
	.about .about-section {
		margin-bottom: 20px;
	}
	.about .about-section h4 {
		margin-bottom: 10px;
	}
	.about .about-traffic {
		display: block;
	}
	.about .about-traffic .block {
		display: block;
		padding: 10px 0;
	}
	.about .about-traffic .block .sub-info {
		font-size: 13px;
		line-height: 21px;
	}
	/* About 03 640 */
	.about .about-pic-part {
		margin-bottom: 20px;
	}
	.about .about-pic-part .block {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	.about .about-pic-part .block:nth-child(2n+1) {
		margin-right: 0;
	}
	.about .about-pic-part .block:nth-last-child(2) {
		margin-bottom: 15px;
	}
	.about .equip-info .block .pic {
		width: 75%;
	}
	.about .equip-info .block .for-content {
		width: 160px;
		height: 160px;
	}
	.about .factory-merit {
		display: block;
	}
	.about .factory-merit li {
		display: block;
		width: 100%;
		max-width: 208px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.about .factory-merit li:last-child {
		margin-bottom: 0px;
	}

}