.circle {
  border-radius: 100%;
  background-color: #f7a01e;
  width: 22.5rem;
  height: 22.5rem;
  position: absolute;
}
.circle--outline {
  background: linear-gradient(#f7a01e 0%, #fcd554 100%);
}
.circle--outline::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fdf4e7;
  border-radius: 100%;
}

.hero {
  min-height: 190rem;
  background-color: #fdf4e7;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 920px) {
  .hero {
    min-height: 164.7rem;
  }
}
.hero .circle-1 {
  top: 23.1rem;
  left: -10rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-1 {
    top: 41.2rem;
    left: -6rem;
    width: 12.5rem;
    height: 12.5rem;
  }
}
.hero .circle-2 {
  width: 15rem;
  height: 15rem;
  top: 10.8rem;
  left: 55.9rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-2 {
    top: -4rem;
    left: auto;
    right: -6rem;
    z-index: 2;
  }
}
.hero .circle-3 {
  width: 15rem;
  height: 15rem;
  top: 10.8rem;
  right: -7.5rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-3 {
    right: auto;
    left: 0;
    top: 16rem;
    width: 4.5rem;
    height: 4.5rem;
  }
}
.hero .circle-4 {
  width: 11.3rem;
  height: 11.3rem;
  top: 93rem;
  left: 22rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-4 {
    width: 5.8rem;
    height: 5.8rem;
    right: -2rem;
    left: auto;
    top: 42rem;
    z-index: 2;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%2257%22%20viewBox%3D%220%200%2058%2057%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f7a01e%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcd554%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E4%B8%AD%E3%83%9E%E3%83%89_12%22%20data-name%3D%22%E4%B8%AD%E3%83%9E%E3%83%89%2012%22%20d%3D%22M29.5%2C57h-1A28.507%2C28.507%2C0%2C0%2C1%2C17.406%2C2.24%2C28.319%2C28.319%2C0%2C0%2C1%2C28.5%2C0h1A28.507%2C28.507%2C0%2C0%2C1%2C40.594%2C54.76%2C28.323%2C28.323%2C0%2C0%2C1%2C29.5%2C57ZM28.6%2C9.5a19%2C19%2C0%2C1%2C0%2C0%2C38H29.4a19%2C19%2C0%2C1%2C0%2C0-38Z%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
  }
  .hero .circle-4::before {
    display: none;
  }
}
.hero .circle-5 {
  width: 11.3rem;
  height: 11.3rem;
  top: 71.3rem;
  left: 51.2rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-5 {
    width: 9.8rem;
    height: 9.8rem;
    top: 7rem;
    left: 23.2rem;
  }
}
.hero .circle-6 {
  width: 17.5rem;
  height: 17.5rem;
  top: 102rem;
  left: 56rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-6 {
    width: 6.2rem;
    height: 6.2rem;
    top: 76rem;
    left: 18rem;
  }
}
.hero .circle-7 {
  width: 8.5rem;
  height: 8.5rem;
  top: 63.6rem;
  left: 87.5rem;
}
.hero .circle-8 {
  width: 8rem;
  height: 8rem;
  top: 92.2rem;
  right: 50rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-8 {
    width: 3.9rem;
    height: 3.9rem;
    top: 7rem;
    right: auto;
    left: 11rem;
  }
}
.hero .circle-9 {
  width: 15rem;
  height: 15rem;
  top: 99.5rem;
  right: 27.7rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-9 {
    z-index: 2;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%2257%22%20viewBox%3D%220%200%2058%2057%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f7a01e%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcd554%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E4%B8%AD%E3%83%9E%E3%83%89_12%22%20data-name%3D%22%E4%B8%AD%E3%83%9E%E3%83%89%2012%22%20d%3D%22M29.5%2C57h-1A28.507%2C28.507%2C0%2C0%2C1%2C17.406%2C2.24%2C28.319%2C28.319%2C0%2C0%2C1%2C28.5%2C0h1A28.507%2C28.507%2C0%2C0%2C1%2C40.594%2C54.76%2C28.323%2C28.323%2C0%2C0%2C1%2C29.5%2C57ZM28.6%2C9.5a19%2C19%2C0%2C1%2C0%2C0%2C38H29.4a19%2C19%2C0%2C1%2C0%2C0-38Z%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 6.3rem;
    height: 6.3rem;
    top: 98.5rem;
    right: 28.7rem;
    z-index: 1;
  }
  .hero .circle-9::before {
    display: none;
  }
}
.hero .circle-10 {
  width: 17.9rem;
  height: 17.9rem;
  bottom: 5.1rem;
  left: 11.1rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-10 {
    display: none;
  }
}
.hero .circle-11 {
  width: 17.3rem;
  height: 17.3rem;
  top: -11rem;
  left: 98rem;
}
@media screen and (max-width: 920px) {
  .hero .circle-11 {
    width: 8.5rem;
    height: 8.5rem;
    top: 62rem;
    left: 7rem;
  }
}
.hero .circle-12 {
  width: 22.5rem;
  height: 22.5rem;
  top: 59.2rem;
  right: 58.7rem;
}
.hero__read {
  position: absolute;
  top: 37.6rem;
  left: 20rem;
}
@media screen and (max-width: 920px) {
  .hero__read {
    left: 2rem;
    top: 21.2rem;
  }
}
.hero__title {
  font-size: 6.6rem;
  letter-spacing: 0.09em;
  margin-bottom: 2rem;
}
@media screen and (max-width: 920px) {
  .hero__title {
    font-size: 3.3rem;
    line-height: 1.45;
  }
}
.hero__subtitle {
  font-size: 2.6rem;
  letter-spacing: 0.2em;
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.hero__box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100rem;
  height: 82.3rem;
  padding-bottom: 14rem;
  background: url("../images/hero-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 11.8rem;
  padding-top: 14rem;
}
@media screen and (max-width: 920px) {
  .hero__box {
    padding: 0;
    right: auto;
    left: 2rem;
    height: auto;
    padding-bottom: 7rem;
    width: 100%;
    background-position: center bottom;
  }
}
.hero .mv {
  position: absolute;
}
.hero .mv1 {
  left: 62.5rem;
  width: 44rem;
  border-radius: 0 0 40px 40px;
}
@media screen and (max-width: 920px) {
  .hero .mv1 {
    width: 13.2rem;
    left: 0;
    top: 8.9rem;
    border-radius: 0 20px 20px 0;
  }
}
.hero .mv2 {
  right: 0;
  top: 17.4rem;
  width: 75.3rem;
  border-radius: 40px 0 0 40px;
}
@media screen and (max-width: 920px) {
  .hero .mv2 {
    width: 28.8rem;
    top: 45.3rem;
    border-radius: 20px 0 0 20px;
  }
}
.hero .mv3 {
  width: 35.2rem;
  left: 56.8rem;
  top: 66.2rem;
  border-radius: 40px;
}
@media screen and (max-width: 920px) {
  .hero .mv3 {
    left: auto;
    right: 0;
    width: 6.9rem;
    height: 13.9rem;
    top: 21.7rem;
    border-radius: 20px 0 0 20px;
    object-fit: cover;
  }
}
.hero .mv4 {
  left: 0;
  top: 70.8rem;
  width: 41rem;
  border-radius: 0 40px 40px 0;
}
@media screen and (max-width: 920px) {
  .hero .mv4 {
    display: none;
  }
}
.hero .mv5 {
  width: 18.5rem;
  left: 86.8rem;
  top: 95rem;
  border-radius: 40px;
}
@media screen and (max-width: 920px) {
  .hero .mv5 {
    top: 73.2rem;
    border-radius: 20px;
    left: 27rem;
    width: 7.5rem;
  }
}
.hero .mv6 {
  top: 108rem;
  width: 72rem;
  left: 20rem;
  border-radius: 40px;
}
@media screen and (max-width: 920px) {
  .hero .mv6 {
    border-radius: 20px;
    left: 5.4rem;
    top: 78rem;
    width: 25.4rem;
  }
}
.hero .mv7 {
  width: 36rem;
  right: 0;
  top: 85.5rem;
  border-radius: 40px 0 0 40px;
}
@media screen and (max-width: 920px) {
  .hero .mv7 {
    display: none;
  }
}

.section-point {
  padding: 17.3rem 0 21.1rem;
}
@media screen and (max-width: 920px) {
  .section-point {
    padding: 5.6rem 0;
  }
}

.point-item {
  margin-bottom: 13.6rem;
}
@media screen and (max-width: 920px) {
  .point-item:nth-child(even) .point-item__no {
    left: auto;
    right: 2rem;
  }
}
@media print, screen and (min-width: 921px) {
  .point-item:nth-child(even) .point-item__inner {
    flex-direction: row-reverse;
  }
  .point-item:nth-child(even) .point-item__no {
    right: 7.5rem;
  }
  .point-item:nth-child(even) .point-item__body {
    padding-left: 0;
    width: 52%;
  }
  .point-item:nth-child(even) .point-item__body::before {
    content: "";
    right: 0;
    left: auto;
    border-radius: 289px 0 0 289px;
  }
}
@media screen and (max-width: 920px) {
  .point-item {
    margin-bottom: 8rem;
  }
}
.point-item:last-child {
  margin-bottom: 0;
}
.point-item__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 920px) {
  .point-item__inner {
    display: block;
  }
}
.point-item__body {
  position: relative;
  min-height: 57.8rem;
  padding: 13.9rem 8.4rem;
}
@media screen and (max-width: 920px) {
  .point-item__body {
    min-height: auto;
    padding: 4.3rem 2.7rem 2.5rem 3.6rem;
  }
}
.point-item__body::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 124.4rem;
  height: 100%;
  border: solid 3px #f7a01e;
  border-radius: 0 289px 289px 0;
}
@media screen and (max-width: 920px) {
  .point-item__body::before {
    border-radius: 0 0 289px 289px;
    width: 100%;
    height: calc(100% + 14rem);
  }
}
.point-item__no {
  font-size: 34.7rem;
  font-style: italic;
  color: #fdf4e7;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  position: absolute;
  top: -20rem;
}
@media screen and (max-width: 920px) {
  .point-item__no {
    font-size: 12rem;
    left: 2rem;
    top: -8rem;
  }
}
.point-item__title {
  font-size: 3rem;
  line-height: 5.6rem;
  font-weight: bold;
  margin-bottom: 5rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 920px) {
  .point-item__title {
    white-space: nowrap;
    font-size: 1.75rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
  }
}
.point-item__figure {
  max-width: 61.2rem;
  position: relative;
  flex: 0 0 61.2rem;
  z-index: 2;
}
.point-item__figure img {
  border-radius: 40px;
  width: 100%;
  height: 43.6rem;
  object-fit: cover;
}
@media screen and (max-width: 920px) {
  .point-item__figure img {
    height: 19.2rem;
    border-radius: 20px;
  }
}
@media screen and (max-width: 920px) {
  .point-item__figure {
    max-width: 100%;
    padding: 0 3rem;
  }
}

