.content {
  border-top: 10px solid #70165a;
}
.page-title {
  color: #70165a;
}
p.page-title + h2 {
  margin-top: 0px;
}
.town-sec1 {
  margin-top: 40px;
  max-width: 1000px;
}
.town-sec1 div {
  width: 50%;
}
.tm {
  margin-top: 40px;
}
.tm-h > p {
  width: 20%;
}
.tm-h > div {
  width: 78%;
}
.tm-b {
  margin-top: 20px;
  align-items: flex-start;
}
.tm-b p {
  font-size: 1.4rem;
  line-height: 2rem;
}
.tm-b p.cap-img {
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin-top: 0px;
}
.tm-b h4 {
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
}
/* tm1 */
.tm1 h3 {
  color: #e14722;
  border-bottom: 2px solid #e14722;
}
.tm1 h4 {
  border-left: 4px solid #e14722;
  color: #e14722;
}
.tm-b.tm1 div {
  width: 19%;
}
.tm-b.tm1 div:last-child{
	padding: 10px;
	border: 2px solid #e14722;
}
.tm-b.tm1 div:last-child h4 {
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-left-style: none;
}
.tm-b.tm1 div:last-child img{
	margin: 10px auto 0px;
}
/* tm2 */
.tm2 h3 {
  color: #10a183;
  border-bottom: 2px solid #10a183;
}
.tm-b.tm2 {
  margin-top: 0px;
}
.tm-b.tm2 div {
  width: 50%;
}
/* tm3 */
.tm3 h3 {
  color: #d9aa1c;
  border-bottom: 2px solid #d9aa1c;
}
.tm-b.tm3 div {
  width: 24%;
}
.tm3 h4 {
  border-left: 4px solid #d9aa1c;
  color: #d9aa1c;
}
/* tm4 */
.tm4 h3 {
  color: #19a7bf;
  border-bottom: 2px solid #19a7bf;
}
.tm-b.tm4 {
  margin-top: 10px;
}
.tm-b.tm4 div {
  width: 16.6%;
}
.tm4-ttl {
  font-size: 1.8rem;
  color: #19a7bf;
		margin-bottom: 20px;	
}
/* tm5 */
.tm5 h3 {
  color: #dd6a81;
  border-bottom: 2px solid #dd6a81;
}
.tm5 h4 {
  border-left: 4px solid #dd6a81;
  color: #dd6a81;
}
.tm-b.tm5 div {
  width: 32%;
}
.mt40{
	margin-top: 40px;	
}
/* ===============================================================================
media query
=============================================================================== */
@media screen and (max-width:768px) {
		h2 +p{
	text-align: justify;
	padding-left: 2%;
	padding-right: 2%;
	}
	
	h2 +p br{
	display: none;		
	}
  .town-sec1 div {
    width: 100%;
  }
  .town-sec1 div p br {
    display: none;
  }
  .town-sec1 img {
    margin-top: 20px;
  }
	.tm-b.tm1 div,.tm-b.tm3 div,.tm-b.tm5 div{
	width: 48%;
	margin-bottom: 20px;
	}
		.tm-b.tm1 div:last-child{
	padding: 20px;
	width: 100%;
	}
	.tm-b.tm2 div{
	width: 100%;
	margin-bottom: 20px;
	}
	.tm4.txt-center{
	text-align: justify;
	}
		.tm4.txt-center br{
	display: none;		
	}
.tm-b.tm4 div{
	width: 50%;
	margin-bottom: 20px;
	}
	.tm-h > p {
	width: 40%;
	margin: 0px auto 20px;
}
	.tm-h > div{
	width: 100%;		
	}
	.tm-h > div p br{
	display: none;		
	}
	.tm4-ttl {
	margin-top: 20px;    
}
}