/* ======================================================
pc
====================================================== */
/* common
---------------------------------------------------------------------- */
#htlSide-A {
  top: 630px;
}

.lead {
  margin: 0 auto 30px;
}

.about__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about__dl:first-of-type {
  margin-bottom: 20px;
}
.about__dl dt {
  border: 1px solid #898989;
  line-height: 1;
  padding: 5px;
  min-width: 98px;
  height: 32px;
  margin-right: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* about
---------------------------------------------------------------------- */
.about {
  padding: 60px 0;
}

.about__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-bottom: 160px;
}

.about__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 435px;
          flex: 1 0 435px;
}

.about__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 626px;
          flex: 0 1 626px;
}
.about__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about .ctitle2 {
  margin-bottom: 30px;
}

/* loopslider
---------------------------------------------------------------------- */
.loopslider {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
}

.slick-slide {
  margin: 0 5px !important;
  width: 340px;
}

/* illust
---------------------------------------------------------------------- */
.illust {
  padding: 70px 0;
  background-color: #F3F2EE;
}

/* menu
---------------------------------------------------------------------- */
.menu {
  padding: 60px 0;
}

.menu__wrap {
  position: relative;
  padding: 65px 0 30px;
}

.menu__ttl {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
}
.menu__ttl span {
  border-bottom: 1px solid #416290;
  padding: 10px;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 75px 0 0;
  gap: 3.5%;
}
.menu__list li {
  width: 31%;
  margin-bottom: 70px;
}

.menu__img {
  aspect-ratio: 1/0.735;
  margin-bottom: 10px;
}
.menu__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.menu__name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.26;
}/*# sourceMappingURL=breakfast.css.map */