main {
	padding-top: 80px;
}
section + section {
	margin-top: 80px;
}

.contents-title-block .contents-title {
	font-size: 40px;
	text-align: left;
  font-weight: 500;
}

/* ------------------------------
#category
------------------------------ */
#category .category-list {
	align-items:  flex-start;
	margin-top: -20px;
}
#category .category-list li {
	width: calc( ( 100% - 60px * 2 ) / 3 );
	margin-top: 40px;
	margin-right: 60px;
	
}
#category .category-list li:nth-of-type(3n) {
	margin-right: 0;
	
}
/* ------------------------------
#brand
------------------------------ */
#brand .brand-list li {
	width: calc( ( 100% - 60px * 2 ) / 3 );
	margin-top: 40px;
	margin-right: 60px;
}
#brand .brand-list li:nth-of-type(3n) {
	margin-right: 0;
	
}

/* ------------------------------
#news
------------------------------ */
#news .news-list {
	margin-top: 25px;
}
#news .news-list li + li {
	border-top: 1px solid #CCC;
}
#news .news-list li a {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: #fff;
	padding: 1em 2em;
}
#news .news-list .news-text_nolink {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: #fff;
	padding: 1em 2em;
}
#news .news-list li a .news-date {
	margin-right: 60px;
}
#news .news-list li  .news-text_nolink .news-date {
	margin-right: 60px;
}


/* ------------------------------
#contact
------------------------------ */
#contact .contact-title {
	background-color: #000;
	padding: 3px 0 7px;
	color: #fff;
	font-size: 30px;
	text-align: center;
}
#contact .contact-contents {
	background: url("../img/index/bg_img.png") center center no-repeat;
	background-size: cover;
	padding: 35px 60px 25px;
}
#contact .contact-contents p {
	max-width: 620px;
	line-height: 1.8;
	letter-spacing: 0.02em;
}
#contact .contact-contents p + p {
	margin-top: 20px;
}
#contact .contact-contents p strong {
	font-weight: bold;
}
#contact .contact-contents p:last-of-type{
	margin-top: 37px;
}
/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	main {
		padding-top: 30px;
	}
	.contents-title-block .contents-title{
		font-size: 2.8rem;
	}
	.contents-title-block .contents-title span{
		font-size: 1.4rem;
	}

	/* ------------------------------
	#category
	------------------------------ */
	#category {
		width: 94%;
		margin-right: auto;
		margin-left: auto;
	}
	#category .category-list {
		margin-top: 0;
	}
	#category .category-list li {
		width: calc(100%/2 - 5px);
		margin-top: 20px;
		margin-right: 0;
	}

	/* ------------------------------
	#brand
	------------------------------ */
	#brand  {
		width: 94%;
		margin-right: auto;
		margin-left: auto;
	}
	#brand .brand-list li {
		width: calc(100%/2 - 5px);
		margin-top: 20px;
		margin-right: 0;
	}

	/* ------------------------------
	#news
	------------------------------ */
	#news .news-list {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	#news .news-list .news-text_nolink {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	#news .news-list li a {
		display: block;
		padding: 0.5em ;
	}
	#news .news-list .news-text_nolink {
		display: block;
		padding: 0.5em ;
	}
	#news .news-list li a .news-date {
		margin-right: 0;
		font-size: 1.4rem;
	}
	#news .news-list .news-text_nolink .news-date {
		margin-right: 0;
		font-size: 1.4rem;
	}
	#news .news-list li a .news-text{
		font-size: 1.4rem;
	}
	#news .news-list .news-text_nolink .news-text{
		font-size: 1.4rem;
	}

	/* ------------------------------
	#contact
	------------------------------ */
	#contact .contact-title {
		padding: 6px 10px;
		font-size: 20px;
	}
	#contact .contact-contents {
		background: url(../img/index/bg_img_sp.png) center center no-repeat;
		background-size: cover;
		padding: 27px 3% 25px;
	}
	
	#contact .contact-contents p.main-text {
		max-width: 64%;
		font-size: 1.4rem;
		line-height: 2.14;
	}
  #contact .contact-contents p.main-text+p{ line-height: 1;}
	#contact .contact-contents p strong{
		font-size: 1.4rem;
		line-height: 2.14;
	}
	#contact .contact-contents p:last-of-type {
		text-align: center;
		font-size: 1.4rem;
	}
	#contact .contact-contents p .pc_none {
		display: inline-block;
	}

}

#contact{
	margin-top: calc( 80px - 179px );
	padding-top: 179px;
}
#category{
	margin-top: calc( -179px - 80px );
	padding-top: calc( 179px + 80px );
}
#brand{
	margin-top: -179px;
	padding-top: calc( 179px + 80px );	
}
@media screen and (max-width: 767px) {
	#contact{
		margin-top: calc( 80px - 85px );
		padding-top: 85px;
	}
	#category{
		margin-top: -85px;
		padding-top: 85px;
	}
	#brand{
		margin-top: -85px;
		padding-top: calc( 85px + 80px );
	}
}