@charset "utf-8";
.greeting {
  padding-top: clamp(2rem, 4.17vw, 5rem);
}
.greeting__title {
  padding-left: clamp(1.25rem, -9.833rem + 23.09vw, 17.875rem);
}

.greeting__content {
  margin-top: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
}
.greeting__top {
      display: flex;
    column-gap: clamp(1.25rem, -3.321rem + 7.14vw, 5.25rem);
    align-items: center;
    padding-right: clamp(1.25rem, -17.75rem + 29.69vw, 17.875rem);
}
.greeting-top__left {
      width: 54%;
    aspect-ratio: 876/476;
    height: auto;
    object-fit: cover;
}
.greeting__right {
  width: 46%;
}
.greeting-top__title {
      font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
    font-weight: 400;
    line-height: 2;
}
.greeting-top__line {
      margin-top: clamp(1rem, -0.714rem + 2.68vw, 2.5rem);
    width: 52px;
    height: 7px;
    background-color: #9CC0CE;
}
.greeting-top__name {
      margin-top: clamp(1rem, -0.714rem + 2.68vw, 2.5rem);
    font-size: 20px;
    font-weight: 400;
}
.greeting__box {
      margin-top: clamp(2.5rem, -2.643rem + 8.04vw, 7rem);
    padding: clamp(1rem, 0.75rem + 0.52vw, 1.375rem) clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    border: 1px solid #9CC0CE;
}
.greeting-box__title {
      font-size: 12px;
    font-weight: 400;
}
.greeting-box__text {
      margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
}
.greeting__bottom {
      margin-top: clamp(2.5rem, -0.357rem + 4.46vw, 5rem);
    padding: 0 clamp(1.25rem, -17.75rem + 29.69vw, 17.875rem);
    display: flex;
    column-gap: clamp(1.25rem, -3.321rem + 7.14vw, 5.25rem);
    align-items: center;
}
.greeting-bottom__left {
  width: 50%;
}
.greeting-bottom__title {
      font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
    font-weight: 400;
    line-height: 2;
}
.greeting-bottom__text {
      margin-top: clamp(1.25rem, -1.893rem + 4.91vw, 4rem);
    font-weight: 400;
}
.greeting-bottom__right {
      width: 50%;
    aspect-ratio: 672/478;
    height: auto;
    object-fit: cover;
}

.philosophy {
  padding-top: 120px;
}
.philosophy__inner {
      padding: 0 clamp(1.25rem, -9.833rem + 23.09vw, 17.875rem);
    position: relative;
    padding-bottom: clamp(1.5rem, -0.417rem + 3.99vw, 4.375rem);
}
.philosophy__bg {
      width: 40%;
    height: 84%;
    position: absolute;
    background-color: #FFEDF2;
    z-index: -1;
    bottom: 0;
    right: clamp(1.25rem, -9.833rem + 23.09vw, 17.875rem);
}
.philosophy__content {
      margin-top: clamp(1.5rem, 0.833rem + 1.39vw, 2.5rem);
    display: flex;
    column-gap: clamp(1.25rem, -1.25rem + 5.21vw, 5rem);
    align-items: center;
}
.philosophy__logo {
  width: clamp(14.438rem, 9.771rem + 9.72vw, 21.438rem);
}
.philosophy__title {
      display: flex;
    flex-direction: column;
    align-items: end;
    width: fit-content;
    row-gap: 10px;
}
.philosophy-title__main {
      font-size: clamp(1.125rem, 0.542rem + 1.22vw, 2rem);
    font-weight: 300;
}
.philosophy-title__sub {
      line-height: 1;
    position: relative;
    left: clamp(0rem, -1.25rem + 2.6vw, 1.875rem);
    font-size: clamp(0.75rem, 0.667rem + 0.17vw, 0.875rem);
    font-weight: 400;
}
.philosophy__text {
      margin-top: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
    font-weight: 400;
    line-height: 2;
}

.info {
      padding-top: 120px;
    padding-bottom: clamp(6.25rem, 4.583rem + 3.47vw, 8.75rem);
}
.info__inner {
  padding: 0 clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
}
.info__items {
      margin-top: clamp(2.625rem, 2.375rem + 0.52vw, 3rem);
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}
.info__item {
  display: flex;
}
.info-item__left {
      width: 18%;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: clamp(0.125rem, 0.042rem + 0.17vw, 0.25rem) solid #F9B1C5;
    padding-left: 3%;
}
.info-item__right {
      width: 82%;
    font-size: 14px;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    padding-left: 6%;
}


@media (max-width: 1023px) {
  .greeting__top {
    width: 85%;
    margin: auto;
        flex-direction: column;
    row-gap: 30px;
    padding-right: 0;
  }
  .greeting-top__left {
    width: 100%;
  }
  .greeting__right {
        width: 100%;
    padding: 0 20px;
  }
  .greeting-top__title {
        padding: 0 20px;
    font-size: 18px;
  }
  .greeting-top__line {
    margin-left: 20px;
  }
  .greeting-top__name {
    padding: 0 20px;
  }
  .greeting__bottom {
        flex-direction: column-reverse;
    row-gap: 24px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .greeting-bottom__left,
  .greeting-bottom__right {
    width: 100%;
  }
  .greeting-bottom__title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .greeting__top,
  .greeting__bottom {
    width: 100%;
  }
  .greeting-bottom__right {
    padding: 0 20px;
  }
  
  .philosophy__bg {
        width: 100%;
    right: 0;
    height: 16%;
  }
  .philosophy__content {
        flex-direction: column;
    row-gap: 30px;
  }
  .philosophy__logo {
    width: clamp(14.438rem, 7.196rem + 29.71vw, 21.438rem);
  }
  .philosophy__left {
        display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
  }
  
  .info-item__left {
        width: 32%;
    padding-left: 0;
    text-align: center;
  }
  .info-item__right {
    width: 78%;
  }
}

@media (max-width: 389px) {
  .greeting-top__title {
        padding: 0;
    font-size: 14px;
  }
  .greeting-top__line {
    margin-left: 0;
  }
  .greeting-top__name {
        padding: 0;
    font-size: 18px;
  }
  .greeting-bottom__title {
    font-size: 16px;
  }
  .greeting-bottom__right {
    padding: 0;
  }
  
  .philosophy__inner {
        padding: 0 16px;
    padding-bottom: clamp(1.5rem, -0.417rem + 3.99vw, 4.375rem);
  }
  .philosophy__left {
    padding: 0;
  }
  .philosophy-title__main {
    font-size: clamp(1rem, 0.42rem + 2.9vw, 1.125rem);
  }
}