@charset "utf-8";

.bulletTxt {
    position: relative;
    padding: 0 0 0 20px;
    margin: 2px 0 0;
}

.tit50 {
	font-size: clamp(20.00px, calc(1.94vw + 12.72px), 50.00px);
}

.bulletTxt:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 1;
}

.staffWr01 {
    background: #181716;
    background: linear-gradient(180deg,rgba(24, 23, 22, 1) 0%, rgba(24, 23, 22, 0) 90%);
}

.staffWr01 .inComDeco01 {
    top: auto;
    bottom: -8%;
}

.staffRow {
	gap: 20px;
}

.staffImgBlock {
    max-width: 560px;
    width: 80%;
}

.staffImgBox01 {
    max-width: 460px;
    width: 82.14%;
    aspect-ratio: 23 / 29;
}

.staffImgBox02 {
    max-width: 300px;
    width: 53.57%;
    aspect-ratio: 1 / 1;
    margin: -33% 0 auto auto;
    border-radius: 50%;
    overflow: hidden;
}

.staffNameBox {
    padding: 0 0 30px;
    border-bottom: 1px solid rgba(245, 243, 239, .3);
}

.profileTitBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.profileTitBox:before, .profileTitBox:after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background-color: #81C6C0;
    flex-shrink: 0;
}

.profileTit {
	font-size: clamp(18px, 15.087px + 0.777vw, 30px);
}

/*-----------------------------------------------------------
スライダー画像
-----------------------------------------------------------*/

.salonLeft .slider3 {
    padding: 0;
}

.slider3 .carousel-item,
.slider3 .indicator {
    width: 100%;
    aspect-ratio: 33 / 23;
    overflow: hidden;
}

.slider3 .carousel-item>img,
.slider3 .indicator>img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.slider3 .carousel-indicators {
    position: static;
    margin: 15px 0 0;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    display: grid;
}

.slider3 .indicator {
    cursor: pointer;
    transition: all .3s;
}

.slider3 .indicator:hover {
    filter: brightness(0.8);
}

.gjs-dashed .carousel-inner {
    display: flex;
}

.gjs-dashed .carousel-item {
    display: block;
    opacity: 1;
}

/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/

.salonRow {
	gap: 40px;
}

.salonRightTitRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}

.salonTitBox {
    display: flex;
    align-items: center;
    gap: 20px;
}

.salonTit {
	font-size: clamp(20px, 15.146px + 1.294vw, 40px);
  	font-weight:600;
  	letter-spacing: 0.05em;
}

.salonInstaLink:hover {
    opacity: 0.6;
}

.salonTr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin: 18px 0 0;
    padding: 0 0 18px;
    gap: 5px;
    border-bottom: 1px solid rgba(129, 124, 117, .4);
}

.salonTh {
	width: 125px;
}

.salonTh.text01 {
  	font-family: "Zen Kaku Gothic New", sans-serif;
  	font-weight: 500;
}

.salonTd {
	flex: 1;
}

.attenText {
	font-size: clamp(12px, 11.029px + 0.259vw, 16px);
	color: #B49A72;
	letter-spacing: 0.05em;
	line-height: 1.45;
}

.salonBtnWr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
}

.salonBtnWr .link-button {
    background: #FFF;
}

/*-----------------------------------------------------------
地図
-----------------------------------------------------------*/

.accessTitBlock {
	gap: 5px;
}

/*-----------------------------------------------------------
運営事業者
-----------------------------------------------------------*/

.companyContents {
	z-index: 3;
}

.companyTh {
	width: 160px;
}

.companyTh.text01 {
  	font-family: "Zen Kaku Gothic New", sans-serif;
  	font-weight: 500;
}

.companyTd {
	flex: 1;
}

.companyTr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin: 18px 0 0;
    padding: 0 0 18px;
    gap: 5px;
    border-bottom: 1px solid rgba(129, 124, 117, .2);
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

.salonTr {
    flex-direction: row;
    align-items: center;
}
  
  
  
/*-----------------------------------------------------------
運営事業者
-----------------------------------------------------------*/  
  
.companyTh {
	width: 80px;
}

.companyTr {
    flex-direction: row !important;  
    align-items: center !important;  
	gap: 10px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.staffWr01 .inComDeco01 {
    top: auto;
    bottom: -8%;
}
  
.salonRightTitRow {
    justify-content: center;
    flex-direction: row;
}
  

/*-----------------------------------------------------------
地図
-----------------------------------------------------------*/

.accessTitBlock {
    flex-direction: row !important;  
    align-items: center !important;  
	gap: 10px;
}
  
/*-----------------------------------------------------------
運営事業者
-----------------------------------------------------------*/  

.companyTh {
	width: 160px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.inComContentsTextBox01 {
    text-align: left;
}

.staffWr01 {
    background: #181716;
    background: linear-gradient(180deg,rgba(24, 23, 22, 1) 0%, rgba(24, 23, 22, 0) 70%);
}  

.staffWr01 .inComDeco01 {
    top: auto;
    bottom: 6%;
}
  
.staffImgBlock {
    width: 45%;
}
  
/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/

.salonTh {
	width: 140px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
  
.inComContentsTextBox01 {
    text-align: center;
}
  
/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/

.salonRow {
	gap: 25px;
}

.salonRightTitRow {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 20px;
}
  
.salonTr {
    flex-direction: row;
    align-items: center;
    margin: 25px 0 0;
    padding: 0 0 25px;
    gap: 10px;
}
  
.salonBtnWr  {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}
  
  

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
 
.staffTxtWr {
    margin: 50px 0 0 !important;  
}

/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/

.salonRightTitRow {
    gap: 60px;
}
  
.salonTitBox {
    gap: 40px;
}
  
.salonTable {
	margin: 60px 0 0 !important;  
}

.salonTh {
	width: 160px;
}
  
.salonLeft {
	width: 50% !important;  
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1800px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1920px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */