@charset "utf-8";

/*........../ トップ画像 /..........*/
.sub_top_img {
	background-image: url("../images/Slide (1).png");
}

/*........../ ごあいさつ /..........*/
.goaisatsu .img {
	width: 48%;
	height: 450px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("../images/Top_reason (2).png");
}
.goaisatsu section {
	width: 46%;
}
.goaisatsu p {
	padding-bottom: 20px;
}

/*........../ エステサロン案内 /..........*/
#salon {
	padding-top: 0;
	width: 90%;
}
#salon .title {
	text-align: center;
}
#salon ul {
	margin-left: 20px;
}

/*........../ ご来院の方へ /..........*/
#flow .title {
	text-align: center;
	margin-bottom: 80px;
}
#flow section {
	display: flex;
	justify-content: space-between;
	margin: 50px auto;
}
#flow .img {
	width: 38%;
	height: 230px;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#flow .img1 {
	background-image: url("../images/Flow (1).png");
}
#flow .img2 {
	background-image: url("../images/Flow (2).png");
}
#flow .img3 {
	background-image: url("../images/Flow (3).png");
}
#flow .img4 {
	background-image: url("../images/Flow (4).png");
}
#flow .img5 {
	background-image: url("../images/Flow (5).png");
}
#flow span {
	width: 55%;
	padding: 2% 5% 2% 0;
}
#flow h3 b {
	background: #ceb66c;
	color: #FFF;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 1.8rem;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#flow h3 {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	margin-bottom: 20px;
}