/* Y'S GEAR : profile index.css */


.contentsTop .contentsWidth {
	padding: 0;
}


/*======================================================================*
 *  [ mainImg | メイン画像 ] 
 *======================================================================*/

.mainImg {
	margin: 0 0 40px 0;
	padding: 0 20px;
	background: url(../../img/bg_main.png) center top no-repeat;
	background-size: 100% auto;
	text-align: center;
}
.mainImg figure {
	padding: 30px 0;
}

.mainImg h2 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-size: 2.4rem;
}
.mainImg h2 br {
	display: none;
}

.mainImg p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}


/*======================================================================*
 *  [ productList | 企業情報一覧 ] 
 *======================================================================*/

.productList {
	max-width: 900px;
	margin: 0 auto 60px;
	padding: 0 10px;
}

.productList section {
	float: left;
	width: 33.33333333%;
	margin: 0 0 25px 0;
	padding: 0 10px;
	box-sizing: border-box;
}
.productList section:nth-child(3n+1) { clear: both; }
.productList a {
	display: block;
	max-width: 231px;
	margin: 0 auto;
	text-decoration: none !important;
}

.productList figure {
	margin: 0 0 5px 0;
	border: 3px solid #ccc;
}
.productList a:hover figure {
	border-color: #363a90;
}

.productList h3 {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-size: 1.4rem;
}


/*======================================================================*
 *  [ textList | 更新情報一覧 ] 
 *======================================================================*/

.textListWrap {
	max-width: 900px;
	margin: 40px auto;
	padding: 0 20px;
}
.textList {
	max-width: 830px;
	margin: 0 auto;
}
.textList .grid1 {
	max-width: 120px;
}
.textList .grid5 {
}
.textList a:not([href]):hover{
	background: #969696;
}
.textList a:not([href]) p {
	display: none;
}


/*======================================================================*
 *  [ Media Queries 768 ] 
 *======================================================================*/

@media screen and (max-width: 768px) {
	
	/*==================================================================*
	 *  [ mainImg | メイン画像 ] 
	 *==================================================================*/
	
	.mainImg p br {
		display: none;
	}
	
}


/*======================================================================*
 *  [ Media Queries 568 ] 
 *======================================================================*/

@media screen and (max-width: 568px) {
	
	/*==================================================================*
	 *  [ mainImg | メイン画像 ] 
	 *==================================================================*/
	
	.mainImg figure {
		padding: 15px 0;
	}
	.mainImg h2 {
		font-size: 20px;
		font-size: 2rem;
	}
	.mainImg h2 br {
		display: block;
	}
	
	.mainImg p {
		font-size: 14px;
		font-size: 1.4rem;
		text-align: left;
	}
	
	
	/*==================================================================*
	 *  [ productList | 企業情報一覧 ] 
	 *==================================================================*/
	
	.productList {
		margin-bottom: 20px;
		padding: 0 5px;
	}
	
	.productList section {
		width: 50%;
		padding: 0 5px;
	}
	.productList section:nth-child(3n+1) { clear: none; }
	.productList section:nth-child(2n+1) { clear: both; }
	
	
	/*======================================================================*
	 *  [ textList | 更新情報一覧 ] 
	 *======================================================================*/
	
	.textListWrap {
		margin: 10px auto;
		padding: 0;
	}
	.textList .grid1 {
		max-width: 100%;
	}
	
}


/*======================================================================*
 *  [ Media Queries 480 ] 
 *======================================================================*/

@media screen and (max-width: 480px) {
	
	/*==================================================================*
	 *  [ mainImg | メイン画像 ] 
	 *==================================================================*/
	
	.mainImg {
		padding: 0 10px;
	}
	
}