.section-message {
  background-color: #efefef;
  padding: 12rem 0 0;
  height: 81.5rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 920px) {
  .section-message {
    padding: 7.6rem 0 0;
    height: auto;
  }
}
.section-message::after {
  content: "";
  width: 112rem;
  height: 110.5rem;
  border-radius: 100%;
  position: absolute;
  right: -44rem;
  top: -44.7rem;
  background: #f7a01e;
  box-shadow: 6px 6px 22px rgba(235, 199, 77, 0.4);
}
@media screen and (max-width: 920px) {
  .section-message::after {
    width: 54rem;
    height: 53.2rem;
    top: auto;
    bottom: -7.6rem;
    right: -30.8rem;
  }
}
.section-message__inner {
  display: flex;
}
@media screen and (max-width: 920px) {
  .section-message__inner {
    display: block;
  }
}
.section-message__visual {
  margin-left: auto;
  width: 85.2rem;
  position: relative;
}
@media screen and (max-width: 920px) {
  .section-message__visual {
    width: 100%;
    height: 33.6rem;
  }
}
.section-message__visual .message-visual {
  max-width: 50.5rem;
  margin-left: auto;
  z-index: 2;
  position: relative;
  bottom: -6.4rem;
  margin-right: 14rem;
}
@media screen and (max-width: 920px) {
  .section-message__visual .message-visual {
    width: 100%;
    max-width: 25.7rem;
    margin: auto;
    bottom: -2rem;
  }
}
@media print, screen and (min-width: 921px) {
  .section-message__body {
    max-width: 45%;
  }
}
.section-message .circle1 {
  width: 6.7rem;
  height: 6.7rem;
  right: -13.5rem;
  bottom: 2.7rem;
}
@media screen and (max-width: 920px) {
  .section-message .circle1 {
    width: 4.5rem;
    height: 4.5rem;
    right: auto;
    bottom: 2.7rem;
    left: -4rem;
  }
}
.section-message .circle2 {
  width: 17.9rem;
  height: 17.9rem;
  left: 21rem;
  bottom: 26.1rem;
}
@media screen and (max-width: 920px) {
  .section-message .circle2 {
    width: 8.5rem;
    height: 8.5rem;
    left: 3.5rem;
    bottom: 13.1rem;
  }
}
.section-message .circle2::before {
  background-color: #efefef;
}

