#templates .pageTitle{
	background-image: url("../img/templates/pc/img_01.png");
	background-size: cover;
}

/* common start */
.section.templates-content{
	padding: 90px 0 100px;
}
.templates-content-block{
	margin-top: 80px;
}
.templates-content-block:first-of-type{
	margin-top: 0;
}
.templates-content-block:last-of-type{
	margin-bottom: 0;
}
.templates-content-block h2{
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 2px;
	display: inline-block;
	position: relative;
	top: 25px;
	background-color: #fff;
	padding-right: 10px;
}
.templates-content-block ul{
	display: flex;
	justify-content: space-between;
	border-top: solid 3px #dedede;
	padding: 50px 0 0;
}
.templates-content-block ul li{
	width: calc( 33.3333% - 25px );
}
.templates-content-item-image{
	overflow: hidden;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}
.templates-content-item-text{
	padding-top: 25px;
}
.templates-content-item-text p:first-of-type{
	font-size: 1.4rem;
	margin-bottom: 10px;
	line-height: 1;
}
.templates-content-item-text p:last-of-type{
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 2px;
}
/* common end */


@media screen and (max-width:767px){
  body{
      font-size: 1.4rem;
  }
  .inner{
      box-sizing: border-box;
      width: 100%;
      padding: 0 20px;
  }
  img{
      width: 100%;
      height: auto;
  }
  .pcOnly{
		display: none;
  }
  .spOnly{
		display: block;
  }
  
	/*共通 start*/
	.section{
		padding: 60px 0;
	}
	/*共通 end*/
	
	#templates .pageTitle{
		background-image: url("../img/templates/sp/img_01.png");
		background-size: cover;
		background-position: bottom;
	}
	
	/* common start */
	.section.templates-content{
		padding: 40px 0 50px;
	}
	.templates-content-block{
		margin-bottom: 50px;
	}
	.templates-content-block:last-of-type{
		margin-bottom: 0;
	}
	.templates-content-block h2{
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 2px;
		display: inline-block;
		position: relative;
		top: 16px;
		background-color: #fff;
		padding-right: 10px;
	}
	.templates-content-block ul{
		display: block;
		justify-content: space-between;
		border-top: solid 3px #dedede;
		padding: 50px 0 0;
	}
	.templates-content-block ul li{
		width: 100%;
		margin-bottom: 40px;
	}
	.templates-content-block ul li:last-of-type{
		margin-bottom: 0;
	}
	.templates-content-item-image{
		overflow: hidden;
	}
	.templates-content-item-text{
		padding-top: 15px;
	}
	.templates-content-item-text p:first-of-type{
		font-size: 1.4rem;
		margin-bottom: 10px;
		line-height: 1;
	}
	.templates-content-item-text p:last-of-type{
		font-size: 1.6rem;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
	}
	/* common end */
	
	
	
}