@charset "utf-8";
/* ======================
fv
====================== */
.fv {
  background: radial-gradient(ellipse at 18% 55%, #f6d365 0%, #ffbf64 31%, #fda085 100%);
}
.fv__inner {
  padding-top: clamp(3.2rem, 6.667vw, 8rem);
  padding-right: clamp(2.4rem, 5vw, 6rem);
  padding-bottom: clamp(2.075rem, 4.323vw, 5.188rem);
  padding-left: clamp(2.4rem, 5vw, 6rem);
}
.fv__container {
  position: relative;
  min-height: clamp(20.65rem, 43.021vw, 51.625rem);
  background-image: url("https://an-llc.jp/system_panel/uploads/images/top-fv-img.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: clamp(1.25rem, 2.604vw, 3.125rem) clamp(1.25rem, 2.604vw, 3.125rem) 0 0;
}
.fv__left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.fv__right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: clamp(16.375rem, 34.115vw, 40.938rem);
}
.fv__title {
  width: clamp(25rem, 11.542rem + 28.04vw, 45.188rem);
  height: auto;
  margin-top: clamp(0.708rem, 1.474vw, 1.769rem);
  margin-left: clamp(-4.656rem, -3.88vw, -1.863rem);
}
.fv-title__sub {
  position: absolute;
  top: clamp(12rem, 4.958rem + 14.67vw, 22.563rem);
  left: clamp(1.25rem, -0.917rem + 4.51vw, 4.5rem);
  font-size: clamp(0.75rem, 0.25rem + 1.04vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  transform: rotate(-6deg);
}
.fv-right__text1,
.fv-right__text2,
.fv-right__text3,
.fv-right__text4 {
  position: absolute;
  height: auto;
  aspect-ratio: 1;
}
.fv-right__text1 {
  top: clamp(1.225rem, 2.552vw, 3.062rem);
  right: clamp(4.1rem, 8.542vw, 10.25rem);
  z-index: 4;
  width: clamp(7.7rem, 16.042vw, 19.25rem);
}
.fv-right__text2 {
  top: clamp(8.575rem, 17.865vw, 21.438rem);
  right: clamp(12.075rem, 25.156vw, 30.188rem);
  z-index: 7;
  width: clamp(4.3rem, 8.958vw, 10.75rem);
}
.fv-right__text3 {
  top: clamp(9.8rem, 20.417vw, 24.5rem);
  right: clamp(5.325rem, 11.094vw, 13.312rem);
  z-index: 6;
  width: clamp(6.15rem, 12.812vw, 15.375rem);
}
.fv-right__text4 {
  top: clamp(7.225rem, 15.052vw, 18.062rem);
  right: clamp(-1.5rem, -1.25vw, -0.6rem);
  z-index: 5;
  width: clamp(5.4rem, 11.25vw, 13.5rem);
}
.circle1,
.circle2,
.circle3,
.circle4,
.circle5,
.circle6,
.circle7 {
  position: absolute;
  border-radius: 50%;
}
.circle1 {
  top: clamp(12.85rem, 26.771vw, 32.125rem);
  left: clamp(2.125rem, 4.427vw, 5.312rem);
  width: clamp(0.6rem, 1.25vw, 1.5rem);
  height: clamp(0.6rem, 1.25vw, 1.5rem);
  background: radial-gradient(circle, #f6a701 0%, rgba(255, 210, 72, 0.63) 100%);
}
.circle2,
.circle3,
.circle4,
.circle5,
.circle6,
.circle7 {
  background-color: transparent;
  border: 2px solid #fff;
}
.circle2 {
  top: clamp(13.15rem, 27.396vw, 32.875rem);
  left: clamp(4.8rem, 10vw, 12rem);
  width: clamp(1.85rem, 3.854vw, 4.625rem);
  height: clamp(1.85rem, 3.854vw, 4.625rem);
}
.circle3 {
  top: clamp(15.1rem, 31.458vw, 37.75rem);
  left: clamp(7.775rem, 16.198vw, 19.438rem);
  width: clamp(0.575rem, 1.198vw, 1.438rem);
  height: clamp(0.575rem, 1.198vw, 1.438rem);
}
.circle4 {
  top: clamp(17.025rem, 35.469vw, 42.562rem);
  left: clamp(3.025rem, 6.302vw, 7.562rem);
  width: clamp(0.875rem, 1.823vw, 2.188rem);
  height: clamp(0.875rem, 1.823vw, 2.188rem);
}
.circle5 {
  top: clamp(2.175rem, 4.531vw, 5.438rem);
  right: clamp(2.4rem, 5vw, 6rem);
  width: clamp(1.475rem, 3.073vw, 3.688rem);
  height: clamp(1.475rem, 3.073vw, 3.688rem);
}
.circle6 {
  top: clamp(13.25rem, 27.604vw, 33.125rem);
  right: clamp(3.25rem, 6.771vw, 8.125rem);
  width: clamp(0.975rem, 2.031vw, 2.438rem);
  height: clamp(0.975rem, 2.031vw, 2.438rem);
}
.circle7 {
  top: clamp(14.85rem, 30.938vw, 37.125rem);
  right: clamp(4.1rem, 8.542vw, 10.25rem);
  width: clamp(0.5rem, 1.042vw, 1.25rem);
  height: clamp(0.5rem, 1.042vw, 1.25rem);
}

/* ======================
top__bg
====================== */
.top__bg {
  position: relative;
  z-index: 1;
  margin-top: calc(-1 * (clamp(2.075rem, 4.323vw, 5.188rem) + 10.3125vw));
  padding-top: clamp(2.625rem, 0.875rem + 3.646vw, 5.25rem);
  background-image: url("https://an-llc.jp/system_panel/uploads/images/bg-top.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

/* title-top */
.title-top {
  text-align: center;
}
.title-top__sub {
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 0.667rem + 0.694vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
  color: #fd7426;
}
.title-top__main {
  margin-top: 24px;
  font-weight: 700;
  color: #222;
}
.title-top__main--56 {
  font-size: clamp(2rem, 1rem + 2.083vw, 3.5rem);
  line-height: 1.43;
}
.title-top__main--32 {
  font-size: clamp(1.5rem, 1.167rem + 0.694vw, 2rem);
  line-height: 1.5;
}
.title-top__main--48 {
  font-size: clamp(2rem, 1.333rem + 1.389vw, 3rem);
  line-height: 1.25;
}

/* news */
.news__container {
  display: flex;
  justify-content: center;
}
.news__inner {
  padding-inline: 16px;
}
.news .webgene-blog {
  width: 100%;
  max-width: 840px;
}
.newsItem + .newsItem {
  margin-top: 16px;
}
.newsItem {
  background-color: #fffde1;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(34, 34, 34, 0.16);
}
.newsLink {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-width: min(840px, 100%);
  height: 56px;
  padding: 0 28px;
}
.newsItem:hover {
  animation: hover-bounce 0.5s ease 1;
}
.newsItemImg {
  display: none;
}
.newsItemBottom {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.newsItemText {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.newsItemTime {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #222;
  white-space: nowrap;
}
.newsItemCate {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 31px;
  padding: 0 16px;
  background-color: #ffc065;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #222;
  white-space: nowrap;
}
.newsItemTit {
  overflow: hidden;
  font-size: clamp(0.875rem, 0.833rem + 0.087vw, 0.938rem);
  font-weight: 400;
  line-height: 1.2;
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* about */
.about {
  margin-top: 56px;
}
.about__container {
  position: relative;
  min-height: calc(min(100vw, 1920px) * 854 / 1920);
  padding-top: calc(min(100vw, 1920px) * 58 / 1920);
}
.about .title-top,
.about__text,
.about__container > a {
  position: relative;
  z-index: 2;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
.about .title-top__main,
.about__text {
  white-space: nowrap;
}
.about__text {
  margin-top: 56px;
  font-size: clamp(1rem, 0.833rem + 0.347vw, 1.25rem);
  font-weight: 400;
  line-height: 2;
  color: #222;
  text-align: center;
}
.about__container > a {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  padding-inline: clamp(1.5rem, 0.667rem + 1.736vw, 2.75rem);
}
.about__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.5rem, 0.208rem + 0.608vw, 0.875rem);
  width: auto;
  max-width: 100%;
  height: clamp(3.5rem, 2.667rem + 1.736vw, 4.5rem);
  padding-inline: clamp(1.5rem, 1.167rem + 0.694vw, 2rem);
  background-color: #fd7426;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(34, 34, 34, 0.16);
}
.about-btn__text {
  font-size: clamp(0.875rem, 0.708rem + 0.347vw, 1.125rem);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.about-btn__circle {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: clamp(2rem, 1.667rem + 0.694vw, 2.5rem);
  height: clamp(2rem, 1.667rem + 0.694vw, 2.5rem);
  background-color: #fff;
  border-radius: 50%;
}
.about-btn__icon {
  position: relative;
  z-index: 1;
  width: 14px;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s;
}
.about-btn__circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 12px;
  background-image: url("https://an-llc.jp/system_panel/uploads/images/20260823102623872897.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%) translateX(-40px);
  transition: transform 0.5s;
}
.about__container > a:hover .about__btn {
  animation: hover-bounce 0.5s ease 1;
}
.about__container > a:hover .about-btn__icon {
  transform: translateX(40px);
}
.about__container > a:hover .about-btn__circle::before {
  transform: translate(-50%, -50%) translateX(0);
}
.about__img1,
.about__img2,
.about__img3,
.about__img4,
.about__circle1,
.about__circle2,
.about__circle3,
.about__circle4 {
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
}
.about__img1,
.about__img2,
.about__img3,
.about__img4 {
  z-index: 1;
  height: auto;
  object-fit: cover;
}
.about__circle1,
.about__circle2,
.about__circle3,
.about__circle4 {
  z-index: 0;
}
.about__img1 {
  top: calc(6 / 854 * 100%);
  left: clamp(2rem, -10.542rem + 26.128vw, 20.812rem);
  width: clamp(4.938rem, -2.104rem + 14.67vw, 15.5rem);
}
.about__circle1 {
  top: calc(130 / 854 * 100%);
  left: clamp(1.75rem, -10.458rem + 25.434vw, 20.062rem);
  width: clamp(3.438rem, -1.438rem + 10.156vw, 10.75rem);
  background-color: #a3dff1;
}
.about__img2 {
  top: calc(159 / 854 * 100%);
  right: clamp(0.5rem, -8.792rem + 19.358vw, 14.438rem);
  left: auto;
  width: clamp(5.938rem, -2.479rem + 17.535vw, 18.562rem);
}
.about__circle2 {
  top: 0;
  right: clamp(4.938rem, -10.688rem + 32.552vw, 28.375rem);
  left: auto;
  width: clamp(2.312rem, -0.979rem + 6.858vw, 7.25rem);
  background-color: #a3dff1;
}
.about__img3 {
  top: calc(538 / 854 * 100%);
  left: clamp(3.438rem, -11.229rem + 30.556vw, 25.438rem);
  width: clamp(6.312rem, -2.646rem + 18.663vw, 19.75rem);
}
.about__circle3 {
  top: calc(433 / 854 * 100%);
  left: clamp(0.5rem, -9.958rem + 21.788vw, 16.188rem);
  width: clamp(1.938rem, -0.812rem + 5.729vw, 6.062rem);
  background-color: #ffc065;
}
.about__img4 {
  top: calc(521 / 854 * 100%);
  right: clamp(4.125rem, -10.333rem + 30.122vw, 25.812rem);
  left: auto;
  width: clamp(4.188rem, -1.729rem + 12.326vw, 13.062rem);
}
.about__circle4 {
  top: calc(626 / 854 * 100%);
  right: clamp(3.375rem, -10.083rem + 28.038vw, 23.562rem);
  left: auto;
  width: clamp(2.812rem, -1.146rem + 8.247vw, 8.75rem);
  background-color: #fee4b8;
}

.js-about-anim .about__img1,
.js-about-anim .about__img2,
.js-about-anim .about__img3,
.js-about-anim .about__img4,
.js-about-anim .about__circle1,
.js-about-anim .about__circle2,
.js-about-anim .about__circle3,
.js-about-anim .about__circle4 {
  opacity: 0;
  transform: scale(0.72);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.js-about-anim .about.is-img-shown .about__img1,
.js-about-anim .about.is-img-shown .about__img2,
.js-about-anim .about.is-img-shown .about__img3,
.js-about-anim .about.is-img-shown .about__img4,
.js-about-anim .about.is-img-shown .about__circle1,
.js-about-anim .about.is-img-shown .about__circle2,
.js-about-anim .about.is-img-shown .about__circle3,
.js-about-anim .about.is-img-shown .about__circle4 {
  opacity: 1;
  transform: scale(1);
}
.js-about-anim .about.is-img-shown .about__img1 {
  transition-delay: 0.05s;
}
.js-about-anim .about.is-img-shown .about__circle1 {
  transition-delay: 0.12s;
}
.js-about-anim .about.is-img-shown .about__img3 {
  transition-delay: 0.18s;
}
.js-about-anim .about.is-img-shown .about__circle3 {
  transition-delay: 0.24s;
}
.js-about-anim .about.is-img-shown .about__img2 {
  transition-delay: 0.12s;
}
.js-about-anim .about.is-img-shown .about__circle2 {
  transition-delay: 0.18s;
}
.js-about-anim .about.is-img-shown .about__img4 {
  transition-delay: 0.26s;
}
.js-about-anim .about.is-img-shown .about__circle4 {
  transition-delay: 0.32s;
}
.js-about-anim .about .title-top,
.js-about-anim .about__text,
.js-about-anim .about__container > a {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.js-about-anim .about.is-text-shown .title-top,
.js-about-anim .about.is-text-shown .about__text,
.js-about-anim .about.is-text-shown .about__container > a {
  opacity: 1;
  transform: translateY(0);
}
.js-about-anim .about.is-text-shown .about__text {
  transition-delay: 0.12s;
}
.js-about-anim .about.is-text-shown .about__container > a {
  transition-delay: 0.24s;
}

@media (min-width: 768px) {
  .js-about-anim .about {
    min-height: 140vh;
  }
  .js-about-anim .about__inner {
    position: sticky;
    top: 7.5rem;
  }
  .js-about-anim .top__bg {
    background-size: max(100%, calc((140vh + 48rem) * 2048 / 2444)) auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js-about-anim .about .title-top,
  .js-about-anim .about__text,
  .js-about-anim .about__container > a,
  .js-about-anim .about__img1,
  .js-about-anim .about__img2,
  .js-about-anim .about__img3,
  .js-about-anim .about__img4,
  .js-about-anim .about__circle1,
  .js-about-anim .about__circle2,
  .js-about-anim .about__circle3,
  .js-about-anim .about__circle4 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* cases */
.cases {
  margin-top: clamp(7rem, 5.542rem + 3.038vw, 9.188rem);
}
.cases .title-top__main {
  margin-bottom: clamp(2.5rem, 2.167rem + 0.694vw, 3rem);
}
.cases__inner,
.service__inner,
.reason__inner {
  padding-inline: 16px;
}
.cases__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 1036px;
  margin-inline: auto;
}
.cases__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100% - 16px) / 3);
  max-width: 340px;
  height: 64px;
  padding-inline: 12px;
  background-color: #fff;
  border-radius: 20px;
  font-size: clamp(0.875rem, 0.625rem + 0.521vw, 1.25rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.04em;
  color: #f6a700;
  text-align: center;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.16);
}

/* service */
.service {
  margin-top: clamp(4.938rem, 3.562rem + 2.865vw, 7rem);
}
.service .title-top__main {
  margin-bottom: clamp(2.5rem, 2.167rem + 0.694vw, 3rem);
}
.service__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  max-width: 1160px;
  margin-inline: auto;
}
.service__items > a {
  width: calc((100% - 40px) / 2);
  max-width: 560px;
}
.service__item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(1.5rem, 0.833rem + 1.389vw, 2.5rem);
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 8px 24px rgba(34, 34, 34, 0.16);
}
.service-item__img {
  width: 100%;
  height: auto;
  aspect-ratio: 480 / 296;
  object-fit: cover;
  border-radius: 20px;
}
.service-item__sub {
  margin-top: 40px;
  font-size: clamp(1rem, 0.917rem + 0.174vw, 1.125rem);
  font-weight: 700;
  line-height: 1;
  color: #a3a3a3;
}
.service-item__main {
  margin-top: 16px;
  margin-bottom: 48px;
  font-size: clamp(1.5rem, 1.167rem + 0.694vw, 2rem);
  font-weight: 700;
  line-height: 1.1;
  color: #222;
}
.service-item__circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin-top: auto;
  background-color: #fd7426;
  border-radius: 20px;
}
.service-item__icon {
  position: relative;
  z-index: 1;
  width: 18px;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s;
}
.service-item__circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 15px;
  background-image: url("https://an-llc.jp/system_panel/uploads/images/20260824110343453138.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%) translateX(-64px);
  transition: transform 0.5s;
}
.service__items > a:hover .service__item {
  animation: hover-bounce 0.5s ease 1;
}
.service__items > a:hover .service-item__icon {
  transform: translateX(64px);
}
.service__items > a:hover .service-item__circle::before {
  transform: translate(-50%, -50%) translateX(0);
}

/* reason */
.reason {
  padding-top: 112px;
  padding-bottom: 112px;
  background-color: #fff;
}
.reason__container {
  max-width: 1069px;
  margin-inline: auto;
}
.reason .title-top__main {
  margin-bottom: clamp(2.5rem, 2.167rem + 0.694vw, 3rem);
}
.reason__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1.5rem, -0.833rem + 4.86vw, 5rem);
}
.reason__item {
  flex: 1 1 0;
  min-width: 0;
  max-width: 303px;
}
.reason-item__top {
  position: relative;
  min-height: clamp(9.438rem, 7.396rem + 4.253vw, 12.5rem);
}
.reason-item-top__number {
  position: relative;
  z-index: 1;
  padding-top: clamp(6.75rem, 5.208rem + 3.212vw, 9.062rem);
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.4;
  color: #f6a700;
}
.reason-item-top__circle {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(9.438rem, 7.396rem + 4.253vw, 12.5rem);
  height: clamp(9.438rem, 7.396rem + 4.253vw, 12.5rem);
  background-color: #fffde1;
  border-radius: 50%;
}
.reason-item-top__icon {
  width: 64px;
  height: auto;
  object-fit: contain;
}
#wrapper .reason-item-top__circle {
  z-index: 2;
}
.reason-item__title {
  margin-top: 24px;
  font-size: clamp(1.375rem, 0.958rem + 0.87vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
  color: #222;
}
.reason-item__text {
  margin-top: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  color: #1a1a1a;
}
.quality {
  margin-top: clamp(2.5rem, 0.833rem + 3.472vw, 5rem);
  padding: 24px clamp(2rem, -0.833rem + 5.9vw, 6.25rem);
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 20px;
}
.quality__title {
  margin-bottom: clamp(1rem, 1.833rem - 0.694vw, 1.5rem);
  font-size: clamp(1.125rem, 0.875rem + 0.521vw, 1.5rem);
  font-weight: 700;
  line-height: 1.08;
  color: #222;
}
.quality__items {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 1.5rem - 1.042vw, 1rem);
}
.quality__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.quality-item__left {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: clamp(10rem, 8.333rem + 3.472vw, 12.5rem);
  height: clamp(2.125rem, 1.875rem + 0.521vw, 2.5rem);
  background-color: #a3dff1;
  border-radius: 10px;
  font-size: clamp(1rem, 0.917rem + 0.174vw, 1.125rem);
  font-weight: 700;
  line-height: 1;
  color: #222;
}
.quality-item__icon {
  flex-shrink: 0;
  width: 28px;
  height: auto;
  object-fit: contain;
}
.quality-item__right {
  flex: 1;
  min-width: 0;
  font-size: clamp(0.875rem, 0.833rem + 0.087vw, 0.938rem);
  font-weight: 400;
  line-height: 1.13;
  color: #1a1a1a;
}

/* cast */
.cast {
  overflow-x: clip;
  padding-top: clamp(1.75rem, 3rem - 1.042vw, 2.5rem);
  padding-bottom: clamp(1.75rem, 3rem - 1.042vw, 2.5rem);
  background: radial-gradient(ellipse at center, #f6a701 0%, #ffd248 100%);
}
.cast__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cast__photos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cast__photo {
  position: absolute;
  width: clamp(12.5rem, 7.5rem + 10.417vw, 20rem);
  aspect-ratio: 1;
}
.cast__photo--01 {
  top: calc(40 / 720 * 100%);
  left: clamp(-2.625rem, -0.75rem - 1.563vw, -1.5rem);
}
.cast__photo--02 {
  top: calc(360 / 720 * 100%);
  left: clamp(1rem, -5.792rem + 14.149vw, 11.188rem);
}
.cast__photo--03 {
  top: calc(40 / 720 * 100%);
  left: clamp(11.5rem, 2.5rem + 18.75vw, 25rem);
}
.cast__photo--04 {
  top: calc(40 / 720 * 100%);
  left: clamp(24rem, -10rem + 70.833vw, 75rem);
}
.cast__photo--05 {
  top: calc(360 / 720 * 100%);
  left: clamp(34.5rem, -1.708rem + 75.434vw, 88.812rem);
}
.cast__photo--06 {
  top: calc(40 / 720 * 100%);
  left: clamp(37rem, -6.75rem + 91.146vw, 102.625rem);
}
.cast-photo__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.cast-photo__text {
  position: absolute;
  left: 50%;
  bottom: max(1.25rem, calc(44 / 320 * 100%));
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(7.5rem, calc(184 / 320 * 100%));
  height: max(1.688rem, calc(40 / 320 * 100%));
  background-color: #ffc065;
  border-radius: 24px;
  font-size: clamp(0.75rem, 0.5rem + 0.521vw, 1.125rem);
  font-weight: 700;
  line-height: 1;
  color: #222;
  white-space: nowrap;
  transform: translateX(-50%);
}
.cast__content {
      position: relative;
    z-index: 1;
    width: clamp(25rem, -10rem + 43.75vw, 42.5rem);
    max-width: calc(100% - 32px);
    margin-inline: auto;
    padding: clamp(2rem, 1.667rem + 0.694vw, 2.5rem) clamp(1.5rem, -8rem + 11.88vw, 6.25rem) clamp(2rem, 1.083rem + 1.91vw, 3.375rem);
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 8px 24px rgba(34, 34, 34, 0.16);
    text-align: center;
}
.cast__en {
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 0.667rem + 0.694vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
  color: #f6a700;
}
.cast__label {
  margin-top: 16px;
  font-size: clamp(1.25rem, 1.083rem + 0.347vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
  color: #222;
}
.cast__title {
  margin-top: 32px;
  font-size: clamp(2.5rem, 1.833rem + 1.389vw, 3.5rem);
  font-weight: 700;
  line-height: 1.29;
  color: #222;
}
.cast__text {
  margin-top: 40px;
  font-size: clamp(0.875rem, 0.792rem + 0.174vw, 1rem);
  font-weight: 400;
  line-height: 2;
  color: #1a1a1a;
}
.cast__content > a {
  display: block;
  margin-top: 56px;
}
.cast__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  background-color: #fd7426;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(34, 34, 34, 0.16);
}
.cast-btn__circle {
  position: absolute;
  top: 50%;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 10px;
  transform: translateY(-50%);
}
.cast-btn__icon {
  position: relative;
  z-index: 1;
  width: 16px;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s;
}
.cast-btn__circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 14px;
  background-image: url("https://an-llc.jp/system_panel/uploads/images/20260821115647579294.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%) translateX(-56px);
  transition: transform 0.5s;
}
.cast-btn__text {
  font-size: clamp(1.25rem, 1.083rem + 0.347vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.cast__content > a:hover .cast__btn {
  animation: hover-bounce 0.5s ease 1;
}
.cast__content > a:hover .cast-btn__icon {
  transform: translateX(56px);
}
.cast__content > a:hover .cast-btn__circle::before {
  transform: translate(-50%, -50%) translateX(0);
}

#wrapper .cast__photos {
  z-index: 2;
  pointer-events: none;
}
#wrapper .cast__photo {
  pointer-events: auto;
}

/* flow */
.flow {
  padding-top: 112px;
  padding-bottom: clamp(10rem, 4.167rem + 12.15vw, 18.75rem);
  background: radial-gradient(ellipse at center, #fee4b8 0%, #fffde0 100%);
}
.flow__inner {
  padding-inline: clamp(1rem, -13.333rem + 29.861vw, 22.5rem);
}
.flow__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  max-width: 1200px;
  margin-inline: auto;
}
.flow__container > a {
  display: block;
  width: 100%;
}
.flow__container > a:last-child {
  max-width: 960px;
}
.flow__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  max-width: 100%;
  padding: clamp(1.5rem, 0.5rem + 2.083vw, 3rem) 48px clamp(1.5rem, 0.5rem + 2.083vw, 3rem) 80px;
  background-color: #f6a700;
  border-radius: clamp(1.25rem, 0.833rem + 0.868vw, 1.875rem);
  box-shadow: 0 8px 24px rgba(34, 34, 34, 0.16);
}
.flow-btn__text {
  font-size: clamp(1.5rem, 1.167rem + 0.694vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  white-space: nowrap;
}
.flow-btn__circle {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 20px;
}
.flow-btn__icon {
  position: relative;
  z-index: 1;
  width: 18px;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s;
}
.flow-btn__circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 15px;
  background-image: url("https://an-llc.jp/system_panel/uploads/images/20260821115647579294.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%) translateX(-64px);
  transition: transform 0.5s;
}
.flow__container > a:hover .flow__btn {
  animation: hover-bounce 0.5s ease 1;
}
.flow__container > a:hover .flow-btn__icon {
  transform: translateX(64px);
}
.flow__container > a:hover .flow-btn__circle::before {
  transform: translate(-50%, -50%) translateX(0);
}

.insta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.insta__text {
  font-size: clamp(1rem, 0.833rem + 0.347vw, 1.25rem);
  font-weight: 700;
  line-height: 1.25;
  color: #222;
  text-align: center;
}
.insta a {
  display: block;
}
.insta__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 320px;
  max-width: 100%;
  height: 96px;
  background-color: #fff;
  border: 3px solid #fd7426;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(34, 34, 34, 0.16);
}
.insta-btn__icon {
  flex-shrink: 0;
  width: 32px;
  height: auto;
  object-fit: contain;
}
.insta-btn__text {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  color: #fd7426;
}
.insta a:hover .insta__btn {
  animation: hover-bounce 0.5s ease 1;
}

.cta__box {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.cta__bg {
  width: 100%;
  height: auto;
}
.cta__brn {
  position: absolute;
  right: 32px;
  bottom: 24px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 272px;
  height: 72px;
  padding: 0 16px 0 24px;
  background-color: #fd7426;
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(34, 34, 34, 0.16);
}
.cta-btn__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.cta-btn__circle {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
}
.cta-btn__icon {
  position: relative;
  z-index: 1;
  width: 14px;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s;
}
.cta-btn__circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 12px;
  background-image: url("https://an-llc.jp/system_panel/uploads/images/20260823102623872897.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%) translateX(-40px);
  transition: transform 0.5s;
}
.flow__container > a:hover .cta__box {
  animation: hover-bounce 0.5s ease 1;
}
.flow__container > a:hover .cta-btn__icon {
  transform: translateX(40px);
}
.flow__container > a:hover .cta-btn__circle::before {
  transform: translate(-50%, -50%) translateX(0);
}

@media (max-width: 1199px) {
  .top__bg {
    background-size: 1920px auto;
  }
}

@media (max-width: 767px) {
  .fv__inner {
    width: 100%;
    padding-top: clamp(11.25rem, 48vw, 23.01rem);
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .fv__container {
    min-height: 0;
    aspect-ratio: 375 / 632;
    background-image: url("https://an-llc.jp/system_panel/uploads/images/top-fv-img-sp.png");
    border-radius: clamp(3.125rem, 13.333vw, 6.392rem) clamp(3.125rem, 13.333vw, 6.392rem) 0 0;
  }
  .fv__left {
    top: clamp(1.25rem, 5.333vw, 2.557rem);
  }
  .fv__right {
    width: 100%;
  }
  .fv__title {
    width: clamp(26.125rem, 111.467vw, 53.434rem);
    margin-top: clamp(-18.05rem, -37.653vw, -8.825rem);
    margin-left: clamp(-2.748rem, -5.733vw, -1.344rem);
  }
  .fv-title__sub {
    top: clamp(1.205rem, 6.027vw, 2.889rem);
    left: clamp(1.771rem, 8.853vw, 4.244rem);
    font-size: clamp(0.747rem, 3.733vw, 1.79rem);
    transform: rotate(-3deg);
  }
  .fv {
    position: relative;
    z-index: 0;
  }
  .fv-right__text1 {
    top: clamp(6.438rem, 27.467vw, 13.167rem);
    right: clamp(0.427rem, 2.133vw, 1.023rem);
    width: clamp(8.56rem, 42.8vw, 20.517rem);
  }
  .fv-right__text2 {
    top: clamp(20.062rem, 85.6vw, 41.035rem);
    right: clamp(13.44rem, 67.2vw, 32.214rem);
    width: clamp(4.907rem, 24.533vw, 11.761rem);
  }
  .fv-right__text3 {
    top: clamp(18.5rem, 78.933vw, 37.839rem);
    right: clamp(0.853rem, 4.267vw, 2.045rem);
    width: clamp(6.329rem, 31.644vw, 15.169rem);
  }
  .fv-right__text4 {
    top: clamp(14.094rem, 60.133vw, 28.826rem);
    right: clamp(7.36rem, 36.8vw, 17.641rem);
    width: clamp(6.925rem, 34.626vw, 16.599rem);
  }
  .circle1,
  .circle2,
  .circle3,
  .circle4,
  .circle7 {
    display: none;
  }
  .circle5 {
    top: clamp(9.813rem, 41.867vw, 20.07rem);
    right: clamp(9.6rem, 48vw, 23.01rem);
    width: clamp(0.8rem, 4vw, 1.917rem);
    height: clamp(0.8rem, 4vw, 1.917rem);
    border-width: 1px;
  }
  .circle6 {
    top: clamp(22.938rem, 97.867vw, 46.915rem);
    right: clamp(7.84rem, 39.2vw, 18.791rem);
    width: clamp(0.96rem, 4.8vw, 2.301rem);
    height: clamp(0.96rem, 4.8vw, 2.301rem);
    border-width: 1px;
  }

  .top__bg {
    margin-top: calc(-198 / 375 * 100vw);
    padding-top: clamp(2.625rem, 11.2vw, 5.373rem);
    background-size: calc(2100 / 375 * 100vw) auto;
  }

  .title-top__main--56 {
    line-height: 1.5;
  }
  .title-top__main--32 {
    line-height: 1.67;
  }
  .title-top__main--48 {
    line-height: 1.5;
  }

  .news__inner {
    padding-inline: clamp(1rem, 4.267vw, 2.045rem);
  }
  .newsLink {
    align-items: flex-start;
    height: auto;
    padding: 24px;
  }
  .newsItemBottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .newsItemCate {
    height: 23px;
  }
  .newsItemTit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.43;
    white-space: normal;
  }

  .about {
    margin-top: 112px;
  }
  .about .title-top,
  .about__text,
  .about__container > a {
    width: auto;
    max-width: none;
  }
  .about .title-top__main,
  .about__text {
    white-space: normal;
  }
  .about .title-top {
    padding-inline: 24px;
  }
  .about__container {
    min-height: 0;
    padding-top: clamp(16.562rem, 70.667vw, 33.876rem);
    padding-bottom: clamp(15.438rem, 65.867vw, 31.575rem);
  }
  .about__text {
    padding-inline: 24px;
  }
  .about__img1 {
    top: 0;
    right: auto;
    left: calc(225 / 375 * 100%);
    width: calc(111 / 375 * 100%);
  }
  .about__circle1 {
    top: calc(46 / 375 * 100vw);
    right: auto;
    left: calc(215 / 375 * 100%);
    width: calc(78 / 375 * 100%);
  }
  .about__img2 {
    top: auto;
    right: auto;
    bottom: calc(47 / 375 * 100vw);
    left: calc(175 / 375 * 100%);
    width: calc(160 / 375 * 100%);
  }
  .about__circle2 {
    top: auto;
    right: auto;
    bottom: calc(171 / 375 * 100vw);
    left: calc(100 / 375 * 100%);
    width: calc(27 / 375 * 100%);
    background-color: #a3dff1;
  }
  .about__img3 {
    top: calc(53 / 375 * 100vw);
    right: auto;
    left: calc(30 / 375 * 100%);
    width: calc(172 / 375 * 100%);
  }
  .about__circle3 {
    top: calc(161 / 375 * 100vw);
    right: auto;
    left: calc(184 / 375 * 100%);
    width: calc(36 / 375 * 100%);
  }
  .about__img4 {
    top: auto;
    right: auto;
    bottom: 0;
    left: calc(43 / 375 * 100%);
    width: calc(113 / 375 * 100%);
  }
  .about__circle4 {
    display: none;
  }

  .cases {
    margin-top: 112px;
  }
  .cases__inner {
    padding-inline: clamp(0.75rem, 3.2vw, 1.534rem);
  }
  .cases__item {
    width: calc((100% - 8px) / 2);
    max-width: none;
    height: 56px;
  }

  .service {
    margin-top: 79px;
  }
  .service__inner,
  .reason__inner {
    padding-inline: clamp(1rem, 4.267vw, 2.045rem);
  }
  .service__items {
    flex-direction: column;
    align-items: center;
    gap: clamp(1.5rem, 6.4vw, 3.068rem);
  }
  .service__items > a {
    width: 100%;
    max-width: 343px;
  }
  .service-item__img {
    aspect-ratio: 295 / 182;
  }
  .service-item__sub {
    margin-top: 24px;
  }
  .service-item__main {
    margin-bottom: 32px;
  }

  .reason__items {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .reason__item {
    flex: none;
    width: 100%;
    max-width: 303px;
  }
  .reason-item-top__number {
    font-size: 32px;
  }
  .reason-item-top__circle {
    right: 0;
    left: 0;
    margin-inline: auto;
  }
  .reason-item__title {
    line-height: 1.67;
    color: #1a1a1a;
    font-size: 24px;
  }
  .quality__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .quality-item__icon {
    display: none;
  }
  .quality-item__right {
    line-height: 1.43;
  }

  .cast {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .cast__container {
    flex-direction: column-reverse;
    min-height: 0;
  }
  .cast__photos {
    position: relative;
    height: calc(312 / 375 * 100vw);
  }
  .cast__photo {
    width: calc(166 / 375 * 100%);
  }
  .cast__photo--01 {
    top: 0;
    left: calc(-92 / 375 * 100%);
  }
  .cast__photo--02 {
    top: calc(146 / 312 * 100%);
    left: calc(23 / 375 * 100%);
  }
  .cast__photo--03 {
    top: 0;
    left: calc(138 / 375 * 100%);
  }
  .cast__photo--04 {
    top: calc(146 / 312 * 100%);
    left: calc(253 / 375 * 100%);
  }
  .cast__photo--05 {
    top: 0;
    left: calc(368 / 375 * 100%);
  }
  .cast__photo--06 {
    top: calc(146 / 312 * 100%);
    left: calc(483 / 375 * 100%);
  }
  .cast-photo__text {
    bottom: calc(20 / 166 * 100%);
  }
  .cast__content {
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
    padding: 40px 8px;
  }
  .cast__label {
    margin-top: 8px;
  }
  .cast__title {
    margin-top: 24px;
    line-height: 1.2;
  }
  .cast__text {
    line-height: 1.43;
  }
  .cast__content > a {
    margin-top: 40px;
  }
  .cast__btn {
        max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .flow__container {
    gap: 64px;
  }
  .flow__container > a:last-child {
    width: calc(100% + 32px);
    max-width: none;
    margin-inline: -16px;
  }
  .flow__btn {
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    width: 100%;
    max-width: 343px;
    margin-inline: auto;
    padding: 24px 16px;
    border-radius: 20px;
  }
  .flow-btn__text {
    white-space: normal;
    text-align: center;
    font-size: 24px;
    line-height: 1.67;
  }
  .insta__text {
    font-size: 16px;
  }
  .cta__brn {
    right: 0;
    left: 0;
    margin-inline: auto;
  }
}

@media (max-width: 374px) {
  .fv__inner {
    padding-top: clamp(9.6rem, 48vw, 11.25rem);
  }
  .fv__container {
    border-radius: clamp(2.667rem, 13.333vw, 3.125rem) clamp(2.667rem, 13.333vw, 3.125rem) 0 0;
  }
  .fv__left {
    top: clamp(1.067rem, 5.333vw, 1.25rem);
  }
  .fv__title {
    width: clamp(22.293rem, 111.467vw, 26.125rem);
    margin-top: clamp(-8.825rem, -37.653vw, -7.531rem);
    margin-left: clamp(-1.344rem, -5.733vw, -1.147rem);
  }
  .fv-title__sub {
    top: clamp(0rem, -7.407rem + 37.04vw, 1.25rem);
  }
  .fv-right__text1 {
    top: clamp(5.493rem, 27.467vw, 6.438rem);
  }
  .fv-right__text2 {
    top: clamp(17.12rem, 85.6vw, 20.062rem);
  }
  .fv-right__text3 {
    top: clamp(15.787rem, 78.933vw, 18.5rem);
  }
  .fv-right__text4 {
    top: clamp(12.027rem, 60.133vw, 14.094rem);
  }
  .circle5 {
    top: clamp(8.373rem, 41.867vw, 9.813rem);
  }
  .circle6 {
    top: clamp(19.573rem, 97.867vw, 22.938rem);
  }

  .top__bg {
    padding-top: clamp(2.24rem, 11.2vw, 2.625rem);
    background-size: calc(2560 / 375 * 100vw) auto;
  }

  .title-top__main--56 {
    font-size: clamp(1.625rem, 0.144rem + 7.41vw, 1.875rem);
  }
  .title-top__main--48 {
    font-size: clamp(1.707rem, 8.533vw, 2rem);
  }
  .title-top__main--32 {
    font-size: clamp(1.28rem, 6.4vw, 1.5rem);
  }

  .news__inner {
    padding-inline: clamp(0.853rem, 4.267vw, 1rem);
  }
  .newsLink {
    padding: clamp(1.28rem, 6.4vw, 1.5rem);
  }
  .newsItemBottom {
    gap: clamp(0.853rem, 4.267vw, 1rem);
  }
  .newsItemCate {
    min-width: 0;
    height: clamp(1.227rem, 6.133vw, 1.438rem);
    padding: 0 12px;
  }

  .about {
    margin-top: clamp(5.973rem, 29.867vw, 7rem);
  }
  .about .title-top {
    padding-inline: clamp(1.6rem, 8vw, 1.875rem);
  }
  .about__container {
    padding-top: clamp(14.133rem, 70.667vw, 16.562rem);
    padding-bottom: clamp(13.173rem, 65.867vw, 15.438rem);
  }
  .about__text {
    padding-inline: clamp(2.133rem, 10.667vw, 2.5rem);
    font-size: clamp(0.875rem, 4.267vw, 1rem);
  }
  .about__btn {
    padding-inline: clamp(1.28rem, 6.4vw, 1.5rem);
  }

  .cases {
    margin-top: clamp(5.973rem, 29.867vw, 7rem);
  }
  .cases__inner {
    padding-inline: clamp(0.64rem, 3.2vw, 0.75rem);
  }
  .cases__item {
    width: 100%;
    height: clamp(2.987rem, 14.933vw, 3.5rem);
  }

  .service {
    margin-top: clamp(4.213rem, 21.067vw, 4.938rem);
  }
  .service__inner,
  .reason__inner {
    padding-inline: clamp(0.853rem, 4.267vw, 1rem);
  }
  .service__items {
    gap: clamp(1.28rem, 6.4vw, 1.5rem);
  }
  .service-item__sub {
    margin-top: clamp(1.28rem, 6.4vw, 1.5rem);
  }
  .service-item__main {
    margin-bottom: clamp(1.707rem, 8.533vw, 2rem);
  }

  .reason {
    padding-top: clamp(5.973rem, 29.867vw, 7rem);
    padding-bottom: clamp(5.973rem, 29.867vw, 7rem);
  }
  .reason__items {
    gap: clamp(2.133rem, 10.667vw, 2.5rem);
  }
  .reason-item__top {
    min-height: clamp(8.053rem, 40.267vw, 9.438rem);
  }
  .reason-item-top__number {
    padding-top: clamp(5.76rem, 28.8vw, 6.75rem);
    font-size: clamp(1.707rem, 8.533vw, 2rem);
  }
  .reason-item-top__circle {
    width: clamp(8.053rem, 40.267vw, 9.438rem);
    height: clamp(8.053rem, 40.267vw, 9.438rem);
  }
  .reason-item__title {
    font-size: clamp(1.28rem, 6.4vw, 1.5rem);
  }
  .quality {
    margin-top: clamp(2.133rem, 10.667vw, 2.5rem);
    padding: clamp(1.28rem, 6.4vw, 1.5rem);
  }
  .quality__title {
    font-size: clamp(0.96rem, 4.8vw, 1.125rem);
  }

  .cast {
    padding-top: clamp(4.267rem, 21.333vw, 5rem);
    padding-bottom: clamp(4.267rem, 21.333vw, 5rem);
  }
  .cast__photos {
    height: clamp(16.64rem, 83.2vw, 19.5rem);
  }
  .cast__content {
    margin-bottom: clamp(2.133rem, 10.667vw, 2.5rem);
    padding: clamp(2.133rem, 10.667vw, 2.5rem) clamp(0.427rem, 2.133vw, 0.5rem);
  }
  .cast__title {
    font-size: 28px;
  }
  .cast__text {
    font-size: 12px;
  }
  .cast-btn__circle {
        width: 40px;
    height: 40px;
  }
  .cast-btn__text {
    font-size: 18px;
  }

  .flow {
    padding-top: clamp(5.973rem, 29.867vw, 7rem);
  }
  .flow__inner {
    padding-inline: clamp(0.853rem, 4.267vw, 1rem);
  }
  .flow__container {
    gap: clamp(3.413rem, 17.067vw, 4rem);
  }
  .flow__container > a:last-child {
    width: calc(100% + 2 * clamp(0.853rem, 4.267vw, 1rem));
    margin-inline: calc(-1 * clamp(0.853rem, 4.267vw, 1rem));
  }
  .flow-btn__text {
    font-size: clamp(1.28rem, 6.4vw, 1.5rem);
  }
  .insta__text {
    font-size: clamp(0.853rem, 4.267vw, 1rem);
  }
  .insta__btn {
    height: clamp(5.12rem, 25.6vw, 6rem);
    width: 280px;
  }
  .insta-btn__text {
    font-size: clamp(1.28rem, 6.4vw, 1.5rem);
  }
}