.message-title {
  color: #fff;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: sideways;
  text-orientation: sideways;
  font-family: "Poppins", sans-serif;
  font-size: 15.3rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  line-height: 1.05;
  font-style: italic;
  position: absolute;
  right: 0;
  top: -13.5rem;
  z-index: 1;
}
@media screen and (max-width: 920px) {
  .message-title {
    font-size: 7.6rem;
    top: auto;
    bottom: 0;
    right: -1rem;
  }
}

.message-info__title {
  font-weight: bold;
  margin-bottom: 0.3rem;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: #0e2e47;
}
.message-info__main {
  color: #0e2e47;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.message-info__sub {
  color: #0e2e47;
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0.215em;
}

.section-value {
  padding: 13rem 0 14.7rem;
}
@media screen and (max-width: 920px) {
  .section-value {
    padding: 7.6rem 0 9.4rem;
  }
}

.value-items {
  display: flex;
  gap: 10rem;
  justify-content: space-between;
}
@media screen and (max-width: 920px) {
  .value-items {
    display: block;
  }
}

.value-item {
  width: 50%;
  max-width: 67.6rem;
  border-radius: 0px 264.5px 264.5px 0px;
  background: #fff;
  border: 3px solid #f7a01e;
  position: relative;
  padding: 7.9rem 9.4rem 6.4rem 5.9rem;
}
.value-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 3.2rem;
  top: 3.4rem;
  border-radius: 0px 262.5px 262.5px 0px;
  background: #fdf4e7;
  z-index: -1;
}
@media screen and (max-width: 920px) {
  .value-item::after {
    top: 2.2rem;
    left: 0;
  }
}
@media screen and (max-width: 920px) {
  .value-item {
    padding: 3.8rem 5.4rem 7.5rem 3.3rem;
    border-radius: 0 250px 250px 0;
    width: calc(100% - 1rem);
    margin-left: -2rem;
    border-left: 0;
    margin-bottom: 3rem;
  }
  .value-item:last-child {
    margin-bottom: 0;
  }
  .value-item::after {
    border-radius: 0 250px 250px 0;
    width: calc(100% + 2.8rem) !important;
  }
  .value-item:nth-child(even) {
    border-radius: 250px 0 0 250px;
    margin-right: 0;
    border-right: 0;
    margin-left: auto;
    border-left: 3px solid #f7a01e;
    text-align: right;
    padding-right: 4rem;
    padding-left: 5rem;
  }
  .value-item:nth-child(even) .value-item__icon {
    margin-left: auto;
  }
  .value-item:nth-child(even)::after {
    border-radius: 250px 0 0 250px;
    left: auto;
    right: 0;
  }
}
.value-item__icon {
  width: 11rem;
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 920px) {
  .value-item__icon {
    width: 7.4rem;
    margin-bottom: 2.45rem;
  }
}
.value-item__title {
  color: #f7a01e;
  font-size: 3rem;
  margin-bottom: 4.2rem;
}
@media screen and (max-width: 920px) {
  .value-item__title {
    font-size: 1.8rem;
    margin-bottom: 1.4rem;
  }
}

