.mv__body {
  position: relative;
  padding-block-start: clamp(220px, 136.3383010432px + 10.8792846498vw, 293px);
}
.mv__text {
  position: absolute;
  inset-block-start: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  inset-inline-start: clamp(15px, -36.5722801788px + 6.7064083458vw, 60px);
  z-index: 750;
}
.mv__title {
  margin-block-end: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
  font-size: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
  font-weight: 700;
  line-height: 1.5;
}
.mv__title span {
  color: #00a1e9;
  font-weight: 700;
}
.mv__lead {
  display: inline-block;
  padding: clamp(6px, 3.7078986587px + 0.2980625931vw, 8px) clamp(9px, 5.5618479881px + 0.4470938897vw, 12px);
  background-color: #00a1e9;
  line-height: 1;
}
.mv__lead span {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  color: #fff;
  font-weight: 700;
}
.mv__video {
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  overflow: hidden;
}
.mv .c-deco--01 {
  inset-block-start: 16.5%;
  inset-inline-end: 5.7%;
  inline-size: 14.705%;
}
.mv .c-deco--02 {
  inset-block-start: 80.7%;
  inset-inline-start: 6.5%;
  inline-size: 5.514%;
}
.mv .c-deco--03 {
  inset-block-start: 89%;
  inset-inline-start: 14%;
  inline-size: 13.97%;
}

