@charset "utf-8";

.com-deco-left-center01 {
	top: 0;
}

.com-deco-right-center01 {
    width: 25%;
    top: auto;
    bottom: -10%;
    right: 0;
}

.recommend .com-deco-left-center01 {
  	top: 45%;
	width: 18%;
}

/*-----------------------------------------------------------
イントロ
-----------------------------------------------------------*/

.trouble-grid2 {
	display: grid;
  	grid-template-columns: repeat(1,1fr);
  	gap: 10px;
}

.scene-read-text-box {
	background: rgba(221,213,200,.8)
}

.trouble-text {
    display: inline-block;
    position: relative;
    padding: 0 0 0 25px;
    transition: all .3s;
}

.trouble-text:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    /* transform: translateY(-50%); */
    width: 20px;
    aspect-ratio: 1/1;
    background: url(/system_panel/uploads/images/check-icon.svg) no-repeat center center / contain;
    z-index: 1;
}

/*-----------------------------------------------------------
ご利用シーン
-----------------------------------------------------------*/

.fade-text em {
    font-size: 250%;
    padding: 0 5px;
    font-style: normal;
}

.scene-title-box {
	margin: 5px 0 0;
}

.scene-title-box .title30 {
    line-height: 1.45em;
}

/*-----------------------------------------------------------
おすすめメニュー
-----------------------------------------------------------*/

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

.tab.is-active,
.tab.is-active * {
	color: var(--white);
	background: var(--primary);
}

.panel {
    display: none;
    margin: 40px auto 0;
    padding: 60px 0 60px 0;
}

.panel.is-show {
    display: block;
}

.gjs-dashed .panel  {
    display: block;
    padding: 60px 15px 60px 15px;
}

.recommend-title-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 25px;
    margin: 20px 0 0;
    position: relative;
}

.recommend-sub-title-box {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(248, 246, 241, .5);
}

.recommend-sub-title-box .title25 {
	font-size: clamp(16px, 13.816px + 0.583vw, 25px);
}

.menu-price {
    margin: 0 0 0 auto;
    text-align: right;
}

.recommend-text-box {
    margin: 20px 0 0;
}

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

@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-tab-btn-box {
  	grid-template-columns: repeat(2,1fr);
  	gap: 10px;
}



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

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

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

    .recommend .com-deco-left-center01 {
        top: 40%;
    }

/*-----------------------------------------------------------
イントロ
-----------------------------------------------------------*/
  
    .trouble-grid2 {
        width: 60%;
    }
  
/*-----------------------------------------------------------
おすすめメニュー
-----------------------------------------------------------*/
  
	.recommend-title-row {
        flex-direction: row;
    }

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

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

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

/*-----------------------------------------------------------
イントロ
-----------------------------------------------------------*/
  
    .trouble-grid2 {
        width: 100%;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }


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


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

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

/*-----------------------------------------------------------
ご利用シーン
-----------------------------------------------------------*/

    .scene-title-box {
        margin: 10px 0 0;
    }

/*-----------------------------------------------------------
おすすめメニュー
-----------------------------------------------------------*/

    .recommend-tab-btn-box {
        grid-template-columns: repeat(4,1fr);
        gap: 10px;
    }
  

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

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

@media screen and (min-width:1200px) {
  
/*-----------------------------------------------------------
イントロ
-----------------------------------------------------------*/
  
  .trouble-text:before {
      top: 8px;
  }

/*-----------------------------------------------------------
こだわり
-----------------------------------------------------------*/




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

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

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





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

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

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

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

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

    .recommend .com-deco-left-center01 {
        top: 10%;
    }
 
  
}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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


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

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

  


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