.section-staff {
  background-color: #fdf4e7;
  padding: 10.8rem 0 10.9rem;
}
@media screen and (max-width: 920px) {
  .section-staff {
    padding: 5.8rem 0 6rem;
  }
}

.staff-modal__inner {
  display: grid;
  grid-template-columns: 64.7rem 1fr;
}
@media screen and (max-width: 920px) {
  .staff-modal__inner {
    display: block;
  }
}
.staff-modal__visual {
  position: relative;
}
.staff-modal__visual img {
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 920px) {
  .staff-modal__visual img {
    height: 20rem;
  }
}
.staff-modal__body {
  padding: 13rem 6rem 14rem 6.6rem;
  height: 74rem;
}
@media screen and (max-width: 920px) {
  .staff-modal__body {
    padding: 2.4rem 3.2rem;
    height: auto;
    padding-right: 2rem;
  }
}
.staff-modal__type {
  position: absolute;
  left: 0;
  top: 0;
  width: 13.8rem;
  height: 11rem;
  background-color: #f7a01e;
  color: #fff;
  border-radius: 33px 0 40px 0;
  font-size: 2rem;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: bold;
    width: fit-content;
  min-width: 11rem;
  padding: 0 1.2rem;
}
@media screen and (max-width: 920px) {
  .staff-modal__type {
    /* width: 11.2rem; */
    height: 8.9rem;
    font-size: 1.6rem;
  }
}
.staff-modal__title {
  font-size: 4.3rem;
  font-weight: bold;
  color: #f7a01e;
  margin-bottom: 2.3rem;
}
@media screen and (max-width: 920px) {
  .staff-modal__title {
    font-size: 3rem;
    margin-bottom: 0.8rem;
  }
}
.staff-modal__date {
  font-size: 2.5rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 920px) {
  .staff-modal__date {
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
  }
}
.staff-modal p {
  height: 31rem;
  overflow: auto;
  font-size: 2rem;
  overscroll-behavior: contain;
  padding-right: 1rem;
  line-height: 2;
  --sb-track-color: #e5e5e5;
  --sb-thumb-color: #f7a01e;
  --sb-size: 7px;
  scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
}
.staff-modal p::-webkit-scrollbar {
  width: var(--sb-size);
}
.staff-modal p::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 10px;
}
.staff-modal p::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 10px;
}
@media screen and (max-width: 920px) {
  .staff-modal p {
    font-size: 1.4rem;
    height: 15rem;
  }
}

