@charset "UTF-8";






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


body .CONCEPT_bw {

padding-bottom: 50px;
}


body .CONCEPT_bw h2 {
margin-top: 35px;
margin-bottom: 25px;
}



body .con_main_img {

    margin-left: 2.5rem;
    width: 90%;
  }



.sp_border {

  border-bottom: 1px solid  #ccc;

}
.spp {

  font-size: 1.3em ;

}


.main_tittle h4 {

  font-size: 1.8em !important;

  margin-top: 15px !important;
}


.spt {

  margin-left: 25px;
}
.spmt35 {

margin-top: 35px !important;
}

}


.con_main_img {

  text-align: center;
  margin-left: 3em;

}


.page-title {

color: #3e3e3f;

}


.CONCEPT_bw {

background: #d8edea;
padding-bottom: 100px;
}


figure[class^="CONCEPT_0"] {

  margin: 30px 0;


}


.CONCEPT_bw h2 {
margin-top: 75px;
margin-bottom: 50px;
}

.lastbox_txt {

  font-size: 1.6rem;
    color: #00807a;

}


.selected_ie {

  top:25% ;
}


.fl_b.shop_main {

display: flex;
align-items: flex-start;
gap: 54px;
flex-wrap: wrap;
justify-content: flex-start;

}



.fl_b.shop_main img {

  width: 100%;

}



.fl_b.shop_main .main_txt01 {

  flex: 1;
}


.shop.fl_b a {

  text-decoration: none;

  transition: all .3s;
}

.shop.fl_b a h4 {


  color: #000 !important;
}

.shop.fl_b figure {

  position: relative;

}

.shop.fl_b a:hover {

  
  opacity: .55;

}




.fl_b.shop_main h2 {

color: #09A49F ;
letter-spacing: 0.05em;
font-size: 2.4rem;
}

.fl_b.shop_main h2 span {

  margin: 5px;
  display: block;
color: #010000 ;
font-size: 1.6rem;
}


.shop_mark {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 25px;

} 


.shop_mark figure {

  display: flex;
  gap: 5px;
}


.shop_mark figure img {

  display: block;

}
.link_box {
  flex: 0 1 50%;

}


.link_box a {

  display: flex;
    background: #245f30;
    justify-content: center;
    
    padding: 10px 0;
    text-decoration: none;
    transition: .3s;

    position: relative;

  }


.link_box a span {

    display: block;

    font-size: 1.8rem;
    color: #fff;
    transition: .3s;
}

.top_link a:hover,
.link_box a:hover {
/*transform: scale(1.1);
*/opacity: 0.55;
}

.top_link a::after,
.link_box a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 20px;           
    top: calc(50% - 2px);  
  border-top: solid 2px;
  border-right: solid 2px;
  transform: rotate(45deg) translateY(-50%);
  color: #fff;
  transition: .3s;
}


.top_link a::after {

  color: #245f30;
}
.top_link a:hover::after,
.link_box a:hover::after {


right: 16px;          
}

.shop_info {

  border-top: 1px solid #ccc;
  display: none;
}

.shop_info dl {

border-bottom: 1px solid #ccc;
letter-spacing: 0.1em;
}

.shop_info dl dt {

  margin-top: 50px;
  font-size: 1.8rem;
  font-weight: bold;
}

.shop_info dl dd {
  margin-bottom: 50px;
}


.shop_info dl dd p {

  font-size: 1.6rem;
  margin-top: 10px;

  font-feature-settings: "palt";
}


.top_link {
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
}

.top_link a {


  display: flex;
    border: 1px solid #245f30;
    justify-content: center;
    
    padding: 10px 45px;
    text-decoration: none;
    transition: .3s;

    position: relative;


}


.top_link a span {
display: block;

font-size: clamp(1.2rem, 0.137rem + 2.22vw, 1.8rem);
color: #245f30;
transition: .3s;
}



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


  
  body .shop_info {

padding: 0 16px;
box-sizing: border-box;

  
}

.fl_b.shop_main .main_txt01 {

padding: 0 16px;
box-sizing: border-box;

}



}



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

  .fl_b.shop_main figure.main_v {

    flex: auto;

  }

  .fl_b.shop_main .main_txt01 {

    flex: auto;
  }



}





@media (min-width: 768px) {
  a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  }
  }
  
  
  .shop_tell {
  
    display: flex;
    gap: 10px;
      justify-content: flex-start;
      align-items: center;
      margin-left: 5px;
      margin-top: 25px;
  
  }
  
  
  
  .shop_tell::before {
    content: '';
  background: url(/midosuji_img/midousuji_shop_tell.svg) center top;
  background-size: cover;
  background-size: 100% 100%;
      width: 13px;
      height: 18px;
      aspect-ratio: 13 / 18;
  }
  
  .shop_tell a  {
    display: block;
  text-decoration: none;
  color: #000;
  }
  
  .shop_tell a span {
    font-size: 1.8rem;
  
  }
  

body .is-current {


  pointer-events: all !important;


  }