@charset "UTF-8";
@media screen and (min-width: 769px) {
  .Group::before {
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 80%);
    mask-image: linear-gradient(to bottom, black 60%, transparent 70%);
  }
}
.Group__tag {
  display: flex;
  position: relative;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .Group__tag {
    display: block;
    margin-bottom: 50px;
  }
  .Group__tag__wrap {
    width: 100%;
    padding-left: 0;
    gap: 10px;
  }
  .Group__tag__item {
    padding: 4px 10px;
  }
  .Group__tag__item__tag {
    font-size: 14px;
  }
  .Group__tag__item#special, .Group__tag__itemholiday, .Group__tag__itemfew-employees {
    margin-right: 0;
  }
}
.Group__tag .Title {
  width: 24%;
  border-right: 1px solid #666666;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .Group__tag .Title {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #666666;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .Group__tag .Title h2 {
    line-height: 3rem;
    margin-bottom: 1.5rem;
  }
}
.Group__tag__wrap {
  width: 76%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 55px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .Group__tag__wrap {
    width: 100%;
    padding-left: 0;
    gap: 10px;
  }
}
.Group__tag__item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 4px 15px;
  background-color: white;
  border-radius: 16px;
  border: 1px solid #DDDDDD;
  cursor: pointer;
  /* 特定のタグの後に改行を入れる */
}
.Group__tag__item.active {
  background-color: #39b04a;
  color: white;
  border: 1px solid #39b04a;
}
.Group__tag__item__tag {
  display: block;
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .Group__tag__item__tag {
    font-size: 13px;
  }
}
.Group__tag__item#special, .Group__tag__itemholiday, .Group__tag__itemfew-employees {
  margin-right: 40%; /* 強制的に次の行に送る */
}
@media screen and (max-width: 768px) {
  .Group__tag__item#special#special, .Group__tag__item#specialholiday, .Group__tag__item#specialfew-employees, .Group__tag__itemholiday#special, .Group__tag__itemholidayholiday, .Group__tag__itemholidayfew-employees, .Group__tag__itemfew-employees#special, .Group__tag__itemfew-employeesholiday, .Group__tag__itemfew-employeesfew-employees {
    margin-right: 0;
  }
}

.Box {
  background-color: #fff;
  padding: 7rem 8rem 8rem 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.5rem;
  margin-bottom: 4rem;
  z-index: 1;
  position: relative;
  display: block;
}
@media screen and (max-width: 1025px) {
  .Box {
    padding: 2rem 3rem;
  }
}
.Box__wrap {
  display: flex;
}
@media screen and (max-width: 1025px) {
  .Box__wrap {
    flex-direction: column-reverse;
  }
}
.Box__left {
  box-sizing: border-box;
}
.Box__right {
  box-sizing: border-box;
}
.Box__right iframe {
  margin: 30px 0;
}
@media screen and (max-width: 1025px) {
  .Box__right iframe {
    margin: 0 0 30px;
    height: auto !important;
  }
}
@media screen and (max-width: 1025px) {
  .Box__wrap .Group__food .Box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.Box__tag {
  width: 100%;
  display: flex;
  border-top: 1px solid #666666;
  margin-top: 40px;
  padding-top: 30px;
  flex-wrap: wrap;
  gap: 5px;
}
.Box__tag__item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 4px 15px;
  background-color: white;
  border-radius: 16px;
  border: 1px solid #DDDDDD;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .Box__tag__item {
    font-size: 13px;
  }
}/*# sourceMappingURL=add.css.map */