@charset "utf-8";
/* CSS Document */

/* top_img*/
#hero{
	position: relative;
	width: 96%;
    max-width: 1900px;
	height: auto;
    margin:  0 0 0 4%;	
	padding: 5% 0 0 0%;
/*
	margin:  -50px 0 0 4%;	
	padding: 0% 0 0 0%;
*/
}


#hero dl#hero_inner{
    height: 0;
    width: 90%;
    max-width: 860px;
    position: absolute;
    top: 433px;
    left: 515px;
    text-align: left;
    letter-spacing: 0.5em;
    line-height: 3.3em;
    padding: 3% 0 0 0;
    text-align: left;	/*-webkit-transform: translate(-50%, -50%);
transform: translate(-100%, -20%);*/
}

#hero dl#hero_inner dd{
    font-size: 30px;
    margin-bottom: 50px;
}

#hero dl#hero_inner img{
	width:60%

}

#hero dl#hero_inner dt{
	margin-top: 30px;
	
}





@media only screen and (max-width: 630px) { 


	
#hero dl#hero_inner{
    width: 90%;
    position: absolute;
    top: 297px;
    left: 178px;
    text-align: left;
    letter-spacing: 0.3em;
    line-height: 3.3em;
    padding: 3% 0 0 0;	/*-webkit-transform: translate(-50%, -50%);

transform: translate(-100%, -20%);*/
}

#hero dl#hero_inner dd{
	    font-size: 20px;

}

#hero dl#hero_inner dt{
	margin-top: -20px;
}
#hero dl#hero_inner dt img{
	width: 250px;	
}

}





/* message*/
#beautylabo dl#message{
	text-align: left;
	max-width: 1000px;
	margin: 180px auto 0;
}

#beautylabo dl#message dd{
	 display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 70px 50px 0 0;
}

#beautylabo dl#message dd span{
	width: 200px;
	text-align: center;
	display: block;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

#beautylabo dl#message dt{
	font-size: 15px;
	width:650px;
	display: inline-block;
}

#beautylabo dl#message dt span{
	letter-spacing: 0.3em;
	display: block;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
}

#beautylabo dl#message dt span br{
    display: none;
}




@media only screen and (max-width: 630px) { 
    
    
/* top_img*/
#hero{
	margin:  -50px 0 0 4%;	
	padding: 0% 0 0 0%;
}
    
    

#beautylabo dl#message{
	margin: -400px auto 50px auto;
	width: 90%;
	}

#beautylabo dl#message dt span br{
    display: block;
}

#beautylabo dl#message dd{
	/*display: inline-block;
	vertical-align: top;
	margin: 70px 50px 0 0;*/
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

    
    #beautylabo dl#message dd img{
        width: 200px;
    }

    
#beautylabo dl#message dd span{
	text-align: center;
	width: 100%;
	font-size: 20px;
	}

#beautylabo dl#message dt{
	font-size: 16px;
	width: 100%;
	margin: 0 auto;
    line-height: 2;
}

#beautylabo dl#message dt span{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
    text-align: center;
}
	
}



/* message縺ｮ荳�*/
#beautylabo #intro_img{
	margin-top: 100px;
}

#beautylabo #intro_img img{
	width: 1000px;
	text-align: center;
}


#beautylabo #intro_bg{
background: #FAF9EA;
	margin-top: -300px; 
	height: 500px;

}


@media only screen and (max-width: 630px) { 
	
#beautylabo #intro_img{
	margin-top: 70px;

}

	#beautylabo #intro_bg{
	margin-top: -100px; 
	height: 200px;
}

}


/* 繝｡繝九Η繝ｼ*/



.parent {
	width: 1000px;
  display: flex;
	margin: 100px auto ;
}

.parent .text_area{
	width: 350px;

}

.parent .img_area img {
	width: 600px;

}

.parent .text_area,
.parent .img_area {
	text-align: left;
}

.parent .text_area span{
	font-size: 20px;
	display: block;
	font-weight: 500;
	margin-bottom: 20px;
}

.parent .text_area img{
		margin-top: 20px;
}




.parent1 .text_area span img{
	width: 80%;
}

.parent2 .text_area span img{
	width: 75%;
}

#salon_list .text_area span img{
	width: 85%;
}





.parent1{
	margin-top: 150px;
}
.parent2{
	margin-bottom:150px;
}


.parent1 .text_area{
	width: 350px;
}



.parent1 .text_area,
.parent2 .text_area {
}


.parent1 .img_area {
   margin-right: 50px;
}

.parent2 .img_area {
   margin-left: 50px;
}





@media only screen and (max-width: 630px) { 
.parent {
  width: 90%;
}
.parent .text_area,
.parent .img_area {
  width: 100%;
}


.parent1 .text_area,
.parent3 .text_area {
   margin-right: 10px;
}
.parent2 .img_area {
   margin-right: 10px;
}
	.parent1{
  flex-direction: column;
}
.parent2 {
  flex-direction: column-reverse;
}
	
	
.parent1 .img_area {
   margin-right: 0px;
}

.parent2 .img_area {
   margin-left: 0px;
}

}





/* 繧ｵ繝ｭ繝ｳ繝ｪ繝ｳ繧ｯ*/
#beautylabo #salon_list{
	margin: 100px auto 0px auto;
	width: 80%;
    height: 800px;
	text-align: left;
    overflow-x: clip;
}



#beautylabo #salon_list #salon_bg .text_area{
padding-top: 40px;    
}


#beautylabo #salon_list #salon_bg{
    width: 500px;
	background: #FAF9EA;
	height: 550px;
    padding:0px 0 3px 5%!important;
    position: relative;
    top: -600px;
    left: 650px;
}






@media only screen and (max-width: 630px) { 
	
	#beautylabo #salon_list{
	margin: 0 0 0 0;
	width: 100%;
	text-align: left;
    overflow-x: hidden;
    height: auto;
	background: #FAF9EA;
}

    #beautylabo #salon_list #salon_bg .text_area{
    padding-top: 0px;    
}


#beautylabo #salon_list #salon_bg{
	width: 90%;
	background: #FAF9EA;
    position: static;
    padding: 10px 5% 0px;
    top: 0;
    margin-top: -130px;
    margin-bottom: 30px!important;
    height: auto;
}
    


}