@charset "utf-8";

:root {
  --blue01: #36b6ff;
  --blue02: #4584e0;
  --blue03: #44c5dc;
}

#area,#faq{ background-color:#f0faff ;}

.erea_ul1 li{
background-color:var(--blue01) ;
}
.erea_ul2 li{
  background-color:var(--blue02) ;
}
.erea_ul3 li{
  background-color:var(--blue03) ;
}

.erea_ul1 li,.erea_ul2 li,.erea_ul3 li{
  border-radius: 20px;
  color: #fff;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 599px) {
 .erea_ul1 li,.erea_ul2 li,.erea_ul3 li{
  background-color:var(--blue01) ;

 }
}

#menu{
  background: url("../images/04_back@2x.png") no-repeat top / 1920px 520px;
}

.menu-item {
  border-bottom: 1px solid #aaa;
  margin-bottom: 20px;
}

.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline; /* または center */
}

.menu-name {
  font-size: 23px;
  font-weight: 600;
}

.menu-price {
  font-size: 23px;
  font-weight: 600;
}

.menu-note {
  margin: 5px 0 0;
  color: #666;
  padding-bottom: 20px;
}
@media screen and (max-width: 599px) {
.menu-header,.menu-name,.menu-price  {display: block;}
.menu-note {
  margin: 10px 0 0;
}
}


#service{
  background-image: url('../images/05_back@2x.png') ;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 599px) {
#service{
  background-image: url('../images/sp_05_back@2x.png') ;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
}
}

.service_ttl{
  padding: 10px;
  background-color: var(--blue01);
  border-radius: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 600;
}
.service_ttl span{
  padding: 0 8px;
  font-size: clamp(1.313rem, calc(1.05rem + 1.12vw), 1.75rem); /* min: 21px, max: 28px */;
}
.service_ttl img,.faq_ttl_a img,.faq_ttl_q img {
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 599px) {
  .service_ttl{
      padding: 20px 10px;
      line-height:1.4;
  }
 .service_ttl img,.faq_ttl_a img,.faq_ttl_q img {
  width: 40px;
  height: 40px;
}
}

.faq_ttl_a,.faq_ttl_q{
  display: flex;
  align-items: center;
  gap: 20px;
}
.faq-txt dt{  font-size: 23px; font-weight: 600;}
.faq-txt dd{  font-size: 16px;}

 .faq_ttl_q{
    margin-top: 8px;
}

@media screen and (max-width: 599px) {
  .faq_ttl_q{
    align-items: normal;
     margin-top: 20px;

}
}

.news-ul li{
  padding: 20px 0;
  border-bottom: 1px solid #c4c4c4;
}