/*==========================================
concept
===========================================*/

h3{
	font-size:3.6rem;
	margin-bottom: 60px;
	text-align: center
}

h3 span{
	border-bottom: 1px solid #0871e7;
	padding-bottom: 5px;
}

@media only screen and (max-width: 799px){
	h3{
		font-size:2.6rem;
	}
}

#concept p{
	padding-bottom: 15px;
}

#app_concept{
    background-image:url(../images/conceptImg_concept.jpg);
	background-position: center;
}


/*==========================================
technostructure
===========================================*/
#technostructure{}

#technostructure h2{
	font-size: 2.4rem;
	text-align: left;
	width: 100%;
	margin-bottom: 40px;
}

#technostructure h2 span{
	display: block;
}

#technostructure .flexWrap{}

#technostructure .flexWrap div:first-of-type{
	width: 44%;
}

#technostructure .flexWrap div:last-of-type{
	width: 48%;
}

#technostructure .flexWrap div:last-of-type img{
	width: 100%;
	margin: 0 0 0 auto;
}

@media only screen and (max-width: 1200px){
	#technostructure .flexWrap div:first-of-type{
		width: 100%;
		padding-bottom: 50px;
	}

	#technostructure .flexWrap div:last-of-type{
		width: 100%;
		text-align: center;
	}

	#technostructure .flexWrap div:last-of-type img{
		max-width: 1000px;
		margin: 0 auto;
	}
	
}

#technostructure .flexWrap div p{
	padding-bottom: 10px;
}

#technostructure a.linkbtn{
	width: auto;
	max-width: 400px;
	margin-top: 40px;
}


/*==========================================
sekkei
===========================================*/
#sekkei{}

#sekkei h2{
	font-size: 2.4rem;
	text-align: left;
	width: 100%;
	margin-bottom: 40px;
}

#sekkei h2 span{
	display: block;
}

#sekkei .flexWrap{}

#sekkei .flexWrap div:first-of-type{
	width: 44%;
	order: 2
}

#sekkei .flexWrap div:last-of-type{
	width: 48%;
}

#sekkei .flexWrap div:last-of-type img{
	width: 100%;
	margin: 0 0 0 auto;
}

@media only screen and (max-width: 1200px){
	#sekkei .flexWrap div:first-of-type{
		width: 100%;
		padding-bottom: 50px;
		order: 1;
	}

	#sekkei .flexWrap div:last-of-type{
		width: 100%;
		text-align: center;
		order: 2;
	}

	#sekkei .flexWrap div:last-of-type img{
		max-width: 1000px;
		margin: 0 auto;
	}
	
}

#sekkei .flexWrap div p{
	padding-bottom: 10px;
}




/*==========================================
kaihoukan
===========================================*/
#kaihoukan{}

#kaihoukan h2{
	font-size: 2.4rem;
	text-align: left;
	width: 100%;
	margin-bottom: 40px;
}

#kaihoukan h2 span{
	display: block;
}

#kaihoukan .flexWrap{}

#kaihoukan .flexWrap div:first-of-type{
	width: 44%;
}

#kaihoukan .flexWrap div:last-of-type{
	width: 48%;
}

#kaihoukan .flexWrap div:last-of-type img{
	width: 100%;
	margin: 0 0 0 auto;
}

@media only screen and (max-width: 1200px){
	#kaihoukan .flexWrap div:first-of-type{
		width: 100%;
		padding-bottom: 50px;
	}

	#kaihoukan .flexWrap div:last-of-type{
		width: 100%;
		text-align: center;
	}

	#kaihoukan .flexWrap div:last-of-type img{
		max-width: 1000px;
		margin: 0 auto;
	}
	
}

#kaihoukan .flexWrap div p{
	padding-bottom: 10px;
}