.staff-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6.8rem;
}
@media screen and (max-width: 920px) {
  .staff-items {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

.staff-item {
  border: solid 3px #f7a01e;
  border-radius: 43px;
  position: relative;
}
.staff-item::after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 40px;
  background: #fcd090;
}
.staff-item__image img {
  border-radius: 40px;
  height: 45rem;
  object-fit: cover;
  width: 100%;
}
.staff-item__type {
  position: absolute;
  left: 0;
  top: 0;
  width: 10.6rem;
  height: 8.5rem;
  background-color: #f7a01e;
  color: #fff;
  border-radius: 33px 0 40px 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 1.5rem;
  font-weight: bold;
    width: fit-content;
  min-width: 11rem;
  padding: 0 1.2rem;
}
.staff-item__body {
  position: absolute;
  width: 100%;
  height: 12.7rem;
  background-color: #fff;
  bottom: 0;
  border-radius: 0 0 40px 40px;
  padding: 3.2rem;
}
.staff-item__button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16251%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016251%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%2267%22%20viewBox%3D%220%200%2067%2067%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_43%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2043%22%20cx%3D%2233.5%22%20cy%3D%2233.5%22%20r%3D%2233.5%22%20fill%3D%22%230e2e47%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1399%22%20data-name%3D%22%E3%83%91%E3%82%B9%201399%22%20d%3D%22M13.213-18.218v6.326H3.2v9.329H-3.283v-9.329h-9.89v-6.326h9.89v-9.449H3.2v9.449Z%22%20transform%3D%22translate(33%2049)%22%20fill%3D%22%23f7a01e%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 6.7rem;
  height: 6.7rem;
  position: absolute;
  right: 2rem;
  top: 3rem;
  transition: 0.3s;
}
.staff-item__button:hover {
  opacity: 0.76;
}
.staff-item__title {
  font-size: 3rem;
  color: #f7a01e;
  font-weight: bold;
}
.staff-item__date {
  font-size: 1.8rem;
}

.section-welfare {
  padding: 11.3rem 0 16.9rem;
}
@media screen and (max-width: 920px) {
  .section-welfare {
    padding: 5.6rem 0;
  }
}

.welfare-items {
  display: grid;
  gap: 7.8rem 7rem;
  grid-template-columns: repeat(3, 35.6rem);
  grid-auto-rows: 35.6rem;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .welfare-items {
    grid-template-columns: 1fr;
    gap: 2.7rem;
    width: 30.6rem;
    margin: auto;
    grid-auto-rows: 30.6rem;
  }
}

.welfare-item {
  border-radius: 100%;
  border: 3px solid #f7a01e;
  padding: 3.2rem 3rem 4.6rem;
  text-align: center;
}
.welfare-item img {
  margin: auto;
  max-width: 5.6rem;
  height: 6rem;
  object-fit: contain;
}
@media screen and (max-width: 920px) {
.welfare-item img {
  zoom: 1;
  max-width: 4.6rem;
  height: 4.6rem;
}
}
@media print, screen and (min-width: 921px) {
  .welfare-item p {
    font-size: 1.8rem;
  }
}
.welfare-item__title {
  font-weight: bold;
  font-size: 2.6rem;
  margin-top: 1.5rem;
  color: #f7a01e;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 920px) {

.welfare-item__title {
  font-size: 2.4rem;
}
}

.section-recruit {
  background-color: #efefef;
  padding: 11.3rem 0 19.5rem;
}
@media screen and (max-width: 920px) {
  .section-recruit {
    padding: 7.8rem 0;
  }
}

.recruit-items {
  max-width: 120rem;
  margin: auto;
}

.recruit-item {
  border-radius: 0 40px 40px 0;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  /* overflow: hidden; */
  margin-bottom: 5rem;
}
@media screen and (max-width: 920px) {
  .recruit-item {
    margin-bottom: 2rem;
  }
}
.recruit-item:last-child {
  margin-bottom: 0;
}
.recruit-item.is-active .recruit-item__header {
  border-radius: 0 40px 0 0;
}
.recruit-item.is-active .recruit-item__right {
  background-color: #0e2e47;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.753%22%20height%3D%2221.326%22%20viewBox%3D%220%200%2032.753%2021.326%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1383%22%20data-name%3D%22%E3%83%91%E3%82%B9%201383%22%20d%3D%22M3919.42%2C8993.559l13.9%2C13.9%2C13.9-13.9%22%20transform%3D%22translate(3949.698%209012.41)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%227%22%2F%3E%3C%2Fsvg%3E");
}
.recruit-item__header {
  display: flex;
  align-items: center;
  padding-left: 2.3rem;
  border-radius: 0 40px 40px 0;
  overflow: hidden;
}
@media screen and (max-width: 920px) {
  .recruit-item__title {
    font-size: 1.7rem;
    max-width: 11rem;
  }
}

