@charset "UTF-8";
/* 変数の定義
--------------------------------------------------*/
/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* sec_フード宅配サービス
--------------------------------------------------*/
.page_kv_wrap .main_ttl {
  font-size: clamp(3rem, 9.948vw, 3.88rem);
}
@media screen and (min-width: 769px) {
  .page_kv_wrap .main_ttl {
    font-size: clamp(4rem, 4.285vw, 6rem);
  }
}

#food-delivery_intro {
  padding-top: 50px;
  background-color: white;
}
@media screen and (min-width: 769px) {
  #food-delivery_intro {
    padding-top: 80px;
  }
}
#food-delivery_intro .intro_ttl {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.55;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  #food-delivery_intro .intro_ttl {
    text-align: center;
    font-size: 2.2rem;
  }
}
#food-delivery_intro .intro_txt {
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  #food-delivery_intro .intro_txt {
    text-align: center;
  }
}

/* sec_ロイヤルカナン, どうぶつ病院宅急便
--------------------------------------------------*/
#food-delivery_royalcanin, #food-delivery_animalhospital {
  padding-top: 50px;
  background-color: white;
}
@media screen and (min-width: 769px) {
  #food-delivery_royalcanin, #food-delivery_animalhospital {
    padding-top: 80px;
    width: calc(50% - 1.785vw);
  }
}
@media screen and (min-width: 769px) {
  #food-delivery_royalcanin .inner-wrap, #food-delivery_animalhospital .inner-wrap {
    width: auto;
  }
}
#food-delivery_royalcanin .royalcanin_logo, #food-delivery_animalhospital .royalcanin_logo {
  width: calc(100% - 14vw);
  margin: 10px auto 0;
}
@media screen and (min-width: 769px) {
  #food-delivery_royalcanin .royalcanin_logo, #food-delivery_animalhospital .royalcanin_logo {
    margin: 0.34vw auto;
  }
}
#food-delivery_royalcanin .features_wrap, #food-delivery_animalhospital .features_wrap {
  border-radius: 5px;
  background-color: #FBF6E2;
  padding: 20px 5.128vw;
}
@media screen and (min-width: 769px) {
  #food-delivery_royalcanin .features_wrap, #food-delivery_animalhospital .features_wrap {
    padding: 30px 3.571vw;
  }
}
#food-delivery_royalcanin .features_ttl, #food-delivery_animalhospital .features_ttl {
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  #food-delivery_royalcanin .features_ttl, #food-delivery_animalhospital .features_ttl {
    font-size: 2.2rem;
  }
}
#food-delivery_royalcanin .round_btntxt, #food-delivery_animalhospital .round_btntxt {
  font-weight: 500;
}
#food-delivery_royalcanin .features_info, #food-delivery_animalhospital .features_info {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 30px 0;
}
@media screen and (min-width: 769px) {
  #food-delivery_royalcanin .features_info, #food-delivery_animalhospital .features_info {
    font-size: 1.8rem;
  }
}

#food-delivery_animalhospital {
  padding-top: 80px;
  padding-bottom: calc(56px + 8.884vw);
}
@media screen and (min-width: 769px) {
  #food-delivery_animalhospital {
    padding-bottom: calc(56px + 7.142vw);
  }
}
#food-delivery_animalhospital .animalhospital_logo {
  width: 60vw;
  margin: 40px auto;
}
@media screen and (min-width: 769px) {
  #food-delivery_animalhospital .animalhospital_logo {
    width: calc(100% - 25vw);
    margin: 2.142vw auto;
  }
}

.delivery_shop_wrap {
  background-color: white;
}
@media screen and (min-width: 769px) {
  .delivery_shop_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 7.142vw;
  }
}

