@charset "utf-8";

/*
-----------------------------------------------
▼ご挨拶
----------------------------------------------- */
section h2{
	font-size: 3.2rem;
	font-weight: 500;
	text-align: center;
	margin: 1.5em 0;
}
.box01{
	display: flex;
	justify-content: space-between;
	margin-bottom: 130px;
}
.txt01{
	width: 62%;
}
.img01{
	width: 34%;
}
.txt01 h3{
	font-size: 3rem;
	font-weight: 500;
	margin-bottom: 0.4em;
}
.txt01 p{
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.9;
}
.img01 p{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 0.4em;
}

/*
-----------------------------------------------
▼紫水亭の目指していること
----------------------------------------------- */
.list01 li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.list_txt01 h3{
	color: #574191;
	font-size: 3rem;
	font-weight: 500;
}
.list_txt01 p{
	font-size: 1.7rem;
	font-weight: 400;
}
.list_img01{
	width: 37%;
}
.list_txt01{
	width: 60%;
}
.list01 li:not(:last-child){
	margin-bottom: 4vw;
}
.list01 li:nth-child(even){
	flex-direction: row-reverse;
}
.list01{
	margin-bottom: 100px;
}
.box02 h3{
	color: #574191;
	font-size: 3rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0.7em;
}
.box02 p{
	font-size: 1.7rem;
	font-weight: 400;
	margin-bottom: 1.4em;
}
.box02_img{
	width: 55%;
	margin-left: auto;
	margin-right: auto;
}
.box02{
	margin-bottom: 125px;
}
/*
-----------------------------------------------
▼レスポンシブ
----------------------------------------------- */
@media screen and (max-width: 767px){
	section h2{
		font-size: 2.4rem;
		margin: 1em 0;
	}
	.txt01 h3{
		font-size: 2.2rem;
	}
	.txt01 p{
		font-size: 1.5rem;
	}
	.box01{
		flex-direction: column;
		grid-row-gap: 4vw;
		margin-bottom: 70px;
	}
	.txt01{
		width: 100%;
	}
	.img01{
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}
	.img01 p{
		font-size: 1.4rem;
	}
	.list01 li{
		grid-row-gap: 4vw;
	}
	.list01 li:nth-child(odd){
		flex-direction: column-reverse;
	}
	.list_txt01 h3{
		font-size: 2.2rem;
		text-align: center;
	}
	.list_txt01 p{
		font-size: 1.5rem;
	}
	.list_txt01{
		width: 100%;
	}
	.list_img01{
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}
	.list01 li:nth-child(even){
		flex-direction: column-reverse;
	}
	.list01{
		margin-bottom: 70px;
	}
	.box02 h3{
		font-size: 2.2rem;
	}
	.box02 p{
		font-size: 1.5rem;
		margin-bottom: 4vw;
	}
	.box02_img{
		width: 65%;
	}
	.box02{
		margin-bottom: 70px;
	}
	.list01 li:not(:last-child){
		margin-bottom: 10vw;
	}
	.list_txt01 h3{
		margin-bottom: 0.7em;
	}
}
@media screen and (max-width: 650px){
	section h2{
		font-size: 2.2rem;
	}
	.txt01 h3{
		font-size: 2rem;
	}
	.txt01 p{
		font-size: 1.4rem;
	}
	.list_txt01 h3{
		font-size: 2rem;
	}
	.list_txt01 p{
		font-size: 1.4rem;
	}
	.box02 h3{
		font-size: 2rem;
	}
	.box02 h3{
		font-size: 2rem;
	}
	.box02 p{
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 500px){
	.txt01 h3{
		font-size: 1.9rem;
	}
	.img01{
		width: 100%;
	}
	.list_img01{
		width: 100%;
	}
	.box02_img{
		width: 100%;
	}
	.box01{
		margin-bottom: 40px;
	}
}





/* css_end */