@charset "utf-8";

.tea__top{
	padding-bottom: 60px;
}
.tea__top .title{
	font-size: 22px;
	line-height: 1.2;
	text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 40px;
}
.tea__top .cep{
	align-items: flex-start;
}
.tea__contents__text{
	text-align: center;
	line-height: 1.875;
	font-weight: 300;
	letter-spacing: 0.05em;
}

@media (max-width: 750px) {
	.tea__top{
		padding: 0 5% 40px;
	}
	.tea__top .title{
		font-size: 18px;
		margin-bottom: 40px;
	}
	.tea__top .tea__contents__text{
		width: 100%;
		font-size: 16px;
		text-align: left;
	}
}

/********************************************
tea__menu
********************************************/
.tea__menu{
    font-weight: 300;
}
.tea__menu .cep{
    align-items: flex-start;
}
.tea__menu__box{
	width: 47.5%;
	text-align: center;
}
.tea__menu .photo dt{
	text-align: center;
	padding-bottom: 60px;
}
.tea__menu .photo dd img{
	width: 100%;
	height: auto;
}

.tea__menu .text{
	padding: 40px 0 50px;
	color: #7a2a7d;
	letter-spacing: 0.05em;
}
.tea__menu .text dl dt{
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	padding: 25px 0 30px;
}

.tea__menu .detail{
	letter-spacing: 0.05em;
	padding-bottom: 80px;
	min-height: 1100px;
}
.tea__menu .headline{
	color: #7a2a7d;
	border: 1px #7a2a7d solid;
	line-height: 1;
	padding: 10px 0;
}

.tea__menu .detail dl{
	margin-top: 35px;
}
.tea__menu .detail dl dt{
	font-weight: 700;
	color: #7a2a7d;
}

.tea__menu .how .text{
	text-align: left;
	color: #333;
	padding: 40px 10px 0 20px;
}

.tea__menu .text{
	padding: 40px 0 50px;
	color: #7a2a7d;
	letter-spacing: 0.05em;
}
.tea__menu .text dl dt{
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	padding: 25px 0 30px;
}

.tea__menu .beaty .text,
.tea__menu .beaty .detail dl dt{
	color: #a30000;
}
.tea__menu .beaty .headline{
	color: #a30000;
	border: 1px #a30000 solid;
}
.tea__menu .beaty .how .text{
	color: #333;
}

@media (max-width: 750px) {
	.tea__menu{
		padding: 0 5%;
	}
	.tea__menu__box{
		width: 100%;
		font-size: 16px;
		letter-spacing: 0.05em;
		padding-bottom: 50px;
	}
	.tea__menu .detail{
		min-height: auto;
		padding-bottom: 36px;
	}
	.tea__menu .photo dt{
		padding: 0 15% 30px;
	}
	.tea__menu .text{
		padding: 25px 0 40px;
	}
	.tea__menu .text dl dt{
		font-size: 18px;
		padding: 25px 0 25px;
	}
	.tea__menu .detail dl {
		margin-top: 25px;
	}
	.tea__menu .detail dl dd{
		font-size: 15px;
		line-height: 1.4;
	}
	.tea__menu .how .text{
		padding: 30px 2% 0;
		font-size: 15px;
	}
}