@charset "utf-8";

#top_text h2{
	font-size: 25px;
}

/*------- 選ばれる５つの特徴 ------*/
#reason .waku{
	background-color: #fff;
	margin: 10px;
	padding: 20px;
	height: 320px;
}
#reason .number{
	margin-left: -30px;
}
#reason img{
	margin-top: -40px;
}
#reason h2{
	font-size: 15px;
	line-height: 20px;
}
#reason .p{
	line-height: 18px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	#reason .waku{
	background-color: #fff;
	margin: 10px 40px 10px auto;
	padding: 20px;
	height: inherit;
	width: 85%;
}
#reason img{
	margin-top: 0px;
	margin-left: -60px;
}
#reason .text{
		margin-left: -20px;
	}
#reason h2{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
}
#reason .p{
	line-height: 25px;
}
}

/*------- 代表あいさつ ------*/
.Greetings{
	background-image: url("../images/company_img1.png");
	background-position: top right;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	#about h2{
		text-align: center;
		font-size: 28px;
		margin-bottom: 20px
	}
	#about .p{
		font-size: 22px;
		line-height: 33px;
	}
	#about .p2{
		text-align: right;
	}
	#about .flex_left{
		justify-content: flex-end
	}
}
/*------- わたしたちのチームについて ------*/
.Aboutus .narabi{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: wrap;
	width: 95%;
	max-width: 1300px;
	margin: auto;
}
.Aboutus .waku{
	width: 237px;
	margin:20px 10px;
}
.Aboutus .green{
	font-size: 18px;
}
.Aboutus hr{
	border:  2px #5abfb6 solid;
	margin: 10px 35px;
}
.Aboutus .p{
	font-size: 16px;
	text-align: justify;
	line-height: 24px;
}

@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.Aboutus .narabi{
	flex-flow: column;
}
.Aboutus .waku{
	width: 95%;
	margin: 20px auto 20px auto;
}
.Aboutus img{
		margin-right: 20px;
	}
.Aboutus hr{
	margin: 10px 0px;
}
	.Aboutus p{
		text-align: justify;
	}
}

/*------- 各分野の専門家との連携で ------*/
.renkei{
	background-color: #f3f8ee;
	padding: 30px 0;
}
.renkei .ansin{
	display: block;
	margin: 20px auto 0 auto;
	max-width: 800px;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.renkei h2{
	font-size: 25px;
}
}

/*------- 私たちの窓口には ------*/
.madoguti{
	background-image: url("../images/company_img2.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size:contain;
}
.madoguti p{
	font-size: 18px;
	text-align: justify;
	padding: 50px 0 70px 0;
}
@media screen and (max-width: 1000px){
  /*--ここにスマホに適したCSSを記述します*/
	.madoguti{
	background-size:cover;
	background-position: right;
	background-repeat: no-repeat;
}
	.madoguti p{
	padding: 50px 50px 70px 50px;
}
}