@charset "utf-8";
/*
 * top.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */
#top .inner{
	max-width:1600px;
}

.coreAdvantages{
	padding:90px 0;
}
.coreAdvantages ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.coreAdvantages li{
	flex:0 0 49%;
	position: relative;
	padding-left:80px;
	margin-bottom: 90px;
}
.coreAdvantages li .step{
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:60px;
	border-right:1px solid #caad8b;
	line-height: 1;
	color:#caad8b;
	font-size:3.4rem;
	font-weight: bold;
}
.coreAdvantages li .tit{
	margin-bottom: 15px;
	line-height: 1.2;
	font-size:2.8rem;
	font-weight: 500;
}
.coreAdvantages li .txt{
	line-height: 1.778;
}
.coreAdvantages .about{
	position:relative;
}
.coreAdvantages .about img{
	width: 100%;
	object-fit: cover;
	object-position: 60% center;
	height:740px;
}
.coreAdvantages .about .info{
	position: absolute;
	right:0;
	top:0;
	width:44%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 20px;
	line-height: 1.79;
	color:#fff;
	font-size:1.8rem;
	background: rgba(0,91,240,.9);
}
.coreAdvantages .about h3{
	line-height: 1.4;
	margin-bottom: 50px;
	font-size:4rem;
	font-weight: bold;
}
.coreAdvantages .about h3 .eng{
	font-size:0.709em;
}

.companyDisplay {
	padding:150px 0 1px;
}
.companyDisplay li{
	margin-bottom:150px;
}
.companyDisplay li .img{
	width:46%;
}
.companyDisplay li .info{
	width:46%;
}
.companyDisplay li h3{
	padding-left:70px;
	background:url(../img/common/ico_home.png)no-repeat left center;
	color:#caad8b;
	font-size:4rem;
}
.companyDisplay li .txt{
	font-size:1.8rem;
}

.aboutWrap{
	padding:120px 20px;
	background:url(../img/common/bg_about.jpg)no-repeat center;
	background-size:cover;
	text-align: center;
	line-height: 1.85;	
	color:#fff;
	font-size:1.8rem;
}
.aboutWrap h2{
	background:url(../img/common/ico_hd.png)no-repeat center;
	text-align: center;
	font-size:4.8rem;
	font-weight: 500;
}
.aboutWrap .txt p + p{
	margin-top:40px;
}
.aboutWrap .btn{
	margin-top:90px;
	text-align: center;
}
.aboutWrap .btn a{
	display:inline-block;
	padding:10px;
	width:80%;
	max-width:300px;
	border-radius:100px;
	border:1px solid #fff;
	color:#fff;
}

