@charset "utf-8";
/*------------------------------------------------------------
	tea
------------------------------------------------------------*/
#main {
	margin-bottom: 8.8rem;
}
#main .centerText {
	margin-bottom: 3.7rem;
	letter-spacing: 0.2em;
}
#main h3 {
	margin-bottom: 5.2rem;
	text-align: center;
	font-weight: 400;
	font-size: 2rem;
	color: #949B5A;
	letter-spacing: 0.12em;
	line-height: 1.55;
}
#main .teaUl {
	margin: -3rem 0 5rem;
}
#main .teaUl li {
	margin: 3rem 4.5rem 0 0;
	width: 26rem;
}
#main .teaUl li:nth-child(3n) {
	margin-right: 0;
}
#main .teaUl .photo {
	margin-bottom: 2.3rem;
}
#main .teaUl .photo img {
	width: 100%;
}
#main .teaUl .title {
	margin-bottom: 1rem;
	text-align: center;
	letter-spacing: 0.23em;
	line-height: 1.75;
	font-family: "Noto Serif JP", serif;
}
#main .teaUl .title .pink {
	color: #FA96C3;
}
#main .teaUl .title .green {
	color: #86CA65;
}
#main .teaUl .title .blue {
	color: #62C7EE;
}
#main .teaUl .title .orange {
	color: #F8893E;
}
#main .teaUl .title .red {
	color: #F6767C;
}
#main .teaUl .title .purple {
	color: #9191E7;
}
#main .teaUl .title .yellow {
	color: #C89A28;
}
#main .teaUl .text {
	text-align: justify;
	font-size: 1.3rem;
	letter-spacing: 0.14em;
	line-height: 2;
	font-weight: 400;
}
#main .content > .text {
	margin-bottom: 2.7rem;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0.2em;
}
#main .content > .text:last-of-type {
	margin-bottom: 3rem;
}
#main .comBtn01 a {
	padding: 0.55rem 3.8rem;
	font-size: 1.9rem;
}
@media all and (max-width: 896px) {
	#main {
		margin-bottom: 9.2rem;
	}
	#main .centerText {
		margin-bottom: 4rem;
	}
	#main .headLine01 {
		margin-bottom: 3.5rem;
	}
	#main h3 {
		margin-bottom: 3.9rem;
		font-size: 2.8rem;
		color: #919A50;
	}
	#main .teaUl {
		margin: 0 4.7rem 3rem;
		display: block;
	}
	#main .teaUl li {
		margin: 0 0 3.7rem;
		width: auto;
	}
	#main .teaUl li:last-child {
		margin-bottom: 0;
	}
	#main .teaUl .photo {
		margin-bottom: 3rem;
	}
	#main .teaUl .title {
		margin-bottom: 1.4rem;
		font-size: 2.24rem;
	}
	#main .teaUl .text {
		font-size: 1.82rem;
	}
	#main .content > .text {
		margin-bottom: 3.4rem;
		font-size: 1.9rem;
		line-height: 1.9;
		letter-spacing: 0.18em;
	}
	#main .content > .text:last-of-type {
		margin-bottom: 4rem;
	}
	#main .comBtn01 a {
		padding: 1.1rem 3.8rem;
		font-size: 2.25rem;
	}
}