/*- all ----------------------------------------------------------------------------------------*/


#about_combox { float: left; width: 65%; padding: 0; margin: 30px 0 0 0;}

#ab_title { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 45% auto;}

#ab_title img { max-width: 75%; margin: 0 0 30px 0; display: block;}


.about_pbox { float: left; width: 30%; margin: 30px 15px 15px 0;}

#about_pbox01 { float: right; width: 30%; margin: 30px 0 0 0;}

#about_pbox01 img { max-width: 100%;}



#about_box { width: 50%; float: left;}

#about { position: relative; margin: 0 0 0 0;}

#about img { max-width: 100%;}

#about_navi { }

#about_navi ul{
	font-size:0;
	padding:10px 0 0 0;
	list-style:none;
	margin:0;
}
#about_navi li{ 
	float: left;
	margin :10px 10px 0 0;
	width: 23%;
}


#about_combox01 { float: right; width: 45%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 60% auto; padding: 0; margin: 0 10px 0 0;}


#about_combox01 img { margin: 30px 0;}

.about_combox_p { float: left; width: 144px; margin: 0 10px 0 0;}
.about_combox_p01 { float: right; width: 234px; margin: 0 0 0 10px;}



/*------------------------------------------------------------------------------------------------------*/



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


#about_combox { float: none; width: 80%; padding: 0; margin: 30px auto 0 auto;}

#ab_title { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 45% auto;}

#ab_title img { max-width: 70%; margin: 0 0 30px 0; display: block;}


.about_pbox { float: left; width: 30%; margin: 30px 15px 15px 0;}

#about_pbox01 { float: none; width: 40%; margin: 30px auto 0 auto;}

#about_pbox01 img { max-width: 100%;}




#about_box { width: 80%; float: none; margin: 0 auto 50px;}

#about { position: relative; margin: 0 0 0 0; float: left;}

#about img { max-width: 100%;}

#about_navi { }

#about_navi ul{
	font-size:0;
	padding:10px 0 0 0;
	list-style:none;
	margin:0;
}
#about_navi li{ 
	float: left;
	margin :10px 10px 0 0;
	width: 23%;
}


#about_combox01 { float: none; width: 80%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 43% auto; padding: 0; margin: 0 auto 30px auto;}


#about_combox01 img { margin: 30px 0; max-width: 70%; display: block;}

.about_combox_p { float: left; width: 144px; margin: 0 10px 0 0;}
.about_combox_p01 { float: right; width: 234px; margin: 0 0 0 10px;}



}



/*------------------------------------------------------------------------------------------------------*/



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


#about_combox { float: none; width: 90%; padding: 0; margin: 30px auto 0 auto;}

#ab_title img { max-width: 80%; margin: 0 0 30px 0; display: block;}

#about_box { width: 90%; float: none; margin: 0 auto 50px;}



#about_combox01 { float: none; width: 90%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 43% auto; padding: 0; margin: 0 auto 30px auto;}

#about_combox01 img { margin: 30px 0; max-width: 80%; display: block;}



}


/*------------------------------------------------------------------------------------------------------*/


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



#ab_title { display: block; width: 100%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 60% auto;}


#ab_title img { max-width: 100%; margin: 0 0 30px 0; display: block;}


#about_combox01 { float: none; width: 90%; background-image: url(../image/com_bg.png); background-repeat: no-repeat; background-position: bottom right; background-size: 60% auto; padding: 0; margin: 0 auto 30px auto;}


#about_combox01 img { margin: 30px 0; max-width: 100%; display: block;}


#about_navi li{ 
	float: left;
	margin :8px;
	width: 43%;
}

.about_pbox { float: left; width: 30%; margin: 30px 10px 0 0;}




}