/* sec_その他の診療案内
--------------------------------------------------*/
#food-delivery_others {
  padding-top: 35px;
  padding-bottom: 120px;
}
#food-delivery_others::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(-8.884vw + 1px);
  left: 0;
  width: 100%;
  height: 8.884vw;
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='36' viewBox='0 0 390 36' fill='none'%3E%3Cpath d='M389.999 17.4999C389.999 17.4999 315.253 54.972 208.753 17.5C102.253 -19.9721 -0.000518799 17.4999 -0.000518799 17.4999L-0.000213623 35.5H193.5H390L389.999 17.4999Z' fill='%23FBF6E2'/%3E%3C/svg%3E");
}
@media screen and (min-width: 769px) {
  #food-delivery_others::before {
    top: calc(-7.142vw + 1px);
    left: 0;
    width: 100%;
    height: 7.142vw;
    background-image: url("data:image/svg+xml,%3Csvg width='1400' height='100' viewBox='0 0 1400 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1399.99 48.9277C1399.99 48.9277 1163.38 159.015 749.435 48.9277C335.494 -61.1596 -0.00561523 48.9277 -0.00561523 48.9277L-0.012207 100H683.493H1399.99V48.9277Z' fill='%23FBF6E2'/%3E%3C/svg%3E%0A");
  }
}
#food-delivery_others::after {
  content: "";
  position: absolute;
  bottom: 8.884vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 114px;
  height: 42.22px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/top/insta_flower.webp);
  -webkit-animation: float_animation_insta 3s ease infinite;
          animation: float_animation_insta 3s ease infinite;
}
@media screen and (min-width: 769px) {
  #food-delivery_others::after {
    bottom: 20px;
    width: 194px;
    height: 71.85px;
  }
}
#food-delivery_others .others_link_list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-top: 30px;
}
#food-delivery_others .others_link {
  width: calc(50% - 1.282vw);
}
@media screen and (min-width: 769px) {
  #food-delivery_others .others_link {
    width: calc((100% - 2.142vw) / 4);
  }
}
#food-delivery_others .others_link:last-child {
  width: 100%;
}
#food-delivery_others .others_link:last-child .others_link_btn {
  padding: 6px 0 7px;
}
@media screen and (min-width: 769px) {
  #food-delivery_others .others_link:last-child .others_link_btn {
    padding: 20px 0;
  }
}
#food-delivery_others .others_link_btn {
  background-color: white;
  padding: 10px 0;
  border-radius: 5px;
  width: 100%;
  display: grid;
  justify-items: center;
}
#food-delivery_others .others_link_txt {
  position: relative;
  font-size: clamp(1rem, 3.589vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0;
  padding-right: 20px;
}
@media screen and (min-width: 769px) {
  #food-delivery_others .others_link_txt {
    font-size: clamp(1.4rem, 1.142vw, 1.6rem);
  }
}
#food-delivery_others .others_link_txt::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8C15 12.1421 11.6421 15.5 7.5 15.5C3.35786 15.5 0 12.1421 0 8C0 3.85786 3.35786 0.5 7.5 0.5C11.6421 0.5 15 3.85786 15 8Z' fill='%2364BA6F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.64643 4.38154C5.93932 4.08864 6.41419 4.08864 6.70709 4.38154L9.77614 7.45059C10.069 7.74348 10.069 8.21836 9.77614 8.51125L6.70709 11.5803C6.41419 11.8732 5.93932 11.8732 5.64643 11.5803C5.35353 11.2874 5.35353 10.8125 5.64643 10.5196L8.18515 7.98092L5.64643 5.4422C5.35353 5.1493 5.35353 4.67443 5.64643 4.38154Z' fill='white'/%3E%3C/svg%3E%0A");
}
#food-delivery_others .yobou svg {
  width: 32px;
  margin-top: 5px;
  margin-bottom: 6px;
}
#food-delivery_others .hinin svg {
  width: 37px;
  margin-top: 4px;
  margin-bottom: 7px;
}
#food-delivery_others .inform svg {
  width: 40px;
  margin-top: 2px;
  margin-bottom: 6px;
}
#food-delivery_others .takuhai svg {
  width: 56px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#food-delivery_others .annaitop {
  display: flex;
  align-items: center;
  justify-content: center;
}
#food-delivery_others .annaitop svg {
  width: 39px;
  margin-right: 6px;
}

.reservation_wrap::before {
  display: none;
}
/*# sourceMappingURL=food-delivery.css.map */