.contactWrap{
	padding:100px 0;
	overflow:hidden;
}
.contactWrap .access{
	display:flex;
	justify-content: space-between;	
}
.contactWrap .access .form{
	width:42.667%;
}
.contactWrap .access .tit{
	margin-bottom: 40px;
	text-align: center;
	color:#666666;
	font-size:2.4rem;
}
.contactWrap .access .tit .foucs{
	display:block;
	color:#333;
	font-weight: bold;
	font-size:3.6rem;
}
.contactWrap .access .tit2{
	margin-top:50px;
}
.contactWrap .access .tit2 .foucs{
	display:block;
	margin-bottom:10px;
	font-size:3rem;
	font-weight: bold;
}
.contactWrap .access .form ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contactWrap .access .form li{
	width: 100%;
	position: relative;
	overflow:hidden;
	margin-bottom: 20px;
	padding-left:70px;
	border:1px solid #bababa;
	border-radius:8px;
}
.contactWrap .access .form .th{
	position:absolute;
	left:15px;
	top:18px;
	color:#757575;
}
.contactWrap .access .form input{
	height:60px;
	border:0;
	width:100%;
}
.contactWrap .access .form .yzm img{
	position: absolute;
    right: 10px;
    top: 15px;
}
.contactWrap .access .textarea{
	width: 100% !important; 
	padding:50px 20px 20px;
}
.contactWrap .access .textarea textarea{
	resize: none;
	width:100%;
	height:120px;
	border:0;
}
.contactWrap .access .btn{
	margin-top:40px;
	text-align:center;
}
.contactWrap .access .info{
	position: relative;
	z-index: 2;
	padding:65px 50px;
	width:49.3333%;
}
.contactWrap .access .info:before{
	content:"";
	position: absolute;
	z-index: -1;
	left:0;
	top:0;
	width:1000px;
	height:100%;
	background:url(../img/common/img_contact.jpg)no-repeat left center;
	background-size:auto 100%;
}
.contactWrap .access .logo{
	margin-bottom:15px;
}
.contactWrap .access .logo img{
	max-width: 100%;
}
.contactWrap .access .info li{
	padding-left:40px;
	margin-bottom: 15px;
	background:url(../img/common/ico_tel.png)no-repeat left 5px;
	font-size:2.2rem;
}
.contactWrap .access .info .map{
	background-image:url(../img/common/ico_map.png);
}
.contactWrap .access .info .th{
	font-weight:500;
}

 
/* sp */
@media screen and (max-width: 767px) {
	.coreAdvantages {
		padding: 50px 0;
	}
	.coreAdvantages {
		padding: 50px 0;
	}
	.coreAdvantages ul{
		display:block;
	}
	.coreAdvantages li { 
		padding-left: 50px;
		margin-bottom: 30px;
	}
	.coreAdvantages li .step { 
		width: 38px; 
		font-size: 2rem; 
	}
	.coreAdvantages li .tit {
    	margin-bottom: 10px; 
		font-size: 1.6rem;
	} 
	.coreAdvantages .about img{
		object-position:left center;
		height:260px;
	}
	.coreAdvantages .about .info {
		position: static; 
		transform: translateY(0%);
		width: 100%;
		padding: 20px 20px;
		background:#005bf0;
		font-size: 1.6rem;
	}
	.coreAdvantages .about h3 { 
    	margin-bottom: 20px;
		font-size: 2.8rem;
	}
	
	.companyDisplay {
		padding: 10px 0 1px;
	}
	.companyDisplay li {
		margin-bottom: 30px;
	}
	.companyDisplay li .info{
		width:auto;
	}
	.companyDisplay li .img{ 
		width:auto;
	} 
	.companyDisplay li h3 {
		padding-left: 40px;
		background-size:28px; 
		font-size: 2.4rem;
	}
	.companyDisplay li .txt {
		font-size: 1.4rem;
	}
	
	.aboutWrap {
		padding: 60px 20px; 
		text-align:left;
		font-size: 1.5rem;
	}
	.aboutWrap .txt p + p {
		margin-top: 20px;
	}
	.aboutWrap .btn {
		margin-top: 30px;
	}
	
	.contactWrap {
		padding: 50px 0;
	}
	.contactWrap .access{
		display:block;
	}
	.contactWrap .access .form{
		margin-bottom: 30px;
		width:auto;
	}
	.contactWrap .access .info{
		padding: 30px 0;
		width:auto;
	}
	.contactWrap .access .tit {
		margin-bottom: 20px; 
		font-size: 1.6rem;
	}
	.contactWrap .access .tit .foucs {
		font-size: 2rem;
	}
	.contactWrap .access .tit2 {
		margin-top: 25px;
	}
	.contactWrap .access .tit2 .foucs { 
    	margin-bottom: 6px;
		font-size: 1.8rem;
	}
	.contactWrap .access .form li {
		margin-bottom: 10px;
		padding-left: 50px; 
	}
	.contactWrap .access .form .th { 
		left: 10px;
		top: 8px; 
	}
	.contactWrap .access .form input {
		height: 35px;
	}
	.contactWrap .access .btn {
		margin-top: 15px;
	}
	.contactWrap .access .info:before{
		left:-20px;
		right:-20px;
		width:auto;
		background-position: center;
	}
	.contactWrap .access .logo {
		margin-bottom: 20px;
	}
	.contactWrap .access .info li {
		padding-left: 24px;
		margin-bottom: 8px;
		background-position:left 5px;
		background-size:auto 18px;
		font-size: 1.6rem;
	}
	.contactWrap .access .textarea {
		padding: 26px 10px 10px;
	}
	.contactWrap .access .textarea textarea{
		height:100px;
	}
	
}