/* CSS Document */
h1,h2,h3,h4{
	color:#d28c96!important;
	line-height:3vw;
}
a{transition: all 0.3s;}
a:hover{
	opacity:0.6;
}
p{line-height:2vw;}
#concept{
	display:flex;
	width:100%;
	justify-content: space-between;
	align-items: flex-start;
	padding:5% 0 5% 15%;
}
#concept img{width:50%;}
#concept-l{
	width: 40%;
    margin-left: 5%;
}
#concept-l h2{font-weight: bold; margin-bottom: 5%;}
/**/
@media(max-width:750px){
	h1,h2,h3,h4{
		line-height: 8vw;
		font-weight: bold;
	}
	p{
		line-height:5vw;
	}
}
/**/
#nail-roll .roll-slide img {
	aspect-ratio: 1 / 1;
}
#nail-roll .roll-slide {
    flex: 0 0 calc((100% - 6%) / 5);
}
#point,#menu{width:100%;}
#point img,#menu img{
	width:70%;
	margin: auto;
	display: block;
}
#point img{padding-top:5%;}
#menu img{padding-top:10%;}
#menu a{width:30%;margin: 5% auto 0;display: block;}
#menu a img{width:100%;padding-top:0;}

#salon{padding-top:10%;}
#salon h2,
#salon h3,
#reservation h2,
#reservation h3{
	text-align: center;
}
#reservation p{
	width:45%;
	margin: auto auto 0;
}
#salon h2{margin-bottom:2%;}
#salon h3{margin-bottom:4%;}

.reservation-flex{
	width:65%;
	margin: 3% auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.reservation-chi{width:46%;}
.nail-pink{color:#d28c96!important;}

/**/
@media(max-width:750px){
	#point img,#menu img{
		width:90%;
		margin: auto;
	}
	#menu a{width:70%;}
	#nail-roll .roll-slide {
		flex: 0 0 calc((100% - 6%) / 1.5)!important;
	}
	#concept{
		display: block;
		padding:10%;
	}
	#concept-l{
		width:100%;
		margin-left:0;
	}
	#salon h2,#reservation h3{font-weight: normal;}
	#salon h2{font-size:9vw!important;}
	#reservation h3{line-height:5vw!important;}
	.reservation-flex {
		width: 75%;
		display: block;
	}
	.reservation-chi {
		width: 100%;
		margin-bottom: 5%;
	}
	#reservation p {
		width: 75%;
		text-align: justify;
		text-align-last: left;
	}
}
/**/