@charset "utf-8";
/*------------------------------------------------------------
	aboout/technology.html
------------------------------------------------------------*/
#gNavi .navi02 a {
	border-bottom: 5px solid #011628
}

.pageTitle {
	background-image: url(../../img/jp/about/material/page_title_bg.jpg);
}

#main {
	margin-bottom: 0;
	padding-bottom: 0;
}

#main .headLine01 {
	margin-bottom: 50px;
}

#main .pTop {
	margin-bottom: 59px;
	font-size: 15px;
	line-height: 2;
	text-align: center;
}

#main .topList {
	margin: -36px -60px 90px 0;
}

#main .topList li {
	margin: 36px 60px 0 0;
	width: 360px;
}

#main .topList li .pho img {
	width: 100%;
}

#main .topList li .phoArea .pho {
	width: 50%;
	float: left;
}

#main .wrap {
	padding: 65px 0;
	background-color: #FFF;
}

#main .wrap .imgList {
	margin-bottom: 0;
}

#main .wrap .headLine01 {
	margin-bottom: 55px;
}

#main .wrap .btmList {
	margin-top: -31px;
	margin-bottom: 0;
}

#main .wrap .btmList li {
	margin-top: 31px;
	font-size: 14px;
}

#main .wrap .btmList li .pho {
	margin-bottom: 17px;
}

#main .comImgList li .pho .mark {
	display:none;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	/*------------------------------------------------------------
		greetings
	------------------------------------------------------------*/
	.pageTitle {
		background-image: url(../../img/jp/about/material/page_title_bg.jpg);
	}
	
	#main .headLine01 {
		margin-bottom: 22px;
	}
	
	#main .pTop {
		margin-bottom: 28px;
		font-size: 17px;
		text-align: left;
	}

	#main .topList {
		margin: 0 0 40px;
	}

	#main .topList li {
		margin: 0 0 20px;
		width: 100%;
	}

	#main .topList li:last-child {
		margin-bottom: 0;
	}
	
	#main .topList li .pho {
		margin-bottom: 17px;
	}
		
	#main .topList li .phoArea .pho {
		width: 50%;
	}

	#main .topList li .pho .mark {
		margin-top: -11px;
		font-size: 12px;
		display:none;
	}
	
	#main .topList li .ttl {
		margin-bottom: 11px;
		font-size: 20px;
	}
	
	#main .wrap {
		padding: 30px 0;
	}

	#main .wrap .headLine01 {
		margin: 0 -10px 27px;
	}
	
	#main .wrap .btmList {
		margin-top: -11px;
	}
	
	#main .wrap .btmList li {
		margin-top: 11px;
		font-size: 17px;
	}

	#main .wrap .btmList li .pho {
		margin-bottom: 10px;
	}

}