@media screen and (max-width: 768px) {
  .mv__body {
    padding-block-start: clamp(22px, 7.8108108108px + 3.7837837838vw, 29px);
  }
  .mv__text {
    position: static;
    transform: translateX(0%);
    inline-size: 95%;
    margin-block-end: clamp(17px, 4.8378378378px + 3.2432432432vw, 23px);
    margin-inline: auto;
  }
  .mv__title {
    margin-block-end: clamp(15px, 4.8648648649px + 2.7027027027vw, 20px);
    font-size: clamp(32px, -14.6216216216px + 12.4324324324vw, 55px);
  }
  .mv__lead {
    display: flex;
    flex-direction: column;
    gap: clamp(7px, 0.9189189189px + 1.6216216216vw, 10px);
    padding: 0;
    background-color: transparent;
  }
  .mv__lead span {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    padding: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px) clamp(7px, 0.9189189189px + 1.6216216216vw, 10px);
    background-color: #00a1e9;
    font-size: clamp(27px, 8.7567567568px + 4.8648648649vw, 36px);
  }
  .mv__video {
    border-radius: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
  .mv .c-deco--01 {
    inset-block-start: 28.5%;
    inset-inline-end: -1.4%;
    inline-size: 28.358%;
  }
  .mv .c-deco--02 {
    inset-block-start: 86.5%;
    inset-inline-start: -1.4%;
    inline-size: 8.955%;
  }
  .mv .c-deco--03 {
    inset-block-start: 93.7%;
    inset-inline-start: 6.5%;
    inline-size: 22.388%;
  }
}
.intro {
  position: relative;
  padding-block: clamp(120px, 74.1579731744px + 5.9612518629vw, 160px) clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
  overflow: hidden;
}
.intro__body {
  display: grid;
  grid-template-columns: calc(50% - clamp(45px, -6.5722801788px + 6.7064083458vw, 90px)) 50%;
  align-items: start;
  gap: clamp(45px, -6.5722801788px + 6.7064083458vw, 90px);
  margin-block-end: clamp(120px, 74.1579731744px + 5.9612518629vw, 160px);
}
.intro__title {
  row-gap: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  margin-block-end: clamp(57px, 35.2250372578px + 2.8315946349vw, 76px);
}
.intro__title span {
  padding: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px) clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
  font-size: clamp(38px, 17.3710879285px + 2.6825633383vw, 56px);
}
.intro__image {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 1/1;
}
.intro__image img {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: auto;
  block-size: 100%;
  border-radius: 0 clamp(8px, 5.7078986587px + 0.2980625931vw, 10px) clamp(8px, 5.7078986587px + 0.2980625931vw, 10px) 0;
}
.intro__content {
  padding-block-start: clamp(30px, -73.1445603577px + 13.4128166915vw, 120px);
}
.intro__text {
  font-weight: 700;
  line-height: 2.5;
}
.intro__text + .intro__text {
  margin-block-start: calc(clamp(14px, 9.4157973174px + 0.5961251863vw, 18px) * 2.5);
}
.intro__slide {
  inline-size: clamp(225px, 139.0461997019px + 11.1773472429vw, 300px);
  padding-inline: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.intro__slide:nth-child(2n) {
  padding-block-start: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.intro__slide:nth-child(4n+3) {
  padding-block-start: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
}
.intro__slide img {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.intro .c-deco--01 {
  inset-block-start: 9.5%;
  inset-inline-end: 8%;
  inline-size: 5.208%;
}
.intro .c-deco--02 {
  inset-block-start: 58.5%;
  inset-inline-start: 35.7%;
  inline-size: 10.416%;
}

@media screen and (min-width: 1441px) {
  .intro__image img {
    border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .intro {
    padding-block: clamp(80px, 31.3513513514px + 12.972972973vw, 104px) clamp(40px, 15.6756756757px + 6.4864864865vw, 52px);
  }
  .intro__body {
    grid-template-columns: 1fr;
    gap: clamp(60px, 23.5135135135px + 9.7297297297vw, 78px);
    margin-block-end: clamp(40px, 15.6756756757px + 6.4864864865vw, 52px);
  }
  .intro__title {
    row-gap: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
    margin-block-end: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
  }
  .intro__title span {
    padding: clamp(8px, 1.9189189189px + 1.6216216216vw, 11px);
    font-size: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
  }
  .intro__image {
    inline-size: 90%;
    aspect-ratio: 1/0.78;
  }
  .intro__image img {
    max-inline-size: 450px;
    border-radius: 0 clamp(5px, 0.9459459459px + 1.0810810811vw, 7px) clamp(5px, 0.9459459459px + 1.0810810811vw, 7px) 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center right;
       object-position: center right;
  }
  .intro__content {
    padding-block-start: 0;
  }
  .intro__text + .intro__text {
    margin-block-start: calc(clamp(16px, 5.8648648649px + 2.7027027027vw, 21px) * 2.5);
  }
  .intro__slide {
    inline-size: clamp(170px, 66.6216216216px + 27.5675675676vw, 221px);
    padding-inline: clamp(7.5px, 2.4324324324px + 1.3513513514vw, 10px);
  }
  .intro__slide:nth-child(2n) {
    padding-block-start: clamp(15px, 4.8648648649px + 2.7027027027vw, 20px);
  }
  .intro__slide:nth-child(4n+3) {
    padding-block-start: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
  }
  .intro__slide img {
    border-radius: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
  }
  .intro .c-deco--01 {
    inset-block-start: 9.7%;
    inset-inline-end: 5.5%;
    inline-size: 8%;
  }
  .intro .c-deco--02 {
    inset-block-start: 28.3%;
    inset-inline-start: auto;
    inset-inline-end: 5.5%;
    inline-size: 16%;
  }
}
.workflow {
  padding-block: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px) clamp(90px, 55.6184798808px + 4.4709388972vw, 120px);
}
.workflow__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
}
.workflow__text {
  margin-block-end: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
}
.workflow__image {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}

@media screen and (max-width: 768px) {
  .workflow {
    padding-block: clamp(40px, 15.6756756757px + 6.4864864865vw, 52px) clamp(60px, 23.5135135135px + 9.7297297297vw, 78px);
  }
  .workflow__body {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .workflow__text {
    margin-block-end: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
  }
  .workflow__image {
    margin-block-end: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
    border-radius: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
  }
}
.pickup {
  padding-block: clamp(90px, 55.6184798808px + 4.4709388972vw, 120px);
  background-color: #fafafa;
}
.pickup__body {
  position: relative;
}
.pickup .slick-list {
  padding-inline-start: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.pickup__card {
  inline-size: clamp(225px, 139.0461997019px + 11.1773472429vw, 300px);
  margin-inline: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.pickup__link {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 1/1.3;
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  overflow: hidden;
}
.pickup__image {
  transition: transform 0.3s ease;
}
.pickup__content {
  position: absolute;
  inset-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  inset-inline-start: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  inline-size: 93%;
  padding-block: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  padding-inline: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px) clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: rgba(255, 255, 255, 0.9);
}
.pickup__text {
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 1.6;
}
.pickup__circle {
  display: none;
}
.pickup__controls {
  position: absolute;
  z-index: 750;
  inset-block-start: calc(0% - clamp(45px, 27.8092399404px + 2.2354694486vw, 60px));
  inset-inline-end: clamp(38px, -113.2786885246px + 19.6721311475vw, 170px);
  transform: translateY(-100%);
}
.pickup__dots {
  display: none;
}
.pickup__arrows {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.pickup__arrows .slick-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
  inline-size: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
  border-radius: 100%;
  background-color: #e3f3fd;
}
.pickup__arrows .slick-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 100%;
  background-color: #e3f3fd;
  transition: transform 0.3s ease;
  will-change: transform;
}
.pickup__arrows .slick-arrow svg {
  position: relative;
  inline-size: clamp(9px, 5.5618479881px + 0.4470938897vw, 12px);
  color: #01a0e9;
}

@media (hover: hover) {
  .pickup__link:hover .pickup__image {
    transform: scale(1.1);
  }
  .pickup .slick-arrow:hover::before {
    transform: scale(1.1);
  }
}
.pickup__link:focus-visible .pickup__image {
  transform: scale(1.1);
}

.pickup .slick-arrow:focus-visible::before {
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .pickup {
    padding-block: clamp(60px, 23.5135135135px + 9.7297297297vw, 78px);
  }
  .pickup .slick-list {
    padding-inline-start: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
  }
  .pickup__cards {
    margin-block-end: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
  }
  .pickup__card {
    inline-size: clamp(250px, 97.972972973px + 40.5405405405vw, 325px);
    margin-inline: clamp(7.5px, 2.4324324324px + 1.3513513514vw, 10px);
  }
  .pickup__link {
    border-radius: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
  }
  .pickup__content {
    inset-block-end: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
    padding: clamp(15px, 4.8648648649px + 2.7027027027vw, 20px);
    border-radius: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
  }
  .pickup__circle {
    position: absolute;
    inset: 0;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    display: block;
    fill: transparent;
    stroke: #00a1e9;
    stroke-width: 4;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
  }
  .pickup__card.slick-active .pickup__circle {
    animation: circle 5s linear forwards;
  }
  @keyframes circle {
    to {
      stroke-dashoffset: 0;
    }
  }
  .pickup .c-circleArrow::before {
    display: none;
  }
  .pickup__controls {
    position: static;
    inset-block-start: 0;
    inset-inline-end: 0;
    transform: translateY(0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(30px, 11.7567567568px + 4.8648648649vw, 39px);
    inline-size: 90%;
    margin-inline: auto;
  }
  .pickup__dots {
    display: block;
  }
  .pickup__dots .slick-dots {
    gap: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
    margin: 0;
  }
  .pickup__dots .slick-dots li {
    inline-size: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
  .pickup__dots .slick-dots button {
    background-color: #d0d0d0;
  }
  .pickup__dots .slick-dots li.slick-active button {
    background-color: #00a1e9;
  }
  .pickup__arrows {
    gap: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
  }
  .pickup__arrows .slick-arrow {
    inline-size: clamp(60px, 23.5135135135px + 9.7297297297vw, 78px);
  }
  .pickup__arrows .slick-arrow svg {
    inline-size: clamp(10px, 3.9189189189px + 1.6216216216vw, 13px);
  }
}
.occupation {
  max-inline-size: 1440px;
  padding-block: clamp(90px, 55.6184798808px + 4.4709388972vw, 120px) clamp(120px, 74.1579731744px + 5.9612518629vw, 160px);
  margin-inline: auto;
}
.occupation__body {
  position: relative;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(60px, -43.1445603577px + 13.4128166915vw, 150px);
}
.occupation__content {
  position: sticky;
  inset-block-start: clamp(90px, 55.6184798808px + 4.4709388972vw, 120px);
  z-index: 750;
  padding-inline-start: clamp(20px, -151.9076005961px + 22.3546944858vw, 170px);
}
.occupation__text {
  margin-block-end: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px);
}
.occupation__list {
  display: grid;
  gap: clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
}
.occupation__link {
  position: relative;
}
.occupation__num {
  display: block;
  margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  color: #00a1e9;
  font-weight: 500;
}
.occupation__figure {
  position: relative;
}
.occupation__image {
  aspect-ratio: 650/517;
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px) 0 0 clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.occupation__caption {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: clamp(124px, 77.0119225037px + 6.1102831595vw, 165px);
  padding-block: clamp(13px, 8.4157973174px + 0.5961251863vw, 17px);
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px) 0 clamp(8px, 5.7078986587px + 0.2980625931vw, 10px) 0;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 700;
  text-align: center;
}
.occupation__link .c-circleArrow {
  position: absolute;
  inset-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  inset-inline-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.occupation .c-deco--01 {
  inset-block-start: 30%;
  inset-inline-start: 2.7%;
  inline-size: 10.416%;
}
.occupation .c-deco--02 {
  inset-block-start: 69.5%;
  inset-inline-start: -5.7%;
  inline-size: 13.888%;
}

@media screen and (min-width: 1441px) {
  .occupation__image {
    border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .occupation {
    padding-block: clamp(60px, 23.5135135135px + 9.7297297297vw, 78px) clamp(80px, 31.3513513514px + 12.972972973vw, 104px);
  }
  .occupation__body {
    display: block;
    inline-size: 90%;
    max-inline-size: 500px;
    margin-inline: auto;
  }
  .occupation__content {
    position: relative;
    inset-block-start: 0;
    padding-inline-start: 0;
  }
  .occupation__text {
    margin-block-end: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
  }
  .occupation__list {
    position: relative;
    gap: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
    margin-block-end: clamp(25px, 8.7837837838px + 4.3243243243vw, 33px);
  }
  .occupation__num {
    margin-block-end: clamp(7.5px, 2.4324324324px + 1.3513513514vw, 10px);
    font-size: clamp(20px, 7.8378378378px + 3.2432432432vw, 26px);
  }
  .occupation__image {
    aspect-ratio: 670/450;
    border-radius: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px);
  }
  .occupation__caption {
    inline-size: clamp(115px, 44.0540540541px + 18.9189189189vw, 150px);
    padding-block: clamp(12px, 3.8918918919px + 2.1621621622vw, 16px);
    border-radius: clamp(5px, 0.9459459459px + 1.0810810811vw, 7px) 0 clamp(5px, 0.9459459459px + 1.0810810811vw, 7px) 0;
    font-size: clamp(17px, 4.8378378378px + 3.2432432432vw, 23px);
  }
  .occupation__link .c-circleArrow {
    inset-block-end: clamp(15px, 4.8648648649px + 2.7027027027vw, 20px);
    inset-inline-end: clamp(15px, 4.8648648649px + 2.7027027027vw, 20px);
  }
  .occupation .c-deco--01 {
    inset-block-start: 17.5%;
    inset-inline-start: auto;
    inset-inline-end: 0%;
    inline-size: 11.194%;
  }
  .occupation .c-deco--02 {
    inset-block-start: 95.5%;
    inset-inline-start: auto;
    inset-inline-end: -1%;
    inline-size: 28.358%;
  }
}
/*# sourceMappingURL=top.css.map */