@charset "UTF-8";
/* ====================================================
reset style
==================================================== */

/*#page-salon_common_index #main-header .logo-wrap .header-btn-group{
	display: none;
}
*/

.btm30{
	margin-bottom: 30px;
}

#page-salon_common_index .ss-slider {
    padding: 85px 0;
}

#page-salon_common_index .sec-service {
    background: #eae8f2;
	padding: 85px 0;
}

#page-salon_common_index .sec-staff {
    background: #ffffff;
}

#page-salon_common_index .sec-intro {
    background: #EEEAE3;
	padding: 80px 0;
}

#page-salon_common_index .salon-in-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#page-salon_common_index .salon-in-wrap .salon-info-box{
	width: 49%;
}

#page-salon_common_index .salon-in-wrap .salon-info-box dl{
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

#page-salon_common_index .salon-in-wrap .salon-info-box dl dt{
	width: 20%;
}

#page-salon_common_index .salon-in-wrap .salon-info-box dl dd{
	width: 80%;
}

#page-salon_common_index .salon-in-wrap .gmap{
	width: 49%;
}

#page-salon_common_index .sec-product{
	padding: 85px 0;
}

#page-salon_common_index .sec-staff{
	padding: 85px 0;
}



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

}

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

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
#page-salon_common_index .ss-slider {
    padding: 50px 0;
}	
	
#page-salon_common_index .salon-in-wrap {
	display: block;		
}	
	
#page-salon_common_index .salon-in-wrap .salon-info-box,
#page-salon_common_index .salon-in-wrap .gmap{
    width: 100%;
}	
	
#page-salon_common_index .sec-service{
    padding: 50px 0;
}
	
#page-salon_common_index .sec-product {
    padding: 50px 0 0;
}

#page-salon_common_index .sec-staff {
    padding: 50px 0;
}	
	
#page-salon_common_index .sec-intro {	
	padding: 50px 0 50px;
}
}
/*----------------------------add20220701---*/

.mail_btn {
text-align: center;
width: 50%;
margin: 0 auto;
}

.mail_btn a {
padding: 20px 0;
background: #d6abc7;
color: #fff;
display: flex;
justify-content:center;
align-items: center;
}
.mail_btn a i {
font-size: 40px;
font-size: 4.0rem;
margin-right: 20px;
}
.mail_btn a span small {
font-size: 16px;
font-size: 1.6rem;
display: block;
line-height: 1;
padding-bottom: 5px;
}

.mail_btn a span {
font-size: 28px;
font-size: 2.4rem;
font-weight: bold;
line-height: 1;
}

@media only screen and (min-width: 1023px) {
  .mail_btn {
    margin: 0px 10px;
  }
}

@media only screen and (max-width: 860px) {
.mail_btn {
width: 100%;
}
}

@media only screen and (max-width: 480px) {
.mail_btn a span small {
font-size: 12px;
font-size: 1.2rem;
}
.mail_btn a i {
font-size: 34px;
font-size: 3.4rem;
margin-right: 10px;
}
}
/*----------------------------add20201012---*/

.tel_btn {
text-align: center;
width: 50%;
margin: 0 auto;
}

.tel_btn a {
padding: 20px 0;
background: #E697A9;
color: #fff;
display: flex;
justify-content:center;
align-items: center;
}
.tel_btn a i {
font-size: 40px;
font-size: 4.0rem;
margin-right: 20px;
}
.tel_btn a span small {
font-size: 16px;
font-size: 1.6rem;
display: block;
line-height: 1;
padding:5px 0;
}

.tel_btn a span {
font-size: 28px;
font-size: 2.4rem;
font-weight: bold;
line-height: 1;
}

@media only screen and (min-width: 1023px) {
  .tel_btn {
    margin: 0px 10px;
  }
}

@media only screen and (max-width: 860px) {
.tel_btn {
width: 100%;
}
}

@media only screen and (max-width: 480px) {
.tel_btn a span small {
font-size: 12px;
font-size: 1.2rem;
}
.tel_btn a i {
font-size: 34px;
font-size: 3.4rem;
margin-right: 10px;
}
}
/*----------------------------add20201221---*/

.line_btn {
text-align: center;
width: 50%;
margin: 0 auto;
}

.line_btn a {
padding: 20px 0;
background: #66bcb9;
color: #fff;
display: flex;
justify-content:center;
align-items: center;
}
.line_btn a i {
font-size: 40px;
font-size: 4.0rem;
margin-right: 20px;
}
.line_btn a span small {
font-size: 16px;
font-size: 1.6rem;
display: block;
line-height: 1;
padding-bottom: 5px;
}

.line_btn a span {
font-size: 28px;
font-size: 2.4rem;
font-weight: bold;
line-height: 1;
}


@media only screen and (min-width: 1023px) {
  .line_btn {
    margin: 0px 10px;
  }
}

@media only screen and (max-width: 860px) {
.line_btn {
width: 100%;
}
}

@media only screen and (max-width: 480px) {
.line_btn a span small {
font-size: 12px;
font-size: 1.2rem;
}
.line_btn a i {
font-size: 34px;
font-size: 3.4rem;
margin-right: 10px;
}
}

.tel_btn.color01 a{
    background: #666!important;
}

/*----------------------------add20220707---*/

#page-salon_common_index .ttl-style01 span.sSpan{
	display: inline;
}

#page-salon_common_index .ttl-type01 span.sSpan {
    border: none;
    display: inline;
    font-size: 3.5rem;
    margin-bottom: 0;
    line-height: calc(42/35);
    color: #523B4B;
    text-align: center;
    margin-bottom: 55px;
    font-weight: 100;
    font-family: 'Noto Sans JP';
}

@media only screen and (max-width: 767px) {
#page-salon_common_index .ttl-style01 span.sSpan{
	display: block !important;
	font-size: 75%;
	padding: 5px 0 2px;
}

#page-salon_common_index .ttl-type01 {
    line-height: 1.4;
}

#page-salon_common_index .ttl-type01 span.sSpan {
    font-size: 1.4rem;
    display: block;
}
}

/*----------------------------add20220818---*/

.kochi-staff{

}

.kochi-staff-img{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.kochi-staff-img p{
    width: 23%;
}

.kochi-staff-img p img{
    width: 100%;
}

.kochi-staff-img p span{
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #523b4b;
}

.kochi-staff .txt-staff{
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: 200;
}

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

.kochi-staff-img{
    margin-bottom: 0;
}

.kochi-staff-img p{
    width: 50%;
}  

.kochi-staff-img p span{
    margin-bottom: 40px;

}

}