html body .p-topFv {
  position: relative;
  padding: clamp(170.8px, 15.6295754026vw, 256.2px) 0 clamp(82.4px, 7.5402635432vw, 123.6px);
}
html body .p-topFv::after {
  content: "";
  position: absolute;
  left: clamp(632.8px, 57.906295754vw, 949.2px);
  top: clamp(0px, 0vw, 0px);
  width: clamp(460px, 42.093704246vw, 690px);
  height: clamp(354.4px, 32.4304538799vw, 531.6px);
  background-color: #fff;
  opacity: 0.15;
  pointer-events: none;
  -webkit-mask-image: url("../images/wave-fv.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/wave-fv.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-topFv__body {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
html body .p-topFv__body > * {
  pointer-events: auto;
}
html body .p-topFv__title,
html body .p-topFv__text {
  width: fit-content;
}
html body .p-topFv__text {
  margin-top: clamp(33.6px, 3.074670571vw, 50.4px);
}
html body .p-topFv__button {
  width: clamp(128px, 11.7130307467vw, 192px);
  margin-top: clamp(32.8px, 3.0014641288vw, 49.2px);
}
html body .p-topFv__photo {
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  object-fit: cover;
}
html body .p-topFv__photo--print {
  left: clamp(681.6px, 62.3718887262vw, 1022.4px);
  top: clamp(141.6px, 12.9575402635vw, 212.4px);
  width: clamp(240px, 21.9619326501vw, 360px);
  height: clamp(180px, 16.4714494876vw, 270px);
}
html body .p-topFv__photo--polyurethane {
  left: clamp(942.4px, 86.2371888726vw, 1413.6px);
  top: clamp(227.2px, 20.7906295754vw, 340.8px);
  width: clamp(134.4px, 12.298682284vw, 201.6px);
  height: clamp(94.4px, 8.6383601757vw, 141.6px);
}
html body .p-topFv__photo--rollers {
  left: clamp(573.6px, 52.4890190337vw, 860.4px);
  top: clamp(344px, 31.4787701318vw, 516px);
  width: clamp(248px, 22.6939970717vw, 372px);
  height: clamp(196px, 17.9355783309vw, 294px);
}
html body .p-topFv__photo--worker {
  left: clamp(847.2px, 77.5256222548vw, 1270.8px);
  top: clamp(344px, 31.4787701318vw, 516px);
  width: clamp(208px, 19.0336749634vw, 312px);
  height: clamp(144px, 13.17715959vw, 216px);
}
html body .p-topFv__watermark {
  position: absolute;
  z-index: 2;
  left: clamp(396.8px, 36.3103953148vw, 595.2px);
  top: clamp(449.6px, 41.1420204978vw, 674.4px);
  pointer-events: none;
  white-space: nowrap;
}
@media screen and (min-width: 1367px) {
  html body .p-topFv {
    aspect-ratio: 1366/728.5;
    padding-top: 15.6296%;
  }
  html body .p-topFv::after {
    left: auto;
    right: 0;
    width: 42.0937%;
    height: auto;
    aspect-ratio: 575/443;
  }
  html body .p-topFv .p-topFv__body {
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-left: 6.0761%;
  }
  html body .p-topFv__photo--print {
    left: 62.3719%;
    top: 24.2965%;
    width: 21.9619%;
    height: auto;
    aspect-ratio: 300/225;
  }
  html body .p-topFv__photo--polyurethane {
    left: 86.2372%;
    top: 38.9842%;
    width: 12.2987%;
    height: auto;
    aspect-ratio: 168/118;
  }
  html body .p-topFv__photo--rollers {
    left: 52.489%;
    top: 59.0254%;
    width: 22.694%;
    height: auto;
    aspect-ratio: 310/245;
  }
  html body .p-topFv__photo--worker {
    left: 77.5256%;
    top: 59.0254%;
    width: 19.0337%;
    height: auto;
    aspect-ratio: 260/180;
  }
  html body .p-topFv__watermark {
    left: 36.3104%;
    top: 77.1448%;
  }
}
@media screen and (max-width: 1093px) {
  html body .p-topFv {
    display: grid;
    grid-template-columns: calc((100% - min(clamp(550.4px, 89.5833333333vw, 825.6px), 100% - clamp(32px, 5.2083333333vw, 48px) * 2)) / 2) max-content minmax(0, 1fr) calc((100% - min(clamp(550.4px, 89.5833333333vw, 825.6px), 100% - clamp(32px, 5.2083333333vw, 48px) * 2)) / 2);
    align-items: start;
    padding: clamp(128px, 20.8333333333vw, 192px) 0 clamp(64px, 10.4166666667vw, 96px);
  }
  html body .p-topFv__body {
    grid-column: 2;
    grid-row: 1;
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-bottom: calc(8.2686676428vw + clamp(19.2px, 3.125vw, 28.8px));
  }
  html body .p-topFv__text {
    margin-top: clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topFv__button {
    width: 160px;
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
  }
  html body .p-topFv__photos {
    position: relative;
    z-index: 1;
    grid-column: 3;
    grid-row: 1;
    margin-left: clamp(25.6px, 4.1666666667vw, 38.4px);
    align-self: end;
    display: flex;
    flex-direction: column;
    gap: clamp(12.8px, 2.0833333333vw, 19.2px);
  }
  html body .p-topFv__photo {
    position: static;
    width: 85%;
    height: auto;
    aspect-ratio: 4/3;
  }
  html body .p-topFv__photo:nth-child(1) {
    align-self: flex-end;
  }
  html body .p-topFv__photo:nth-child(2) {
    align-self: flex-start;
  }
  html body .p-topFv__photo:nth-child(n+3) {
    display: none;
  }
  html body .p-topFv__watermark {
    grid-column: 2/-1;
    grid-row: 2;
    position: relative;
    left: auto;
    top: auto;
    width: fit-content;
    margin: -8.2686676428vw 0 0 auto;
  }
  html body .p-topFv::after {
    left: auto;
    right: 0;
    width: clamp(258.6237188873px, 42.093704246vw, 387.9355783309px);
    height: clamp(199.2527086384px, 32.4304538799vw, 298.8790629575px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-topFv {
    display: block;
    padding: clamp(96px, 32vw, 144px) 0 clamp(51.2px, 17.0666666667vw, 76.8px);
  }
  html body .p-topFv__body {
    padding-bottom: 0;
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-topFv__text {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-topFv__button {
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
  }
  html body .p-topFv__photos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12.8px, 4.2666666667vw, 19.2px);
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
    padding-bottom: clamp(19.2px, 6.4vw, 28.8px);
    width: clamp(268px, 89.3333333333vw, 402px);
    max-width: calc(100% - clamp(16px, 5.3333333333vw, 24px) * 2);
    margin-inline: auto;
  }
  html body .p-topFv__photo,
  html body .p-topFv__photo:nth-child(1),
  html body .p-topFv__photo:nth-child(2) {
    width: 100%;
    align-self: auto;
  }
  html body .p-topFv__photo:nth-child(n+3) {
    display: block;
  }
  html body .p-topFv__photo:nth-child(even) {
    translate: 0 clamp(19.2px, 6.4vw, 28.8px);
  }
  html body .p-topFv__watermark {
    margin: calc(calc(min(clamp(268px, 89.3333333333vw, 402px), 100vw - clamp(16px, 5.3333333333vw, 24px) * 2) / 5.949) * -0.753) calc((100% - min(clamp(268px, 89.3333333333vw, 402px), 100% - clamp(16px, 5.3333333333vw, 24px) * 2)) / 2) 0 auto;
  }
  html body .p-topFv::after {
    width: clamp(126.2811127379px, 42.093704246vw, 189.4216691069px);
    height: clamp(97.2913616398px, 32.4304538799vw, 145.9370424597px);
  }
}
html body .p-topAbout {
  position: relative;
  padding: clamp(85.6px, 7.8330893119vw, 128.4px) 0 clamp(96px, 8.78477306vw, 144px);
}
html body .p-topAbout::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: clamp(68px, 6.2225475842vw, 102px);
  background: #fff;
}
html body .p-topAbout::after {
  content: "";
  position: absolute;
  left: clamp(0px, 0vw, 0px);
  top: clamp(204px, 18.6676427526vw, 306px);
  width: clamp(533.6px, 48.8286969253vw, 800.4px);
  height: clamp(354.4px, 32.4304538799vw, 531.6px);
  background-color: #fff;
  opacity: 0.15;
  pointer-events: none;
  -webkit-mask-image: url("../images/wave-about.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/wave-about.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-topAbout__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: clamp(480px, 43.9238653001vw, 720px) 1fr;
}
html body .p-topAbout__head {
  padding-left: clamp(64px, 5.8565153734vw, 96px);
}
html body .p-topAbout__body {
  padding-top: clamp(28px, 2.5622254758vw, 42px);
}
html body .p-topAbout__text {
  margin-top: clamp(32px, 2.9282576867vw, 48px);
}
html body .p-topAbout__text p + p {
  margin-top: clamp(16px, 1.4641288433vw, 24px);
}
html body .p-topAbout__button {
  width: clamp(141.6px, 12.9575402635vw, 212.4px);
  margin-top: clamp(32.8px, 3.0014641288vw, 49.2px);
}
@media screen and (max-width: 1093px) {
  html body .p-topAbout {
    padding: clamp(64px, 10.4166666667vw, 96px) 0;
  }
  html body .p-topAbout::before {
    height: clamp(48px, 7.8125vw, 72px);
  }
  html body .p-topAbout::after {
    top: auto;
    bottom: 0;
    width: clamp(300.0035139092px, 48.8286969253vw, 450.0052708638px);
    height: clamp(199.2527086384px, 32.4304538799vw, 298.8790629575px);
  }
  html body .p-topAbout__inner {
    grid-template-columns: minmax(0, 1fr);
  }
  html body .p-topAbout__head {
    padding-left: 0;
  }
  html body .p-topAbout__body {
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
    padding-top: 0;
  }
  html body .p-topAbout__text {
    margin-top: clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topAbout__text p + p {
    margin-top: clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topAbout__button {
    display: flex;
    width: 177px;
    margin: clamp(38.4px, 6.25vw, 57.6px) auto 0;
  }
}
@media screen and (max-width: 767px) {
  html body .p-topAbout {
    padding: clamp(51.2px, 17.0666666667vw, 76.8px) 0;
  }
  html body .p-topAbout::before {
    height: clamp(32px, 10.6666666667vw, 48px);
  }
  html body .p-topAbout::after {
    width: clamp(146.486090776px, 48.8286969253vw, 219.729136164px);
    height: clamp(97.2913616398px, 32.4304538799vw, 145.9370424597px);
  }
  html body .p-topAbout__body {
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
  }
  html body .p-topAbout__text {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-topAbout__text p + p {
    margin-top: clamp(12.8px, 4.2666666667vw, 19.2px);
  }
  html body .p-topAbout__button {
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
  }
}
html body .p-topService {
  position: relative;
  z-index: 1;
  padding: clamp(86.4px, 7.906295754vw, 129.6px) 0 clamp(80px, 7.3206442167vw, 120px);
  border-radius: 30px;
  background: #fff;
  overflow: clip;
}
html body .p-topService::before {
  content: "";
  position: absolute;
  left: clamp(0px, 0vw, 0px);
  top: clamp(549.6px, 50.2928257687vw, 824.4px);
  width: clamp(533.6px, 48.8286969253vw, 800.4px);
  height: clamp(354.4px, 32.4304538799vw, 531.6px);
  background-color: #0276d9;
  opacity: 0.15;
  pointer-events: none;
  -webkit-mask-image: url("../images/wave-left.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/wave-left.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-topService__inner {
  position: relative;
  z-index: 1;
}
html body .p-topService__list {
  display: grid;
  grid-template-columns: repeat(2, clamp(416px, 38.0673499268vw, 624px));
  gap: clamp(40px, 3.6603221083vw, 60px);
  margin-top: clamp(35.2px, 3.2210834553vw, 52.8px);
  padding-left: clamp(40px, 3.6603221083vw, 60px);
}
html body .p-topService__card {
  display: block;
  position: relative;
  min-height: clamp(232px, 21.2298682284vw, 348px);
  border-radius: 5px;
  overflow: hidden;
}
html body .p-topService__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(59, 63, 88, 0.5);
  pointer-events: none;
}
html body .p-topService__card::after {
  content: "";
  position: absolute;
  left: clamp(28px, 2.5622254758vw, 42px);
  top: 0;
  z-index: 2;
  width: 49px;
  height: 28px;
  background: #0276d9;
}
html body .p-topService__card:nth-child(even) {
  translate: 0 clamp(32px, 2.9282576867vw, 48px);
}
html body .p-topService__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body .p-topService__icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: clamp(144px, 13.17715959vw, 216px);
  height: clamp(144px, 13.17715959vw, 216px);
}
html body .p-topService__body {
  position: relative;
  z-index: 3;
  padding: clamp(31.2px, 2.8550512445vw, 46.8px) clamp(28px, 2.5622254758vw, 42px) 0;
  pointer-events: none;
}
html body .p-topService__body > * {
  pointer-events: auto;
}
html body .p-topService__num,
html body .p-topService__title,
html body .p-topService__text {
  width: fit-content;
}
html body .p-topService__card + .p-topService__card .p-topService__body {
  padding-top: clamp(28px, 2.5622254758vw, 42px);
}
html body .p-topService__card:nth-child(4) .p-topService__body {
  padding-top: clamp(23.2px, 2.1229868228vw, 34.8px);
}
html body .p-topService__card:nth-child(4) .p-topService__title {
  margin-top: clamp(9.6px, 0.878477306vw, 14.4px);
}
html body .p-topService__title {
  margin-top: clamp(4.8px, 0.439238653vw, 7.2px);
}
html body .p-topService__text {
  margin-top: clamp(11.2px, 1.0248901903vw, 16.8px);
}
html body .p-topService__button {
  display: flex;
  width: clamp(131.2px, 12.0058565154vw, 196.8px);
  margin: clamp(72px, 6.588579795vw, 108px) auto 0;
}
@media screen and (max-width: 1093px) {
  html body .p-topService {
    padding: clamp(64px, 10.4166666667vw, 96px) 0;
  }
  html body .p-topService::before {
    top: auto;
    bottom: 0;
    width: clamp(300.0035139092px, 48.8286969253vw, 450.0052708638px);
    height: clamp(199.2527086384px, 32.4304538799vw, 298.8790629575px);
  }
  html body .p-topService__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: clamp(19.2px, 3.125vw, 28.8px);
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
    padding: 0 0 clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topService__card {
    min-height: clamp(208px, 33.8541666667vw, 312px);
  }
  html body .p-topService__card::after {
    left: clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topService__card:nth-child(even) {
    translate: 0 clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topService__icon {
    width: clamp(92.8px, 15.1041666667vw, 139.2px);
    height: clamp(92.8px, 15.1041666667vw, 139.2px);
  }
  html body .p-topService__body,
  html body .p-topService__card + .p-topService__card .p-topService__body,
  html body .p-topService__card:nth-child(4) .p-topService__body {
    padding: clamp(35.2px, 5.7291666667vw, 52.8px) clamp(19.2px, 3.125vw, 28.8px) clamp(19.2px, 3.125vw, 28.8px);
  }
  html body .p-topService__title,
  html body .p-topService__card:nth-child(4) .p-topService__title {
    margin-top: clamp(6.4px, 1.0416666667vw, 9.6px);
  }
  html body .p-topService__text {
    margin-top: clamp(9.6px, 1.5625vw, 14.4px);
  }
  html body .p-topService__button {
    width: 164px;
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-topService {
    padding: clamp(51.2px, 17.0666666667vw, 76.8px) 0;
  }
  html body .p-topService::before {
    width: clamp(146.486090776px, 48.8286969253vw, 219.729136164px);
    height: clamp(97.2913616398px, 32.4304538799vw, 145.9370424597px);
  }
  html body .p-topService__list {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(12.8px, 4.2666666667vw, 19.2px);
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
    padding: 0;
  }
  html body .p-topService__card {
    min-height: clamp(176px, 58.6666666667vw, 264px);
  }
  html body .p-topService__card::after {
    left: clamp(16px, 5.3333333333vw, 24px);
  }
  html body .p-topService__card:nth-child(even) {
    translate: none;
  }
  html body .p-topService__icon {
    width: clamp(80px, 26.6666666667vw, 120px);
    height: clamp(80px, 26.6666666667vw, 120px);
  }
  html body .p-topService__body,
  html body .p-topService__card + .p-topService__card .p-topService__body,
  html body .p-topService__card:nth-child(4) .p-topService__body {
    padding: clamp(32px, 10.6666666667vw, 48px) clamp(16px, 5.3333333333vw, 24px) clamp(16px, 5.3333333333vw, 24px);
  }
  html body .p-topService__title,
  html body .p-topService__card:nth-child(4) .p-topService__title {
    margin-top: clamp(6.4px, 2.1333333333vw, 9.6px);
  }
  html body .p-topService__text {
    margin-top: clamp(8px, 2.6666666667vw, 12px);
  }
  html body .p-topService__button {
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
  }
}
html body .p-topCompany {
  position: relative;
  padding: clamp(86.4px, 7.906295754vw, 129.6px) 0 clamp(80px, 7.3206442167vw, 120px);
}
html body .p-topCompany::before {
  content: "";
  position: absolute;
  left: clamp(472px, 43.1918008785vw, 708px);
  top: clamp(0px, 0vw, 0px);
  width: clamp(620.8px, 56.8081991215vw, 931.2px);
  height: clamp(381.6px, 34.9194729136vw, 572.4px);
  background-color: #fff;
  opacity: 0.15;
  pointer-events: none;
  -webkit-mask-image: url("../images/wave-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("../images/wave-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
html body .p-topCompany__inner {
  position: relative;
  z-index: 1;
}
html body .p-topCompany__main {
  display: flex;
  align-items: flex-start;
  margin-top: clamp(44px, 4.0263543192vw, 66px);
}
html body .p-topCompany__photo {
  flex-shrink: 0;
  width: clamp(456px, 41.7276720351vw, 684px);
  height: clamp(396.8px, 36.3103953148vw, 595.2px);
  border-radius: 5px;
  object-fit: cover;
}
html body .p-topCompany__info {
  width: clamp(424px, 38.7994143485vw, 636px);
  margin-left: clamp(80px, 7.3206442167vw, 120px);
  padding-top: clamp(16px, 1.4641288433vw, 24px);
}
html body .p-topCompany__table {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 50%, transparent 50%) left bottom/4px 1px repeat-x;
}
html body .p-topCompany__row {
  display: flex;
  padding: clamp(20px, 1.8301610542vw, 30px) 0 clamp(26.4px, 2.4158125915vw, 39.6px);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 50%, transparent 50%) left top/4px 1px repeat-x;
}
html body .p-topCompany__key {
  flex-shrink: 0;
  width: clamp(102.4px, 9.3704245974vw, 153.6px);
}
html body .p-topCompany__button {
  width: clamp(131.2px, 12.0058565154vw, 196.8px);
  margin-top: clamp(32px, 2.9282576867vw, 48px);
}
@media screen and (min-width: 1367px) {
  html body .p-topCompany::before {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 1093px) {
  html body .p-topCompany {
    padding: clamp(64px, 10.4166666667vw, 96px) 0;
  }
  html body .p-topCompany::before {
    left: auto;
    right: 0;
    width: clamp(349.0295754026px, 56.8081991215vw, 523.544363104px);
    height: clamp(214.5452415813px, 34.9194729136vw, 321.8178623719px);
  }
  html body .p-topCompany__main {
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
  }
  html body .p-topCompany__photo {
    flex-shrink: 1;
    width: 47.5%;
    height: auto;
    aspect-ratio: 570/496;
  }
  html body .p-topCompany__info {
    width: 44.1667%;
    margin-left: 8.3333%;
    padding-top: 0;
  }
  html body .p-topCompany__row {
    flex-wrap: wrap;
    padding: clamp(16.8px, 2.734375vw, 25.2px) 0 clamp(23.2px, 3.7760416667vw, 34.8px);
  }
  html body .p-topCompany__value {
    flex: 1 1 0;
  }
  html body .p-topCompany__key {
    width: clamp(96px, 15.625vw, 144px);
  }
  html body .p-topCompany__button {
    width: 164px;
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
  }
}
@media screen and (max-width: 767px) {
  html body .p-topCompany {
    padding: clamp(51.2px, 17.0666666667vw, 76.8px) 0;
  }
  html body .p-topCompany::before {
    width: clamp(170.4245973646px, 56.8081991215vw, 255.6368960469px);
    height: clamp(104.7584187408px, 34.9194729136vw, 157.1376281113px);
  }
  html body .p-topCompany__main {
    display: block;
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
  }
  html body .p-topCompany__photo {
    display: block;
    width: 100%;
  }
  html body .p-topCompany__info {
    width: auto;
    margin: clamp(25.6px, 8.5333333333vw, 38.4px) 0 0;
  }
  html body .p-topCompany__row {
    padding: clamp(14.4px, 4.8vw, 21.6px) 0 clamp(17.6px, 5.8666666667vw, 26.4px);
  }
  html body .p-topCompany__key {
    width: clamp(64px, 21.3333333333vw, 96px);
  }
  html body .p-topCompany__button {
    display: flex;
    margin: clamp(25.6px, 8.5333333333vw, 38.4px) auto 0;
  }
}
html body .p-topInstagram {
  position: relative;
  z-index: 3;
  padding-bottom: clamp(80px, 7.3206442167vw, 120px);
}
html body .p-topInstagram__list .webgene-blog,
html body .p-topInstagram .webgene-blog {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(32px, 2.9282576867vw, 48px);
  margin-top: clamp(44px, 4.0263543192vw, 66px);
}
html body .p-topInstagram__itemInner {
  width: auto;
  max-width: none;
  padding: 0 !important;
}
html body .p-topInstagram__body {
  margin-top: clamp(11.2px, 1.0248901903vw, 16.8px) !important;
}
html body .p-topInstagram__thumb {
  overflow: hidden;
  border-radius: 5px;
}
html body .p-topInstagram__imageLink,
html body .p-topInstagram__captionLink {
  display: block;
}
html body .p-topInstagram__media img,
html body .p-topInstagram__media video,
html body .p-topInstagram__fallback {
  transition: transform 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  html body .p-topInstagram__imageLink:hover img,
  html body .p-topInstagram__imageLink:hover video {
    transform: scale(1.05);
  }
}
html body .p-topInstagram__media img,
html body .p-topInstagram__media video,
html body .p-topInstagram__fallback {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
html body .p-topInstagram__fallback {
  display: none;
}
html body .p-topInstagram__fallback.is-show {
  display: block;
}
@media screen and (max-width: 1093px) {
  html body .p-topInstagram {
    padding-bottom: clamp(64px, 10.4166666667vw, 96px);
  }
  html body .p-topInstagram__list .webgene-blog,
  html body .p-topInstagram .webgene-blog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(25.6px, 4.1666666667vw, 38.4px) clamp(19.2px, 3.125vw, 28.8px);
    margin-top: clamp(38.4px, 6.25vw, 57.6px);
  }
  html body .p-topInstagram__body {
    margin-top: clamp(9.6px, 1.5625vw, 14.4px) !important;
  }
}
@media screen and (max-width: 767px) {
  html body .p-topInstagram {
    padding-bottom: clamp(51.2px, 17.0666666667vw, 76.8px);
  }
  html body .p-topInstagram__list .webgene-blog,
  html body .p-topInstagram .webgene-blog {
    gap: clamp(19.2px, 6.4vw, 28.8px) clamp(12.8px, 4.2666666667vw, 19.2px);
    margin-top: clamp(25.6px, 8.5333333333vw, 38.4px);
  }
  html body .p-topInstagram__body {
    margin-top: clamp(8px, 2.6666666667vw, 12px) !important;
  }
}