@charset "utf-8";

.in-title01 strong {
    position: relative;
    font-weight: 500;
    padding: 0 6px;
    letter-spacing: 0.03em;
}

.in-title01 strong:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30%;
    width: 100%;
    background: #ffe87e57;
    z-index: -1;
}

.recommend-title {
	font-size: clamp(18px, calc(1.125rem + ((1vw - 3.75px) * 0.3883)), 24px);
}

.recommend-box {
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

.recommend-text {
	font-size: clamp(14px, calc(0.875rem + ((1vw - 3.75px) * 0.5178)), 20px);
}

.recommend-batch-box {
    max-width: 100px;
    width: 100%;
    display: block;
    padding: 0 10px;
    text-align: center;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.recommend-batch-box:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 232, 126, .8); /* 黄色 */
    border-radius: 50%;
    box-shadow: 0 0 15px 10px rgba(255, 232, 126, 0.8);
    z-index: -1;
}

.check-icon {
	margin: 7px 10px 0 0 !important;
}

.menu-sub-title {
    font-family: var(--font-family01);
	font-size: clamp(24px, calc(1.5rem + ((1vw - 3.75px) * 1.0356)), 40px);
  	font-weight: 700;
	line-height: 1.3;
}

/*-----------------------------------------------------------
コンセプト
-----------------------------------------------------------*/


/*-----------------------------------------------------------
ネイル
-----------------------------------------------------------*/  

.nail01-title br {
    display: block;
}

.nail02 .common-deco-200-bottom-left {
	z-index: 9 !important;
    opacity: .4;
}

.nail02 .common-deco-300-top-right01 {
	max-width: 210px;
    top: 40%;
	z-index: 9 !important;
}

.guarantee-contents01 {
	z-index: 10;
}

.nail03 .common-deco-300-top-right01 {
	max-width: 210px;
    top: 16%;
	z-index: 9 !important;
}

.nail03 .common-deco-200-center-left {
    left: 1%;
    bottom: 44%;
    opacity: .5;
	z-index: 9 !important;
}

.nail03 .common-deco-190-bottom-right {
	z-index: 9 !important;
}

.menu-block {
	z-index: 10;
}

/*-----------------------------------------------------------
ファスティング
-----------------------------------------------------------*/  

.flow-num-text {
	font-size: clamp(20px, calc(1.25rem + ((1vw - 3.75px) * 1.6181)), 45px);
}

.flow-title-box .in-title02 {
    line-height: 1.3em;
}

/*-----------------------------------------------------------
ご予約方法
-----------------------------------------------------------*/ 

.intro-btn-row {
    flex-direction: column;
}

.intro-btn-row .reserve-btn {
	width: 230px;
}

.intro-btn-row .tel-btn {
	margin: 30px auto 0;
}

.reserve-title01:before {
	content:"";
  	position: absolute;
  	top: 0;
  	left: 0;
  	background: var(--primary);
  	width: 30%;
    height: 3px;
  	z-index: 1;
}

.reserve-title01:after {
	content:"";
  	position: absolute;
  	top: 0;
  	right: 0;
  	background: var(--gray02);
  	width: 70%;
    height: 3px;
  	z-index: 1;
}

.reserve-main {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 40px;
}

.qr-area {
	gap: 20px;
}

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

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



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

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

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

-----------------------------------------------------------*/  



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

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

@media screen and (min-width:576px) {
  
.recommend-box {
    grid-template-columns: repeat(2, 1fr);
}
  
/*-----------------------------------------------------------
ネイル
-----------------------------------------------------------*/  

.nail01-title br {
    display: none;
}

/*-----------------------------------------------------------
ご予約方法
-----------------------------------------------------------*/ 

.intro-btn-row {
    flex-direction: row;
}
  
.intro-btn-row .reserve-btn {
	margin: 0 20px 0 0;
}
  
.intro-btn-row .tel-btn {
    width: 45% !important;
	margin: 0;
}

}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

.check-icon {
	margin: 8px 10px 0 0 !important;
}
  
/*-----------------------------------------------------------
ネイル
-----------------------------------------------------------*/  

.nail01-title br {
    display: block;
}

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

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

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

/*-----------------------------------------------------------

-----------------------------------------------------------*/

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

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

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

/*-----------------------------------------------------------
ご予約方法
-----------------------------------------------------------*/ 
  
.reserve-main {
    grid-template-columns: repeat(2, 1fr);
}

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

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

@media screen and (min-width:1200px) {
  
.check-icon {
	margin: 12px 10px 0 0 !important;
}
  
/*-----------------------------------------------------------
ネイル
-----------------------------------------------------------*/  

.nail01-title br {
    display: none;
}

/*-----------------------------------------------------------
コンセプト
-----------------------------------------------------------*/
  
.concept02-img-box, .concept02-text-block {
    width: 46% !important;
}


}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (min-width:1400px) {
  
/*-----------------------------------------------------------
ネイル
-----------------------------------------------------------*/  
  
.nail03 .common-deco-200-center-left {
    left: 10%;
}

.nail03 .common-deco-190-bottom-right {
    right: 6%;
}


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