.recruit-item__icon {
  width: 11.2rem;
  height: 11.2rem;
  margin-right: 4rem;
}
@media screen and (max-width: 920px) {
  .recruit-item__icon {
    width: 7.7rem;
    height: 7.7rem;
    flex: 0 0 7.7rem;
    margin-right: 1.8rem;
  }
}
.recruit-item__icon img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit-item__right {
  margin-left: auto;
  width: 16.4rem;
  height: 14.5rem;
  font-size: 3rem;
  font-weight: bold;
  padding-top: 3.6rem;
  background-color: #f7a01e;
  color: #fff;
  text-align: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.753%22%20height%3D%2221.326%22%20viewBox%3D%220%200%2032.753%2021.326%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1384%22%20data-name%3D%22%E3%83%91%E3%82%B9%201384%22%20d%3D%22M3919.42%2C8993.559l13.9%2C13.9%2C13.9-13.9%22%20transform%3D%22translate(-3916.946%20-8991.084)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%227%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center bottom 3rem;
  background-size: 2.7rem;
}
@media screen and (max-width: 920px) {
  .recruit-item__right {
    width: 9.1rem;
    font-size: 1.6rem;
    padding: 2.2rem 2.9rem;
  }
}
.recruit-item__body {
  border-top: 1px solid #0e2e47;
  padding: 7.2rem 9rem 9rem;
  display: none;
}
@media screen and (max-width: 920px) {
  .recruit-item__body {
    padding: 3rem 2rem;
  }
}
.recruit-item__body dl {
  display: flex;
  border-bottom: 1px solid #cccccc;
  padding: 3.5rem 1rem 2rem;
}
@media screen and (max-width: 920px) {
  .recruit-item__body dl {
    display: block;
    padding: 1.2rem 0.5rem;
  }
}
.recruit-item__body dl:first-child {
  border-top: 1px solid #cccccc;
}
.recruit-item__body dt {
  font-weight: 500;
  font-size: 2rem;
  width: 20.5rem;
  flex: 0 0 20.5rem;
  padding-right: 8.5rem;
}
@media screen and (max-width: 920px) {
  .recruit-item__body dt {
    font-size: 1.4rem;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .recruit-item__body dd .sur span {
    /* display: none; */
  }
}

.section-tour {
  padding: 13.2rem 0 0;
  height: 60.5rem;
  background-color: #fdf4e7;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 920px) {
  .section-tour {
    height: 89.1rem;
    padding: 23.2rem 0 0;
  }
}
.section-tour .ctaimg {
  position: absolute;
  border-radius: 4rem;
}
@media screen and (max-width: 920px) {
.section-tour .ctaimg {
  border-radius: 2rem;
}
}
.section-tour .ctaimg1 {
  width: 22.1rem;
  top: 5.6rem;
  left: 5.8rem;
}
@media screen and (max-width: 920px) {
  .section-tour .ctaimg1 {
    width: 16rem;
    top: 2.4rem;
    left: 2.8rem;
  }
}
.section-tour .ctaimg2 {
  width: 29rem;
  left: 33.3rem;
  top: 0;
}
@media screen and (max-width: 920px) {
  .section-tour .ctaimg2 {
    width: 19.5rem;
    right: -5rem;
    left: auto;
  }
}
.section-tour .ctaimg3 {
  width: 56.1rem;
  left: 0;
  bottom: -12rem;
}
@media screen and (max-width: 920px) {
  .section-tour .ctaimg3 {
    display: none;
  }
}
.section-tour .ctaimg4 {
  width: 79.1rem;
  height: 26.3rem;
  border-radius: 30px;
  object-fit: cover;
  top: 0;
  right: -24rem;
}
@media screen and (max-width: 920px) {
  .section-tour .ctaimg4 {
    width: 39.4rem;
    height: 13rem;
    right: -14.1rem;
    left: auto;
    top: 61.4rem;
    right: -16.1rem;
    border-radius: 20px 0 0px 20px;
  }
}
.section-tour .ctaimg5 {
  width: 35.4rem;
  right: -4.5rem;
  bottom: 7.2rem;
}
@media screen and (max-width: 920px) {
  .section-tour .ctaimg5 {
    display: none;
  }
}
.section-tour .ctaimg6 {
  width: 27.4rem;
  bottom: 0;
  right: 36rem;
}
@media screen and (max-width: 920px) {
  .section-tour .ctaimg6 {
    width: 16.8rem;
    left: 2rem;
    bottom: 0;
    right: auto;
    border-radius: 2rem 2rem 0 0;
  }
}
.section-tour .circle-1 {
  top: -9rem;
  left: -6rem;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-1 {
    width: 13.8rem;
    height: 13.8rem;
    top: -5rem;
  }
}
.section-tour .circle-2 {
  width: 22.5rem;
  height: 22.5rem;
  left: 20rem;
  top: 18rem;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-2 {
    right: auto;
    left: -18rem;
  }
}
.section-tour .circle-3 {
  width: 5.9rem;
  height: 5.9rem;
  left: 71rem;
  top: 9.1rem;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-3 {
    left: auto;
    top: 30.1rem;
    bottom: -2rem;
    top: auto;
    right: 3rem;
  }
}
.section-tour .circle-4 {
  width: 39.5rem;
  height: 39.5rem;
  left: 76.3rem;
  bottom: -30.8rem;
  top: auto;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-4 {
    display: none;
  }
}
.section-tour .circle-5 {
  width: 13.3rem;
  height: 13.3rem;
  top: -5rem;
  right: 69rem;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-5 {
    top: 17rem;
    right: -6rem;
  }
}
.section-tour .circle-6 {
  width: 19.2rem;
  height: 19.2rem;
  bottom: -7rem;
  right: 19rem;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-6 {
    width: 13.2rem;
    height: 13.2rem;
    bottom: 14rem;
    right: 30rem;
  }
}
.section-tour .circle-7 {
  width: 22.5rem;
  height: 22.5rem;
  bottom: 20.7rem;
  right: -8rem;
}
@media screen and (max-width: 920px) {
  .section-tour .circle-7 {
    width: 13.9rem;
    height: 13.9rem;
    bottom: 5.7rem;
    right: 12rem;
  }
}
.section-tour .circle-8 {
  width: 13.3rem;
  height: 13.3rem;
  left: 50rem;
  top: 32rem;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22133%22%20height%3D%22132%22%20viewBox%3D%220%200%20133%20132%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f7a01e%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcd554%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E4%B8%AD%E3%83%9E%E3%83%89_8%22%20data-name%3D%22%E4%B8%AD%E3%83%9E%E3%83%89%208%22%20d%3D%22M-2394%2C132h-1a65.585%2C65.585%2C0%2C0%2C1-25.69-5.187%2C66%2C66%2C0%2C0%2C1-11.211-6.085%2C66.476%2C66.476%2C0%2C0%2C1-9.768-8.059%2C66.471%2C66.471%2C0%2C0%2C1-8.059-9.768%2C66.008%2C66.008%2C0%2C0%2C1-6.085-11.211A65.593%2C65.593%2C0%2C0%2C1-2461%2C66a65.591%2C65.591%2C0%2C0%2C1%2C5.187-25.69%2C66.007%2C66.007%2C0%2C0%2C1%2C6.085-11.211%2C66.468%2C66.468%2C0%2C0%2C1%2C8.059-9.768%2C66.467%2C66.467%2C0%2C0%2C1%2C9.768-8.059%2C66%2C66%2C0%2C0%2C1%2C11.211-6.085A65.586%2C65.586%2C0%2C0%2C1-2395%2C0h1a65.586%2C65.586%2C0%2C0%2C1%2C25.69%2C5.187%2C66%2C66%2C0%2C0%2C1%2C11.211%2C6.085%2C66.467%2C66.467%2C0%2C0%2C1%2C9.768%2C8.059%2C66.468%2C66.468%2C0%2C0%2C1%2C8.059%2C9.768%2C66.019%2C66.019%2C0%2C0%2C1%2C6.085%2C11.211A65.591%2C65.591%2C0%2C0%2C1-2328%2C66a65.593%2C65.593%2C0%2C0%2C1-5.187%2C25.69%2C66.02%2C66.02%2C0%2C0%2C1-6.085%2C11.211%2C66.471%2C66.471%2C0%2C0%2C1-8.059%2C9.768%2C66.463%2C66.463%2C0%2C0%2C1-9.768%2C8.059%2C66%2C66%2C0%2C0%2C1-11.211%2C6.085A65.585%2C65.585%2C0%2C0%2C1-2394%2C132Zm-.98-110a43.722%2C43.722%2C0%2C0%2C0-17.127%2C3.458%2C43.853%2C43.853%2C0%2C0%2C0-13.986%2C9.43%2C43.85%2C43.85%2C0%2C0%2C0-9.429%2C13.986A43.723%2C43.723%2C0%2C0%2C0-2438.98%2C66a43.724%2C43.724%2C0%2C0%2C0%2C3.458%2C17.127%2C43.85%2C43.85%2C0%2C0%2C0%2C9.429%2C13.986%2C43.853%2C43.853%2C0%2C0%2C0%2C13.986%2C9.429A43.723%2C43.723%2C0%2C0%2C0-2394.98%2C110h.96a43.724%2C43.724%2C0%2C0%2C0%2C17.126-3.458%2C43.853%2C43.853%2C0%2C0%2C0%2C13.986-9.429%2C43.85%2C43.85%2C0%2C0%2C0%2C9.43-13.986A43.724%2C43.724%2C0%2C0%2C0-2350.02%2C66a43.723%2C43.723%2C0%2C0%2C0-3.458-17.127%2C43.851%2C43.851%2C0%2C0%2C0-9.43-13.986%2C43.855%2C43.855%2C0%2C0%2C0-13.986-9.43A43.723%2C43.723%2C0%2C0%2C0-2394.02%2C22Z%22%20transform%3D%22translate(2461)%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}
.section-tour .circle-9 {
  width: 13.9rem;
  height: 13.9rem;
  right: 48.5rem;
  top: 17.6rem;
}

.section-flow {
  padding: 11.1rem 0 11.4rem;
}
@media screen and (max-width: 920px) {
  .section-flow {
    padding: 4.5rem 0 7rem;
  }
}

.flow-items {
  max-width: 120rem;
  margin: auto;
  display: flex;
}
@media screen and (max-width: 920px) {
  .flow-items {
    display: block;
  }
}

.flow-item {
  margin-right: -3.7rem;
  width: 42.5rem;
  flex: 0 0 42.5rem;
  min-height: 20.5rem;
  border-radius: 0px 102.5px 102.5px 0px;
  background: #fdf4e7;
  position: relative;
  padding: 4.6rem 2.4rem 5rem 5.1rem;
}
@media print, screen and (min-width: 921px) {
  .flow-item p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 920px) {
  .flow-item {
    min-height: auto;
    margin: 0;
    width: 100%;
    padding: 2.2rem 3.6rem 4rem;
    border-radius: 0;
    margin-bottom: -2rem;
    text-align: center;
    height: 15.1rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22335%22%20height%3D%22151%22%20viewBox%3D%220%200%20335%20151%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1394%22%20data-name%3D%22%E3%83%91%E3%82%B9%201394%22%20d%3D%22M0%2C0H335V81c0%2C55.228-106.772%2C70-162%2C70h0C117.772%2C151%2C0%2C136.228%2C0%2C81Z%22%20fill%3D%22%23fdf4e7%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .flow-item p {
    font-size: 1.4rem !important;
    line-height: 1.4;
  }
}
.flow-item:nth-child(1) {
  z-index: 3;
}
.flow-item:nth-child(2) {
  z-index: 2;
  background-color: #fcd090;
}
@media screen and (max-width: 920px) {
  .flow-item:nth-child(2) {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22335%22%20height%3D%22151%22%20viewBox%3D%220%200%20335%20151%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1395%22%20data-name%3D%22%E3%83%91%E3%82%B9%201395%22%20d%3D%22M0%2C0H335V81c0%2C55.228-106.772%2C70-162%2C70h0C117.772%2C151%2C0%2C136.228%2C0%2C81Z%22%20fill%3D%22%23fcd090%22%2F%3E%3C%2Fsvg%3E");
  }
}
.flow-item:nth-child(3) {
  z-index: 1;
  background-color: #f7a01e;
}
.flow-item:nth-child(3) .flow-item__title span {
  color: #fdf4e7;
}
@media screen and (max-width: 920px) {
  .flow-item:nth-child(3) {
    background-image: none;
    border-radius: 0;
  }
}
.flow-item__title {
  color: #0e2e47;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 920px) {
  .flow-item__title {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 1rem;
  }
}
.flow-item__title span {
  font-size: 3.6rem;
  font-style: italic;
  font-weight: 600;
  margin-right: 1rem;
  color: #f7a01e;
}
@media screen and (max-width: 920px) {
  .flow-item__title span {
    font-size: 2.6rem;
  }
}

.contact-content {
  background-color: #efefef;
  border-radius: 40px;
  padding: 11.8rem 16rem 14.9rem;
}
@media screen and (max-width: 920px) {
  .contact-content {
    padding: 5rem 2rem 5.6rem;
    border-radius: 20px;
  }
}
.contact-content__ctas {
  display: grid;
  /* grid-template-columns: repeat(2, 42rem); */
  grid-template-columns: repeat(1, 42rem);
  grid-auto-rows: 15.5rem;
  justify-content: center;
  gap: 2.7rem;
  margin-bottom: 8.4rem;
}
@media screen and (max-width: 920px) {
  .contact-content__ctas {
    grid-template-columns: 1fr;
    gap: 1rem;
    grid-auto-rows: 10rem;
    margin-bottom: 2.5rem;
    padding: 0 1.5rem;
  }
}
.contact-content__cta {
  background-color: #0e2e47;
  color: #fff;
  text-align: center;
  border-radius: 40px;
  padding: 3rem 0 0;
  transition: 0.3s;
}
@media screen and (max-width: 920px) {
  .contact-content__cta {
    border-radius: 20px;
    padding: 1.35rem 0 0;
  }
  .contact-content__cta p {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.contact-content__cta:hover {
  opacity: 0.8;
}
.contact-content__cta span {
  font-size: 4rem;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  margin-bottom: 1rem;
}
@media screen and (max-width: 920px) {
  .contact-content__cta span {
    font-size: 2.6rem;
    margin-bottom: 0.05rem;
    display: block;
  }
}
.contact-content__cta--line {
  background-color: #06c755;
}

.sur .lbl {
  width: 13rem;
  display: inline-block;
}
@media screen and (max-width: 920px) {
  .sur {
    font-size: 1.2rem;
    display: block;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .sur > span:not(.lbl) {
    display: none;
  }
  .sur .lbl {
    width: 8rem;
  }
  .sur > span.mm {
    display: block;
    margin: 0;
  }
  select {
    width: 100%;
  }
}
/*# sourceMappingURL=index.css.map */