@charset "UTF-8";
.service-dining {
  padding-bottom: clamp(40px, calc(9.8270509978px + 7.9822616408vw), 112px);
}
.service-dining__bg {
  background: url(../img/service/dining/service-dining_fv.jpg) center/cover no-repeat;
  height: clamp(185px, calc(2.7050997783px + 48.2261640798vw), 620px);
  position: relative;
}
.service-dining__inner {
  padding: clamp(48px, calc(24.5321507761px + 6.2084257206vw), 104px) clamp(10px, calc(-8.8580931264px + 4.9889135255vw), 55px) 0;
  width: clamp(600px, calc(430.2771618625px + 44.9002217295vw), 1005px);
  margin-inline: auto;
}
@media (max-width: 768px) {
  .service-dining__inner {
    padding: clamp(52px, calc(4.5076923077px + 12.5641025641vw), 101px) clamp(43px, calc(5.2px + 10vw), 82px) 0;
    width: 100%;
  }
}
.service-dining__box {
  display: flex;
  gap: clamp(29px, calc(4.2749445676px + 6.5410199557vw), 88px);
}
@media (max-width: 768px) {
  .service-dining__box {
    flex-direction: column;
  }
}
.service-dining__image {
  width: clamp(277px, calc(111.8869179601px + 43.6807095344vw), 671px);
  margin-top: clamp(31px, calc(33.5144124169px + -0.6651884701vw), 25px);
}
.service-dining__image.--rectangle {
  width: clamp(267px, calc(206.2350332594px + 16.0753880266vw), 412px);
  margin-top: 0;
}
@media (max-width: 768px) {
  .service-dining__image.--rectangle {
    order: 2;
    margin: 0 auto;
  }
}
.service-dining__image.--square {
  width: clamp(133px, calc(13.1463414634px + 31.7073170732vw), 419px);
  margin-top: 0;
}
.service-dining__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 44%;
}
@media (max-width: 768px) {
  .service-dining__text {
    display: contents;
    order: 1;
  }
}
.service-dining__text .service-dining__heading {
  text-align: left;
}
@media (max-width: 768px) {
  .service-dining__text .service-dining__heading {
    text-align: center;
    letter-spacing: 0.004em;
  }
}
.service-dining__text .service-dining__description {
  padding: 0;
}
@media (max-width: 768px) {
  .service-dining__text .service-dining__description {
    padding: 0 clamp(15px, calc(12.9046563193px + 0.5543237251vw), 20px);
  }
}
@media (max-width: 768px) {
  .service-dining__text-area-01 {
    order: 1;
  }
}
.service-dining__text-area-01 .service-dining__heading {
  letter-spacing: 0.15em;
}
@media (max-width: 768px) {
  .service-dining__text-area-01 .service-dining__description {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .service-dining__text-area-02 {
    order: 3;
    margin-top: 11px;
  }
}
.service-dining__heading {
  font-size: clamp(1.5625rem, 1.1696230599rem + 1.6629711752vw, 2.5rem);
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: clamp(10px, calc(5.8093126386px + 1.1086474501vw), 20px);
  text-align: center;
}
.service-dining__heading span {
  font-size: clamp(1rem, 0.3713968958rem + 2.6607538803vw, 2.5rem);
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: block;
}
@media (max-width: 768px) {
  .service-dining__heading span {
    letter-spacing: 0.15em;
  }
}
.service-dining__description {
  font-size: clamp(0.75rem, 0.5928492239rem + 0.6651884701vw, 1.125rem);
  line-height: 1.8333333333;
  letter-spacing: 0.32em;
  font-weight: 300;
  padding: 0 clamp(15px, calc(12.9046563193px + 0.5543237251vw), 20px);
}
@media (max-width: 768px) {
  .service-dining__description {
    text-align: center;
    line-height: 1.5;
  }
}
.service-dining__images {
  display: flex;
  gap: clamp(11px, calc(-8.2771618625px + 5.0997782705vw), 57px);
  margin-top: clamp(16px, calc(3.8470066519px + 3.2150776053vw), 45px);
}
@media (max-width: 768px) {
  .service-dining__images {
    justify-content: center;
    margin: clamp(16px, calc(3.8470066519px + 3.2150776053vw), 45px) auto 0;
  }
}
.service-dining__block {
  display: flex;
  flex-direction: column;
  gap: clamp(65px, calc(42.3702882483px + 5.9866962306vw), 119px);
  margin: clamp(54px, calc(36.8181818182px + 4.5454545455vw), 95px) auto 0;
  width: clamp(277px, calc(111.8869179601px + 43.6807095344vw), 671px);
}
.service-dining__foot {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
  line-height: 1;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-align: center;
  margin-top: clamp(52px, calc(19.3126385809px + 8.6474501109vw), 130px);
}
.service-dining__button {
  margin: clamp(9px, calc(-1.0576496674px + 2.6607538803vw), 33px) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, calc(8.7427937916px + 0.332594235vw), 13px);
  width: clamp(277px, calc(111.8869179601px + 43.6807095344vw), 671px);
}
@media (max-width: 768px) {
  .service-dining__button {
    margin: clamp(9px, calc(-1.0576496674px + 2.6607538803vw), 33px) 0 0;
    flex-direction: column;
    width: clamp(309px, calc(309px + 0vw), 309px);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
  }
}
.service-dining__link {
  background-color: #192161;
  width: 100%;
}
.service-dining__link a {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0.4em;
  font-weight: 600;
  color: #fff;
  display: block;
  text-align: center;
  padding: clamp(16px, calc(15.1618625277px + 0.22172949vw), 18px) 0;
}
.service-dining__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
}
@media (max-width: 768px) {
  .service-dining__wrap {
    width: 309px;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    padding: 0 22px;
  }
}
.service-dining__company {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(58 / 1280 * 100vw, 58px);
  margin: clamp(41px, calc(23.8181818182px + 4.5454545455vw), 82px) auto 0;
}
@media (max-width: 768px) {
  .service-dining__company {
    gap: 20px;
    width: 100%;
    justify-content: space-between;
  }
}
.service-dining__company span {
  font-size: clamp(0.75rem, 0.645232816rem + 0.44345898vw, 1rem);
  line-height: 1.75;
  letter-spacing: 0.3em;
  font-weight: 600;
  display: block;
}
.service-dining__company-wrap {
  display: flex;
  align-items: center;
  gap: min(20 / 1280 * 100vw, 20px);
}
.service-dining__logo {
  width: clamp(37px, calc(37px + 0vw), 37px);
}
.service-dining__name {
  font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 300;
}
@media (max-width: 768px) {
  .service-dining__name {
    margin-right: 15px;
  }
}
.service-dining__info {
  font-size: clamp(0.75rem, 0.645232816rem + 0.44345898vw, 1rem);
  line-height: 1.4375;
  letter-spacing: 0.2em;
  font-weight: 300;
  margin-right: max(-4.140625vw, -53px);
}
@media (max-width: 768px) {
  .service-dining__info {
    margin-right: 0;
  }
}/*# sourceMappingURL=dining.css.map */