{"id":819,"date":"2026-07-06T10:30:40","date_gmt":"2026-07-06T01:30:40","guid":{"rendered":"https:\/\/www.ulucia.jp\/?page_id=819"},"modified":"2026-07-24T02:43:09","modified_gmt":"2026-07-23T17:43:09","slug":"top%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/www.ulucia.jp\/","title":{"rendered":"\u5927\u962a\u306e\u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u306e\u3054\u76f8\u8ac7"},"content":{"rendered":"\n<style>\n.entry-title,\n.page-title,\n.wp-block-post-title,\n.edit-link {\n  display: none !important;\n}\n<\/style>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size wp-block-paragraph\">\u5927\u962a\u5e02\u3092\u62e0\u70b9\u306b\u3001\u95a2\u897f\u570f\u3067<br>\u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u306e\u3053\u3068\u306a\u3089\u3001<br>\u682a\u5f0f\u4f1a\u793e\u30a6\u30eb\u30b7\u30a2\u30b0\u30eb\u30fc\u30d7\u306b\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/www.ulucia.jp\/?page_id=853\" style=\"color:#1c1c1c;background-color:#e3bd61\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-text-color has-link-color wp-element-button\" href=\"https:\/\/www.ulucia.jp\/?page_id=878\" style=\"color:#e3bd61\">\u65bd\u5de5\u5b9f\u7e3e\u3092\u898b\u308b<\/a><\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   REASON\u30bb\u30af\u30b7\u30e7\u30f3\n   \u57fa\u672c\u30c7\u30b6\u30a4\u30f3\u30fb\u96a0\u3057\u30ed\u30b4\u30fb\u8868\u793a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   1. \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons {\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  width: 100vw;\n  margin-top: 80px;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  padding: 90px 28px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111111 0%,\n      #1d1d1d 100%\n    );\n\n  color: #ffffff;\n}\n\n.ulucia-reasons__inner {\n  position: relative;\n  z-index: 1;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n\n\/* ---------------------------------------------------------\n   2. \u80cc\u666f\u306e\u96a0\u3057\u30ed\u30b4\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons__watermark {\n  display: block;\n  visibility: visible;\n\n  position: absolute;\n  top: 46%;\n  right: clamp(-280px, -15vw, -180px);\n  z-index: 0;\n\n  width: clamp(380px, 38vw, 600px);\n  aspect-ratio: 1 \/ 1;\n\n  background-color: #d8b56d;\n\n  -webkit-mask-image:\n    url(\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/cropped-cropped-DPVR9847.png\");\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n\n  mask-image:\n    url(\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/cropped-cropped-DPVR9847.png\");\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n\n  opacity: 0.025;\n\n  transform:\n    translate3d(\n      0,\n      calc(\n        -50% + var(\n          --ulucia-reason-shift,\n          0px\n        )\n      ),\n      0\n    )\n    rotate(-6deg);\n\n  will-change: transform;\n  pointer-events: none;\n  user-select: none;\n}\n\n\n\/* ---------------------------------------------------------\n   3. \u898b\u51fa\u3057\u90e8\u5206\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons__eyebrow {\n  margin: 0 0 12px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.16em;\n  text-align: center;\n}\n\n.ulucia-reasons__title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: center;\n}\n\n.ulucia-reasons__lead {\n  max-width: 720px;\n  margin: 24px auto 0;\n\n  color: #d9d9d9;\n\n  font-size: 16px;\n  line-height: 2;\n  text-align: center;\n}\n\n\n\/* ---------------------------------------------------------\n   4. \u30ab\u30fc\u30c9\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n\n  margin-top: 48px;\n}\n\n.ulucia-reasons__card {\n  position: relative;\n  overflow: hidden;\n\n  padding: 34px 28px 50px;\n\n  background:\n    rgba(255, 255, 255, 0.04);\n\n  border:\n    1px solid rgba(227, 189, 97, 0.35);\n\n  border-radius: 18px;\n}\n\n.ulucia-reasons__number {\n  display: block;\n\n  margin-bottom: 22px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.14em;\n}\n\n.ulucia-reasons__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 56px;\n  height: 56px;\n  margin-bottom: 20px;\n\n  border: 1px solid #e3bd61;\n  border-radius: 50%;\n\n  color: #e3bd61;\n\n  font-size: 24px;\n  line-height: 1;\n}\n\n.ulucia-reasons__card h3 {\n  margin: 0 0 14px;\n\n  color: #ffffff;\n\n  font-size: 21px;\n  line-height: 1.5;\n}\n\n.ulucia-reasons__card p {\n  margin: 0;\n\n  color: #d4d4d4;\n\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n\n\/* ---------------------------------------------------------\n   5. \u30b9\u30af\u30ed\u30fc\u30eb\u8868\u793a\u524d\n   JavaScript\u304c\u8d77\u52d5\u3057\u305f\u3068\u304d\u3060\u3051\u9069\u7528\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__eyebrow,\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__title,\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__lead,\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__card {\n  opacity: 0;\n\n  transform:\n    translate3d(0, 28px, 0);\n\n  transition:\n    opacity 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    transform 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change: opacity, transform;\n}\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__card {\n  transform:\n    translate3d(0, 36px, 0)\n    scale(0.985);\n}\n\n\n\/* ---------------------------------------------------------\n   6. \u30b9\u30af\u30ed\u30fc\u30eb\u8868\u793a\u5f8c\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons.is-reveal-ready.is-revealed\n.ulucia-reasons__eyebrow,\n.ulucia-reasons.is-reveal-ready.is-revealed\n.ulucia-reasons__title,\n.ulucia-reasons.is-reveal-ready.is-revealed\n.ulucia-reasons__lead,\n.ulucia-reasons.is-reveal-ready.is-revealed\n.ulucia-reasons__card {\n  opacity: 1;\n\n  transform:\n    translate3d(0, 0, 0)\n    scale(1);\n}\n\n\n\/* ---------------------------------------------------------\n   7. \u8868\u793a\u3055\u308c\u308b\u9806\u756a\n   --------------------------------------------------------- *\/\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__eyebrow {\n  transition-delay: 0ms;\n}\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__title {\n  transition-delay: 180ms;\n}\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__lead {\n  transition-delay: 360ms;\n}\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__card:nth-child(1) {\n  transition-delay: 600ms;\n}\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__card:nth-child(2) {\n  transition-delay: 820ms;\n}\n\n.ulucia-reasons.is-reveal-ready\n.ulucia-reasons__card:nth-child(3) {\n  transition-delay: 1040ms;\n}\n\n\n\/* ---------------------------------------------------------\n   8. \u30b9\u30de\u30db\n   --------------------------------------------------------- *\/\n\n@media screen and (max-width: 767px) {\n\n  .ulucia-reasons {\n    margin-top: 56px;\n    padding: 64px 20px;\n  }\n\n  .ulucia-reasons__watermark {\n    top: 52%;\n    right: -150px;\n\n    width: 280px;\n\n    opacity: 0.018;\n  }\n\n  .ulucia-reasons__lead {\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .ulucia-reasons__grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n\n    margin-top: 34px;\n  }\n\n  .ulucia-reasons__card {\n  padding: 28px 22px 42px;\n}\n}\n\n\n\/* ---------------------------------------------------------\n   9. \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u3078\u306e\u914d\u616e\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ulucia-reasons__watermark {\n    transform:\n      translate3d(0, -50%, 0)\n      rotate(-6deg) !important;\n\n    will-change: auto;\n  }\n\n  .ulucia-reasons.is-reveal-ready\n  .ulucia-reasons__eyebrow,\n  .ulucia-reasons.is-reveal-ready\n  .ulucia-reasons__title,\n  .ulucia-reasons.is-reveal-ready\n  .ulucia-reasons__lead,\n  .ulucia-reasons.is-reveal-ready\n  .ulucia-reasons__card {\n    opacity: 1 !important;\n\n    transform: none !important;\n\n    transition: none !important;\n\n    will-change: auto !important;\n  }\n}\n\n\/* =========================================================\n   REASON\u30ab\u30fc\u30c9\uff1a\u6700\u4e0b\u90e8\u306e\u4f59\u767d\u3092\u78ba\u4fdd\n   ========================================================= *\/\n\n.ulucia-reasons\n.ulucia-reasons__grid\n.ulucia-reasons__card {\n  box-sizing: border-box;\n  padding-bottom: 58px !important;\n}\n\n\/* \u30b9\u30de\u30db *\/\n@media screen and (max-width: 767px) {\n  .ulucia-reasons\n  .ulucia-reasons__grid\n  .ulucia-reasons__card {\n    padding-bottom: 46px !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const SECTION_SELECTOR =\n    \".ulucia-reasons\";\n\n  const WATERMARK_SELECTOR =\n    \".ulucia-reasons__watermark\";\n\n  let initialized = false;\n  let animationFrameId = null;\n  let mutationObserver = null;\n\n  const reduceMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n\n  \/* =====================================================\n     REASON\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u521d\u671f\u5316\n     ===================================================== *\/\n\n  const initializeReasonSection = () => {\n    if (initialized) {\n      return true;\n    }\n\n    const section =\n      document.querySelector(\n        SECTION_SELECTOR\n      );\n\n    if (!section) {\n      return false;\n    }\n\n    const watermark =\n      section.querySelector(\n        WATERMARK_SELECTOR\n      );\n\n    if (!watermark) {\n      return false;\n    }\nconst revealTrigger =\n  section.querySelector(\n    \".ulucia-reasons__title\"\n  ) || section;\n    initialized = true;\n\n    section.classList.add(\n      \"is-reveal-ready\"\n    );\n\n    \/*\n     * CSS\u306e\u975e\u8868\u793a\u72b6\u614b\u3092\n     * \u30d6\u30e9\u30a6\u30b6\u306b\u8a8d\u8b58\u3055\u305b\u307e\u3059\n     *\/\n    void section.offsetWidth;\n\n\n    \/* ===================================================\n       1. \u96a0\u3057\u30ed\u30b4\u306e\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\n       =================================================== *\/\n\n    const updateWatermark = () => {\n      if (reduceMotion) {\n        return;\n      }\n\n      const rect =\n        section.getBoundingClientRect();\n\n      const viewportHeight =\n        window.innerHeight ||\n        document.documentElement.clientHeight;\n\n      const totalDistance =\n        viewportHeight + rect.height;\n\n      const travelledDistance =\n        viewportHeight - rect.top;\n\n      const progress =\n        Math.min(\n          1,\n          Math.max(\n            0,\n            travelledDistance \/\n              totalDistance\n          )\n        );\n\n      \/*\n       * PC\u306f70px\u3001\n       * \u30b9\u30de\u30db\u306f24px\u52d5\u304b\u3057\u307e\u3059\n       *\/\n      const movementRange =\n        window.innerWidth <= 767\n          ? 24\n          : 70;\n\n      const shift =\n        (progress - 0.5) *\n        movementRange;\n\n      watermark.style.setProperty(\n        \"--ulucia-reason-shift\",\n        `${shift.toFixed(1)}px`\n      );\n\n      animationFrameId = null;\n    };\n\n\n    const requestWatermarkUpdate = () => {\n      if (animationFrameId !== null) {\n        return;\n      }\n\n      animationFrameId =\n        window.requestAnimationFrame(\n          updateWatermark\n        );\n    };\n\n\n    if (!reduceMotion) {\n      updateWatermark();\n\n      window.addEventListener(\n        \"scroll\",\n        requestWatermarkUpdate,\n        {\n          passive: true,\n        }\n      );\n\n      window.addEventListener(\n        \"resize\",\n        requestWatermarkUpdate\n      );\n    }\n\n\n    \/* ===================================================\n       2. \u898b\u51fa\u3057\u30fb\u30ab\u30fc\u30c9\u306e\u8868\u793a\n       =================================================== *\/\n\n    const revealSection = () => {\n      if (\n        section.classList.contains(\n          \"is-revealed\"\n        )\n      ) {\n        return;\n      }\n\n      \/*\n       * 2\u30d5\u30ec\u30fc\u30e0\u5f85\u3064\u3053\u3068\u3067\u3001\n       * \u958b\u59cb\u4f4d\u7f6e\u304b\u3089\u78ba\u5b9f\u306b\u52d5\u304b\u3057\u307e\u3059\n       *\/\n      window.requestAnimationFrame(\n        () => {\n          window.requestAnimationFrame(\n            () => {\n              section.classList.add(\n                \"is-revealed\"\n              );\n            }\n          );\n        }\n      );\n    };\n\n\n    if (\n      reduceMotion ||\n      !(\n        \"IntersectionObserver\"\n        in window\n      )\n    ) {\n      revealSection();\n      return true;\n    }\n\n\n    const revealObserver =\n      new IntersectionObserver(\n        (entries) => {\n          entries.forEach(\n            (entry) => {\n              if (\n                !entry.isIntersecting\n              ) {\n                return;\n              }\n\n              revealSection();\n\n              revealObserver.unobserve(\n                entry.target\n              );\n            }\n          );\n        },\n        {\n  threshold: 0.25,\n  rootMargin:\n    \"0px 0px -22% 0px\",\n}\n      );\n\n    revealObserver.observe(revealTrigger);\n\n    return true;\n  };\n\n\n  \/* =====================================================\n     HTML\u306e\u8aad\u307f\u8fbc\u307f\u5f85\u3061\n     ===================================================== *\/\n\n  const start = () => {\n    if (initializeReasonSection()) {\n      if (mutationObserver) {\n        mutationObserver.disconnect();\n      }\n\n      return;\n    }\n\n    if (mutationObserver) {\n      return;\n    }\n\n    mutationObserver =\n      new MutationObserver(() => {\n        if (\n          initializeReasonSection()\n        ) {\n          mutationObserver.disconnect();\n          mutationObserver = null;\n        }\n      });\n\n    mutationObserver.observe(\n      document.documentElement,\n      {\n        childList: true,\n        subtree: true,\n      }\n    );\n\n    \/*\n     * 10\u79d2\u5f8c\u306b\u76e3\u8996\u3092\u7d42\u4e86\u3057\u307e\u3059\n     *\/\n    window.setTimeout(() => {\n      if (mutationObserver) {\n        mutationObserver.disconnect();\n        mutationObserver = null;\n      }\n    }, 10000);\n  };\n\n\n  if (\n    document.readyState ===\n    \"loading\"\n  ) {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      {\n        once: true,\n      }\n    );\n  } else {\n    start();\n  }\n\n  window.addEventListener(\n    \"load\",\n    start,\n    {\n      once: true,\n    }\n  );\n})();\n<\/script>\n\n<section class=\"ulucia-reasons\">\n  <!-- \u80cc\u666f\u306e\u96a0\u3057\u30ed\u30b4 -->\n  <div\n    class=\"ulucia-reasons__watermark\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n  <div class=\"ulucia-reasons__inner\">\n    <p class=\"ulucia-reasons__eyebrow\">\n      REASON\n    <\/p>\n\n    <h2 class=\"ulucia-reasons__title\">\n      Ulucia Group\u304c<br>\n      \u9078\u3070\u308c\u308b\u7406\u7531\n    <\/h2>\n\n    <p class=\"ulucia-reasons__lead\">\n      \u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u3092\u901a\u3058\u3066\u3001<br>\n      \u304a\u5ba2\u69d8\u306e\u66ae\u3089\u3057\u306b\u5b89\u5fc3\u3068\u3053\u308c\u304b\u3089\u306e\u9078\u629e\u80a2\u3092\u5c4a\u3051\u307e\u3059\u3002\n    <\/p>\n\n    <div class=\"ulucia-reasons__grid\">\n\n      <article class=\"ulucia-reasons__card\">\n        <span class=\"ulucia-reasons__number\">\n          01\n        <\/span>\n\n        <div class=\"ulucia-reasons__icon\">\n          \u25ce\n        <\/div>\n\n        <h3>\n          \u304a\u5ba2\u69d8\u306b\u5bc4\u308a\u6dfb\u3046<br>\n          \u8aa0\u5b9f\u306a\u3054\u63d0\u6848\n        <\/h3>\n\n        <p>\n          \u66ae\u3089\u3057\u65b9\u3084\u96fb\u6c17\u4ee3\u306e\u304a\u60a9\u307f\u3092\u4e01\u5be7\u306b\u4f3a\u3044\u3001\n          \u672c\u5f53\u306b\u5fc5\u8981\u306a\u3082\u306e\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/article>\n\n      <article class=\"ulucia-reasons__card\">\n  <span class=\"ulucia-reasons__number\">\n    02\n  <\/span>\n\n  <div class=\"ulucia-reasons__icon\">\n    \u2600\n  <\/div>\n\n  <h3>\n    \u3053\u308c\u304b\u3089\u306e\u66ae\u3089\u3057\u3092\u652f\u3048\u308b<br>\n    \u30a8\u30cd\u30eb\u30ae\u30fc\u63d0\u6848\n  <\/h3>\n\n  <p>\n    \u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u3092\u901a\u3058\u3066\u3001\n    \u96fb\u6c17\u4ee3\u5bfe\u7b56\u3084\u707d\u5bb3\u6642\u306e\u5099\u3048\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n  <\/p>\n<\/article>\n\n      <article class=\"ulucia-reasons__card\">\n        <span class=\"ulucia-reasons__number\">\n          03\n        <\/span>\n\n        <div class=\"ulucia-reasons__icon\">\n          \u2726\n        <\/div>\n\n        <h3>\n          \u5c0e\u5165\u5f8c\u3082\u5b89\u5fc3\u3067\u304d\u308b<br>\n          \u30b5\u30dd\u30fc\u30c8\u4f53\u5236\n        <\/h3>\n\n        <p>\n          \u3054\u63d0\u6848\u304b\u3089\u5c0e\u5165\u5f8c\u307e\u3067\u3001\n          \u304a\u5ba2\u69d8\u306b\u5b89\u5fc3\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u5bfe\u5fdc\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SERVICE\u30bb\u30af\u30b7\u30e7\u30f3\n   \u57fa\u672c\u30c7\u30b6\u30a4\u30f3\u30fb\u5149\u30fb\u767b\u5834\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   1. \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n   --------------------------------------------------------- *\/\n\n.ulucia-services {\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  width: 100vw;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  padding: 92px 28px;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(227, 189, 97, 0.045),\n      transparent 38%\n    ),\n    #1a1a1a;\n\n  color: #ffffff;\n}\n\n.ulucia-services__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n\n\/* ---------------------------------------------------------\n   2. \u80cc\u666f\u3092\u3086\u3063\u304f\u308a\u6d41\u308c\u308b\u30b4\u30fc\u30eb\u30c9\u30e9\u30a4\u30f3\n   --------------------------------------------------------- *\/\n\n.ulucia-services::before {\n  content: \"\";\n\n  position: absolute;\n  top: 34%;\n  left: 0;\n  z-index: 0;\n\n  width: 55%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(227, 189, 97, 0.52),\n      transparent\n    );\n\n  filter: blur(0.3px);\n  opacity: 0;\n\n  transform:\n    translate3d(-100%, 0, 0)\n    rotate(-7deg);\n\n  animation:\n    ulucia-service-line 14s\n    ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n@keyframes ulucia-service-line {\n  0% {\n    opacity: 0;\n\n    transform:\n      translate3d(-100%, 0, 0)\n      rotate(-7deg);\n  }\n\n  15% {\n    opacity: 0.18;\n  }\n\n  55% {\n    opacity: 0.18;\n  }\n\n  100% {\n    opacity: 0;\n\n    transform:\n      translate3d(240%, 0, 0)\n      rotate(-7deg);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   3. \u898b\u51fa\u3057\n   --------------------------------------------------------- *\/\n\n.ulucia-services__eyebrow {\n  margin: 0 0 12px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.16em;\n  text-align: center;\n}\n\n.ulucia-services__title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(30px, 4vw, 46px);\n  font-weight: 700;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.ulucia-services__lead {\n  max-width: 760px;\n  margin: 22px auto 0;\n\n  color: #d5d5d5;\n\n  font-size: 16px;\n  line-height: 2;\n  text-align: center;\n}\n\n\n\/* ---------------------------------------------------------\n   4. \u30ab\u30fc\u30c9\n   --------------------------------------------------------- *\/\n\n.ulucia-services__grid {\n  display: grid;\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n  gap: 22px;\n\n  margin-top: 48px;\n}\n\n.ulucia-services__card {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n\n  position: relative;\n  overflow: hidden;\n\n  min-height: 320px;\n  padding: 34px 30px 50px;\n\n  background:\n    rgba(255, 255, 255, 0.035);\n\n  border:\n    1px solid rgba(227, 189, 97, 0.34);\n\n  border-radius: 18px;\n\n  transition:\n    translate 0.35s ease,\n    border-color 0.35s ease,\n    background-color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n\/* \u30ab\u30fc\u30c9\u3092\u6a2a\u5207\u308b\u63a7\u3048\u3081\u306a\u5149 *\/\n.ulucia-services__card::before {\n  content: \"\";\n\n  position: absolute;\n  top: -30%;\n  left: -65%;\n  z-index: 0;\n\n  width: 34%;\n  height: 165%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 225, 155, 0.13),\n      transparent\n    );\n\n  transform:\n    skewX(-18deg);\n\n  transition:\n    left 0.9s\n    cubic-bezier(0.22, 1, 0.36, 1);\n\n  pointer-events: none;\n}\n\n.ulucia-services__card > * {\n  position: relative;\n  z-index: 1;\n}\n\n.ulucia-services__card:hover {\n  translate: 0 -8px;\n\n  background:\n    rgba(255, 255, 255, 0.055);\n\n  border-color:\n    rgba(227, 189, 97, 0.7);\n\n  box-shadow:\n    0 18px 38px rgba(0, 0, 0, 0.28),\n    0 0 24px rgba(227, 189, 97, 0.07);\n}\n\n.ulucia-services__card:hover::before {\n  left: 135%;\n}\n\n\n\/* ---------------------------------------------------------\n   5. \u30a2\u30a4\u30b3\u30f3\u3068\u6587\u7ae0\n   --------------------------------------------------------- *\/\n\n.ulucia-services__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 62px;\n  height: 62px;\n  margin-bottom: 24px;\n\n  border: 1px solid #e3bd61;\n  border-radius: 50%;\n\n  color: #e3bd61;\n\n  font-size: 28px;\n  line-height: 1;\n\n  transition:\n    box-shadow 0.35s ease,\n    background-color 0.35s ease,\n    transform 0.35s ease;\n}\n\n.ulucia-services__card:hover\n.ulucia-services__icon {\n  background:\n    rgba(227, 189, 97, 0.06);\n\n  box-shadow:\n    0 0 22px rgba(227, 189, 97, 0.2);\n\n  transform: rotate(5deg) scale(1.04);\n}\n\n.ulucia-services__card h3 {\n  margin: 0 0 14px;\n\n  color: #ffffff;\n\n  font-size: 23px;\n  line-height: 1.45;\n}\n\n.ulucia-services__card p {\n  margin: 0;\n\n  color: #d6d6d6;\n\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n\n\/* ---------------------------------------------------------\n   6. \u304a\u554f\u3044\u5408\u308f\u305b\u30dc\u30bf\u30f3\n   --------------------------------------------------------- *\/\n\n.ulucia-services__button-wrap {\n  margin-top: 42px;\n  text-align: center;\n}\n\n.ulucia-services__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 15px 30px;\n\n  border: 1px solid #e3bd61;\n  border-radius: 999px;\n\n  color: #e3bd61;\n\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n.ulucia-services__button:hover {\n  color: #1c1c1c;\n  background: #e3bd61;\n\n  box-shadow:\n    0 10px 28px\n    rgba(227, 189, 97, 0.2);\n\n  transform: translateY(-2px);\n}\n\n\n\/* ---------------------------------------------------------\n   7. \u767b\u5834\u524d\u306e\u72b6\u614b\n   JavaScript\u304c\u52d5\u3044\u305f\u5834\u5408\u3060\u3051\u975e\u8868\u793a\u306b\u3057\u307e\u3059\n   --------------------------------------------------------- *\/\n\n.ulucia-services.is-service-ready\n.ulucia-services__eyebrow,\n.ulucia-services.is-service-ready\n.ulucia-services__title,\n.ulucia-services.is-service-ready\n.ulucia-services__lead,\n.ulucia-services.is-service-ready\n.ulucia-services__card,\n.ulucia-services.is-service-ready\n.ulucia-services__button-wrap {\n  opacity: 0;\n\n  transition:\n    opacity 1.1s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    transform 1.1s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change: opacity, transform;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__eyebrow,\n.ulucia-services.is-service-ready\n.ulucia-services__title,\n.ulucia-services.is-service-ready\n.ulucia-services__lead,\n.ulucia-services.is-service-ready\n.ulucia-services__button-wrap {\n  transform:\n    translate3d(0, 28px, 0);\n}\n\n\/* 1\u679a\u76ee\u306f\u5de6\u304b\u3089 *\/\n.ulucia-services.is-service-ready\n.ulucia-services__card:nth-child(1) {\n  transform:\n    translate3d(-46px, 0, 0);\n}\n\n\/* 2\u679a\u76ee\u306f\u4e0b\u304b\u3089 *\/\n.ulucia-services.is-service-ready\n.ulucia-services__card:nth-child(2) {\n  transform:\n    translate3d(0, 38px, 0);\n}\n\n\/* 3\u679a\u76ee\u306f\u53f3\u304b\u3089 *\/\n.ulucia-services.is-service-ready\n.ulucia-services__card:nth-child(3) {\n  transform:\n    translate3d(46px, 0, 0);\n}\n\n\n\/* ---------------------------------------------------------\n   8. \u767b\u5834\u5f8c\n   --------------------------------------------------------- *\/\n\n.ulucia-services.is-service-ready.is-service-visible\n.ulucia-services__eyebrow,\n.ulucia-services.is-service-ready.is-service-visible\n.ulucia-services__title,\n.ulucia-services.is-service-ready.is-service-visible\n.ulucia-services__lead,\n.ulucia-services.is-service-ready.is-service-visible\n.ulucia-services__card,\n.ulucia-services.is-service-ready.is-service-visible\n.ulucia-services__button-wrap {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n\n\n\/* ---------------------------------------------------------\n   9. \u6642\u9593\u5dee\n   --------------------------------------------------------- *\/\n\n.ulucia-services.is-service-ready\n.ulucia-services__eyebrow {\n  transition-delay: 0ms;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__title {\n  transition-delay: 180ms;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__lead {\n  transition-delay: 360ms;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__card:nth-child(1) {\n  transition-delay: 600ms;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__card:nth-child(2) {\n  transition-delay: 820ms;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__card:nth-child(3) {\n  transition-delay: 1040ms;\n}\n\n.ulucia-services.is-service-ready\n.ulucia-services__button-wrap {\n  transition-delay: 1260ms;\n}\n\n\n\/* ---------------------------------------------------------\n   10. \u30b9\u30de\u30db\n   --------------------------------------------------------- *\/\n\n@media screen and (max-width: 767px) {\n\n  .ulucia-services {\n    padding: 64px 20px;\n  }\n\n  .ulucia-services__lead {\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .ulucia-services__grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n\n    margin-top: 34px;\n  }\n\n  .ulucia-services__card {\n    min-height: auto;\n    padding: 28px 22px 44px;\n  }\n\n  \/* \u30b9\u30de\u30db\u3067\u306f\u3059\u3079\u3066\u4e0b\u304b\u3089\u8868\u793a *\/\n  .ulucia-services.is-service-ready\n  .ulucia-services__card:nth-child(1),\n  .ulucia-services.is-service-ready\n  .ulucia-services__card:nth-child(2),\n  .ulucia-services.is-service-ready\n  .ulucia-services__card:nth-child(3) {\n    transform:\n      translate3d(0, 30px, 0);\n  }\n\n  .ulucia-services.is-service-ready.is-service-visible\n  .ulucia-services__card:nth-child(1),\n  .ulucia-services.is-service-ready.is-service-visible\n  .ulucia-services__card:nth-child(2),\n  .ulucia-services.is-service-ready.is-service-visible\n  .ulucia-services__card:nth-child(3) {\n    transform:\n      translate3d(0, 0, 0);\n  }\n\n  .ulucia-services__card:hover {\n    translate: 0 -4px;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   11. \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ulucia-services::before {\n    animation: none !important;\n    display: none !important;\n  }\n\n  .ulucia-services.is-service-ready\n  .ulucia-services__eyebrow,\n  .ulucia-services.is-service-ready\n  .ulucia-services__title,\n  .ulucia-services.is-service-ready\n  .ulucia-services__lead,\n  .ulucia-services.is-service-ready\n  .ulucia-services__card,\n  .ulucia-services.is-service-ready\n  .ulucia-services__button-wrap {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n    will-change: auto !important;\n  }\n\n  .ulucia-services__card,\n  .ulucia-services__button,\n  .ulucia-services__icon {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const initializeServiceMotion = () => {\n    const section =\n      document.querySelector(\".ulucia-services\");\n\n    if (!section) {\n      return false;\n    }\n\n    if (\n      section.dataset.serviceMotion === \"true\"\n    ) {\n      return true;\n    }\n\n    section.dataset.serviceMotion = \"true\";\n    section.classList.add(\"is-service-ready\");\n\n    \/*\n     * CSS\u306e\u767b\u5834\u524d\u306e\u72b6\u614b\u3092\n     * \u30d6\u30e9\u30a6\u30b6\u306b\u8a8d\u8b58\u3055\u305b\u307e\u3059\n     *\/\n    void section.offsetWidth;\n\n    const revealService = () => {\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          section.classList.add(\n            \"is-service-visible\"\n          );\n        });\n      });\n    };\n\n    const reduceMotion =\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n    if (\n      reduceMotion ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealService();\n      return true;\n    }\n\n    const trigger =\n      section.querySelector(\n        \".ulucia-services__title\"\n      ) || section;\n\n    const observer =\n      new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            revealService();\n            observer.unobserve(entry.target);\n          });\n        },\n        {\n          threshold: 0.3,\n          rootMargin:\n            \"0px 0px -18% 0px\",\n        }\n      );\n\n    observer.observe(trigger);\n\n    return true;\n  };\n\n  const start = () => {\n    if (initializeServiceMotion()) {\n      return;\n    }\n\n    const observer =\n      new MutationObserver(() => {\n        if (initializeServiceMotion()) {\n          observer.disconnect();\n        }\n      });\n\n    observer.observe(\n      document.documentElement,\n      {\n        childList: true,\n        subtree: true,\n      }\n    );\n\n    window.setTimeout(() => {\n      observer.disconnect();\n    }, 10000);\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      { once: true }\n    );\n  } else {\n    start();\n  }\n\n  window.addEventListener(\n    \"load\",\n    start,\n    { once: true }\n  );\n})();\n<\/script>\n\n<section class=\"ulucia-services\">\n  <div class=\"ulucia-services__inner\">\n\n    <p class=\"ulucia-services__eyebrow\">\n      SERVICE\n    <\/p>\n\n    <h2 class=\"ulucia-services__title\">\n      \u66ae\u3089\u3057\u306b\u5408\u308f\u305b\u305f<br>\n      \u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u3054\u63d0\u6848\n    <\/h2>\n\n    <p class=\"ulucia-services__lead\">\n      \u96fb\u6c17\u4ee3\u5bfe\u7b56\u3001\u505c\u96fb\u3078\u306e\u5099\u3048\u3001\u4f4f\u307e\u3044\u306e\u5feb\u9069\u3055\u307e\u3067\u3002<br>\n      \u304a\u5ba2\u69d8\u306e\u66ae\u3089\u3057\u306b\u5408\u3063\u305f\u3054\u63d0\u6848\u3092\u884c\u3044\u307e\u3059\u3002\n    <\/p>\n\n    <div class=\"ulucia-services__grid\">\n\n      <article class=\"ulucia-services__card\">\n        <div class=\"ulucia-services__icon\">\u2600<\/div>\n\n        <h3>\u592a\u967d\u5149\u767a\u96fb<\/h3>\n\n        <p>\n          \u3054\u81ea\u5b85\u306e\u5c4b\u6839\u3092\u6d3b\u7528\u3057\u3001\u65e5\u3005\u306e\u96fb\u6c17\u4ee3\u5bfe\u7b56\u306b\u3064\u306a\u304c\u308b\n          \u592a\u967d\u5149\u767a\u96fb\u30b7\u30b9\u30c6\u30e0\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/article>\n\n      <article class=\"ulucia-services__card\">\n        <div class=\"ulucia-services__icon\">\u25a3<\/div>\n\n        <h3>\u84c4\u96fb\u6c60<\/h3>\n\n        <p>\n          \u592a\u967d\u5149\u3067\u3064\u304f\u3063\u305f\u96fb\u6c17\u3092\u6709\u52b9\u6d3b\u7528\u3057\u306a\u304c\u3089\u3001\n          \u505c\u96fb\u6642\u306b\u3082\u5099\u3048\u3089\u308c\u308b\u66ae\u3089\u3057\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/article>\n\n      <article class=\"ulucia-services__card\">\n        <div class=\"ulucia-services__icon\">\u2302<\/div>\n\n        <h3>\u30aa\u30fc\u30eb\u96fb\u5316<\/h3>\n\n        <p>\n          \u30a8\u30b3\u30ad\u30e5\u30fc\u30c8\u3084IH\u306a\u3069\u3092\u901a\u3058\u3066\u3001\n          \u6bce\u65e5\u306e\u66ae\u3089\u3057\u3092\u3088\u308a\u5b89\u5fc3\u3067\u5feb\u9069\u306a\u3082\u306e\u3078\u6574\u3048\u307e\u3059\u3002\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"ulucia-services__button-wrap\">\n      <a\n        class=\"ulucia-services__button\"\n        href=\"https:\/\/www.ulucia.jp\/?page_id=853\"\n      >\n        \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   WORKS\u30bb\u30af\u30b7\u30e7\u30f3\n   \u57fa\u672c\u30c7\u30b6\u30a4\u30f3\u30fb\u5199\u771f\u6f14\u51fa\u30fb\u30b9\u30af\u30ed\u30fc\u30eb\u8868\u793a\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   1. \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n   --------------------------------------------------------- *\/\n\n.ulucia-works {\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  width: 100vw;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  padding: 96px 28px;\n\n  background:\n    radial-gradient(\n      circle at 84% 18%,\n      rgba(227, 189, 97, 0.045),\n      transparent 30%\n    ),\n    #151515;\n\n  color: #ffffff;\n}\n\n.ulucia-works__inner {\n  position: relative;\n  z-index: 1;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n\n\/* ---------------------------------------------------------\n   2. \u898b\u51fa\u3057\n   --------------------------------------------------------- *\/\n\n.ulucia-works__head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 32px;\n\n  margin-bottom: 42px;\n}\n\n.ulucia-works__heading {\n  min-width: 0;\n}\n\n.ulucia-works__eyebrow {\n  margin: 0 0 12px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.16em;\n}\n\n.ulucia-works__title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(30px, 4vw, 46px);\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.ulucia-works__lead {\n  max-width: 600px;\n  margin: 18px 0 0;\n\n  color: #d6d6d6;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* ---------------------------------------------------------\n   3. \u65bd\u5de5\u5b9f\u7e3e\u4e00\u89a7\u30dc\u30bf\u30f3\n   --------------------------------------------------------- *\/\n\n.ulucia-works__link {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  padding: 14px 24px;\n\n  border: 1px solid #e3bd61;\n  border-radius: 999px;\n\n  color: #e3bd61;\n\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n.ulucia-works__link span {\n  transition: transform 0.3s ease;\n}\n\n.ulucia-works__link:hover {\n  color: #1c1c1c;\n  background: #e3bd61;\n\n  box-shadow:\n    0 10px 28px rgba(227, 189, 97, 0.18);\n\n  transform: translateY(-2px);\n}\n\n.ulucia-works__link:hover span {\n  transform: translateX(4px);\n}\n\n\n\/* ---------------------------------------------------------\n   4. \u5199\u771f\u30ec\u30a4\u30a2\u30a6\u30c8\n   --------------------------------------------------------- *\/\n\n.ulucia-works__grid {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.45fr)\n    minmax(0, 1fr);\n  gap: 22px;\n}\n\n.ulucia-works__right {\n  display: grid;\n  grid-template-rows:\n    repeat(2, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.ulucia-works__item {\n  display: block;\n  position: relative;\n  overflow: hidden;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.18);\n\n  border-radius: 18px;\n\n  background: #202020;\n  text-decoration: none;\n\n  box-shadow:\n    0 18px 42px rgba(0, 0, 0, 0.2);\n\n  transition:\n    border-color 0.4s ease,\n    box-shadow 0.4s ease,\n    transform 0.4s ease;\n}\n\n.ulucia-works__main {\n  min-height: 520px;\n}\n\n.ulucia-works__sub {\n  min-height: 249px;\n}\n\n\n\/* ---------------------------------------------------------\n   5. \u5199\u771f\n   --------------------------------------------------------- *\/\n\n.ulucia-works__media {\n  position: absolute;\n  inset: -18px;\n\n  overflow: hidden;\n}\n\n.ulucia-works__media img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transform:\n    translate3d(\n      0,\n      var(--ulucia-works-image-shift, 0px),\n      0\n    )\n    scale(1.04);\n\n  transition:\n    transform 0.8s\n    cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change: transform;\n}\n\n.ulucia-works__item::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.02) 18%,\n      rgba(0, 0, 0, 0.18) 56%,\n      rgba(0, 0, 0, 0.88) 100%\n    );\n\n  pointer-events: none;\n}\n\n\/* \u63a7\u3048\u3081\u306a\u30b4\u30fc\u30eb\u30c9\u306e\u5149 *\/\n.ulucia-works__item::before {\n  content: \"\";\n\n  position: absolute;\n  top: -35%;\n  left: -70%;\n  z-index: 2;\n\n  width: 34%;\n  height: 175%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 226, 158, 0.16),\n      transparent\n    );\n\n  opacity: 0;\n\n  transform: skewX(-18deg);\n\n  transition:\n    left 1s cubic-bezier(0.22, 1, 0.36, 1),\n    opacity 0.4s ease;\n\n  pointer-events: none;\n}\n\n.ulucia-works__item:hover {\n  border-color:\n    rgba(227, 189, 97, 0.58);\n\n  box-shadow:\n    0 24px 54px rgba(0, 0, 0, 0.35),\n    0 0 28px rgba(227, 189, 97, 0.06);\n\n  transform: translateY(-5px);\n}\n\n.ulucia-works__item:hover::before {\n  left: 135%;\n  opacity: 1;\n}\n\n.ulucia-works__item:hover\n.ulucia-works__media img {\n  transform:\n    translate3d(\n      0,\n      var(--ulucia-works-image-shift, 0px),\n      0\n    )\n    scale(1.1);\n}\n\n\n\/* ---------------------------------------------------------\n   6. \u5199\u771f\u4e0a\u306e\u6587\u7ae0\n   --------------------------------------------------------- *\/\n\n.ulucia-works__label {\n  position: absolute;\n  right: 24px;\n  bottom: 22px;\n  left: 24px;\n  z-index: 3;\n}\n\n.ulucia-works__number {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: #e3bd61;\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.14em;\n}\n\n.ulucia-works__label h3 {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(20px, 2vw, 28px);\n  line-height: 1.4;\n}\n\n.ulucia-works__label p {\n  margin: 8px 0 0;\n\n  color: #ededed;\n\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\n\/* ---------------------------------------------------------\n   7. \u767b\u5834\u524d\n   JavaScript\u304c\u8d77\u52d5\u3057\u305f\u5834\u5408\u3060\u3051\u9069\u7528\n   --------------------------------------------------------- *\/\n\n.ulucia-works.is-works-ready\n.ulucia-works__eyebrow,\n.ulucia-works.is-works-ready\n.ulucia-works__title,\n.ulucia-works.is-works-ready\n.ulucia-works__lead,\n.ulucia-works.is-works-ready\n.ulucia-works__link,\n.ulucia-works.is-works-ready\n.ulucia-works__item {\n  opacity: 0;\n\n  transition:\n    opacity 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    transform 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    clip-path 1.25s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change:\n    opacity,\n    transform,\n    clip-path;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__eyebrow,\n.ulucia-works.is-works-ready\n.ulucia-works__title,\n.ulucia-works.is-works-ready\n.ulucia-works__lead {\n  transform:\n    translate3d(0, 28px, 0);\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__link {\n  transform:\n    translate3d(36px, 0, 0);\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__main {\n  clip-path:\n    inset(0 100% 0 0 round 18px);\n\n  transform:\n    translate3d(0, 20px, 0);\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__sub:nth-child(1) {\n  clip-path:\n    inset(100% 0 0 0 round 18px);\n\n  transform:\n    translate3d(20px, 0, 0);\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__sub:nth-child(2) {\n  clip-path:\n    inset(0 0 100% 0 round 18px);\n\n  transform:\n    translate3d(20px, 0, 0);\n}\n\n\n\/* ---------------------------------------------------------\n   8. \u767b\u5834\u5f8c\n   --------------------------------------------------------- *\/\n\n.ulucia-works.is-works-ready.is-works-visible\n.ulucia-works__eyebrow,\n.ulucia-works.is-works-ready.is-works-visible\n.ulucia-works__title,\n.ulucia-works.is-works-ready.is-works-visible\n.ulucia-works__lead,\n.ulucia-works.is-works-ready.is-works-visible\n.ulucia-works__link,\n.ulucia-works.is-works-ready.is-works-visible\n.ulucia-works__item {\n  opacity: 1;\n\n  transform: translate3d(0, 0, 0);\n\n  clip-path:\n    inset(0 0 0 0 round 18px);\n}\n\n\n\/* ---------------------------------------------------------\n   9. \u767b\u5834\u3059\u308b\u9806\u756a\n   --------------------------------------------------------- *\/\n\n.ulucia-works.is-works-ready\n.ulucia-works__eyebrow {\n  transition-delay: 0ms;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__title {\n  transition-delay: 180ms;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__lead {\n  transition-delay: 360ms;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__link {\n  transition-delay: 520ms;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__main {\n  transition-delay: 700ms;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__sub:nth-child(1) {\n  transition-delay: 930ms;\n}\n\n.ulucia-works.is-works-ready\n.ulucia-works__sub:nth-child(2) {\n  transition-delay: 1160ms;\n}\n\n\n\/* ---------------------------------------------------------\n   10. \u30b9\u30de\u30db\n   --------------------------------------------------------- *\/\n\n@media screen and (max-width: 767px) {\n\n  .ulucia-works {\n    padding: 64px 20px;\n  }\n\n  .ulucia-works__head {\n    display: block;\n    margin-bottom: 30px;\n  }\n\n  .ulucia-works__lead {\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .ulucia-works__link {\n    margin-top: 24px;\n  }\n\n  .ulucia-works__grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .ulucia-works__right {\n    grid-template-rows: none;\n    gap: 16px;\n  }\n\n  .ulucia-works__main {\n    min-height: 360px;\n  }\n\n  .ulucia-works__sub {\n    min-height: 240px;\n  }\n\n  .ulucia-works__label {\n    right: 20px;\n    bottom: 18px;\n    left: 20px;\n  }\n\n  .ulucia-works.is-works-ready\n  .ulucia-works__link,\n  .ulucia-works.is-works-ready\n  .ulucia-works__main,\n  .ulucia-works.is-works-ready\n  .ulucia-works__sub:nth-child(1),\n  .ulucia-works.is-works-ready\n  .ulucia-works__sub:nth-child(2) {\n    clip-path:\n      inset(100% 0 0 0 round 18px);\n\n    transform:\n      translate3d(0, 28px, 0);\n  }\n\n  .ulucia-works.is-works-ready.is-works-visible\n  .ulucia-works__link,\n  .ulucia-works.is-works-ready.is-works-visible\n  .ulucia-works__main,\n  .ulucia-works.is-works-ready.is-works-visible\n  .ulucia-works__sub:nth-child(1),\n  .ulucia-works.is-works-ready.is-works-visible\n  .ulucia-works__sub:nth-child(2) {\n    clip-path:\n      inset(0 0 0 0 round 18px);\n\n    transform:\n      translate3d(0, 0, 0);\n  }\n\n  .ulucia-works__item:hover {\n    transform: translateY(-3px);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   11. \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ulucia-works.is-works-ready\n  .ulucia-works__eyebrow,\n  .ulucia-works.is-works-ready\n  .ulucia-works__title,\n  .ulucia-works.is-works-ready\n  .ulucia-works__lead,\n  .ulucia-works.is-works-ready\n  .ulucia-works__link,\n  .ulucia-works.is-works-ready\n  .ulucia-works__item {\n    opacity: 1 !important;\n    transform: none !important;\n    clip-path: none !important;\n    transition: none !important;\n    will-change: auto !important;\n  }\n\n  .ulucia-works__media img {\n    transform: scale(1.04) !important;\n    transition: none !important;\n    will-change: auto !important;\n  }\n\n  .ulucia-works__item,\n  .ulucia-works__link {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const initializeWorksMotion = () => {\n    const section =\n      document.querySelector(\".ulucia-works\");\n\n    if (!section) {\n      return false;\n    }\n\n    if (\n      section.dataset.worksMotion === \"true\"\n    ) {\n      return true;\n    }\n\n    section.dataset.worksMotion = \"true\";\n\n    const images =\n      section.querySelectorAll(\n        \".ulucia-works__media img\"\n      );\n\n    section.classList.add(\n      \"is-works-ready\"\n    );\n\n    \/*\n     * CSS\u306e\u767b\u5834\u524d\u306e\u72b6\u614b\u3092\n     * \u30d6\u30e9\u30a6\u30b6\u3078\u8a8d\u8b58\u3055\u305b\u307e\u3059\n     *\/\n    void section.offsetWidth;\n\n    const reduceMotion =\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n    let animationFrameId = null;\n\n\n    \/* ===================================================\n       \u5199\u771f\u306e\u308f\u305a\u304b\u306a\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\n       =================================================== *\/\n\n    const updateImagePosition = () => {\n      if (reduceMotion) {\n        return;\n      }\n\n      const rect =\n        section.getBoundingClientRect();\n\n      const viewportHeight =\n        window.innerHeight ||\n        document.documentElement.clientHeight;\n\n      const totalDistance =\n        viewportHeight + rect.height;\n\n      const travelledDistance =\n        viewportHeight - rect.top;\n\n      const progress =\n        Math.min(\n          1,\n          Math.max(\n            0,\n            travelledDistance \/\n              totalDistance\n          )\n        );\n\n      const movementRange =\n        window.innerWidth <= 767\n          ? 10\n          : 22;\n\n      const shift =\n        (progress - 0.5) *\n        movementRange;\n\n      images.forEach((image, index) => {\n        const direction =\n          index === 1 ? -1 : 1;\n\n        image.style.setProperty(\n          \"--ulucia-works-image-shift\",\n          `${(\n            shift * direction\n          ).toFixed(1)}px`\n        );\n      });\n\n      animationFrameId = null;\n    };\n\n\n    const requestImageUpdate = () => {\n      if (animationFrameId !== null) {\n        return;\n      }\n\n      animationFrameId =\n        window.requestAnimationFrame(\n          updateImagePosition\n        );\n    };\n\n\n    if (!reduceMotion) {\n      updateImagePosition();\n\n      window.addEventListener(\n        \"scroll\",\n        requestImageUpdate,\n        {\n          passive: true,\n        }\n      );\n\n      window.addEventListener(\n        \"resize\",\n        requestImageUpdate\n      );\n    }\n\n\n    \/* ===================================================\n       \u30bb\u30af\u30b7\u30e7\u30f3\u767b\u5834\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n       =================================================== *\/\n\n    const revealWorks = () => {\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          section.classList.add(\n            \"is-works-visible\"\n          );\n        });\n      });\n    };\n\n\n    if (\n      reduceMotion ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealWorks();\n      return true;\n    }\n\n\n    const trigger =\n      section.querySelector(\n        \".ulucia-works__title\"\n      ) || section;\n\n    const observer =\n      new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            revealWorks();\n            observer.unobserve(\n              entry.target\n            );\n          });\n        },\n        {\n          threshold: 0.28,\n          rootMargin:\n            \"0px 0px -18% 0px\",\n        }\n      );\n\n    observer.observe(trigger);\n\n    return true;\n  };\n\n\n  const start = () => {\n    if (initializeWorksMotion()) {\n      return;\n    }\n\n    const observer =\n      new MutationObserver(() => {\n        if (initializeWorksMotion()) {\n          observer.disconnect();\n        }\n      });\n\n    observer.observe(\n      document.documentElement,\n      {\n        childList: true,\n        subtree: true,\n      }\n    );\n\n    window.setTimeout(() => {\n      observer.disconnect();\n    }, 10000);\n  };\n\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      {\n        once: true,\n      }\n    );\n  } else {\n    start();\n  }\n\n  window.addEventListener(\n    \"load\",\n    start,\n    {\n      once: true,\n    }\n  );\n})();\n<\/script>\n\n<section class=\"ulucia-works\">\n  <div class=\"ulucia-works__inner\">\n\n    <div class=\"ulucia-works__head\">\n      <div class=\"ulucia-works__heading\">\n        <p class=\"ulucia-works__eyebrow\">\n          WORKS\n        <\/p>\n\n        <h2 class=\"ulucia-works__title\">\n          \u66ae\u3089\u3057\u306b\u5bc4\u308a\u6dfb\u3046<br>\n          \u65bd\u5de5\u30fb\u8a2d\u7f6e\u306e\u5b9f\u4f8b\n        <\/h2>\n\n        <p class=\"ulucia-works__lead\">\n          \u592a\u967d\u5149\u767a\u96fb\u3001\u84c4\u96fb\u6c60\u3001\u30aa\u30fc\u30eb\u96fb\u5316\u307e\u3067\u3002<br>\n          \u4f4f\u307e\u3044\u306e\u72b6\u6cc1\u306b\u5408\u308f\u305b\u305f\u3054\u63d0\u6848\u3068\u8a2d\u7f6e\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <a\n        class=\"ulucia-works__link\"\n        href=\"https:\/\/www.ulucia.jp\/?page_id=878\"\n      >\n        \u65bd\u5de5\u5b9f\u7e3e\u3092\u3059\u3079\u3066\u898b\u308b\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"ulucia-works__grid\">\n\n      <a\n        class=\"ulucia-works__item ulucia-works__main\"\n        href=\"https:\/\/www.ulucia.jp\/?page_id=878\"\n      >\n        <div class=\"ulucia-works__media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/NIKA8766.jpeg\"\n            alt=\"\u4f4f\u5b85\u306e\u5c4b\u6839\u306b\u8a2d\u7f6e\u3055\u308c\u305f\u592a\u967d\u5149\u30d1\u30cd\u30eb\"\n          >\n        <\/div>\n\n        <div class=\"ulucia-works__label\">\n          <span class=\"ulucia-works__number\">\n            SOLAR POWER\n          <\/span>\n\n          <h3>\u592a\u967d\u5149\u767a\u96fb\u30b7\u30b9\u30c6\u30e0<\/h3>\n\n          <p>\n            \u3054\u81ea\u5b85\u306e\u5c4b\u6839\u3092\u6d3b\u7528\u3057\u305f\u3001\n            \u96fb\u6c17\u4ee3\u5bfe\u7b56\u306b\u3064\u306a\u304c\u308b\u3054\u63d0\u6848\u3002\n          <\/p>\n        <\/div>\n      <\/a>\n\n      <div class=\"ulucia-works__right\">\n\n        <a\n          class=\"ulucia-works__item ulucia-works__sub\"\n          href=\"https:\/\/www.ulucia.jp\/?page_id=878\"\n        >\n          <div class=\"ulucia-works__media\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/ICWY6953.jpeg\"\n              alt=\"\u4f4f\u5b85\u306b\u8a2d\u7f6e\u3055\u308c\u305f\u84c4\u96fb\u6c60\"\n            >\n          <\/div>\n\n          <div class=\"ulucia-works__label\">\n            <span class=\"ulucia-works__number\">\n              BATTERY\n            <\/span>\n\n            <h3>\u84c4\u96fb\u6c60\u306e\u8a2d\u7f6e<\/h3>\n\n            <p>\n              \u505c\u96fb\u6642\u306e\u5099\u3048\u3068\u3001\n              \u96fb\u6c17\u306e\u6709\u52b9\u6d3b\u7528\u3092\u652f\u3048\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/a>\n\n        <a\n          class=\"ulucia-works__item ulucia-works__sub\"\n          href=\"https:\/\/www.ulucia.jp\/?page_id=878\"\n        >\n          <div class=\"ulucia-works__media\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/YCNY4909.jpeg\"\n              alt=\"\u4f4f\u5b85\u306b\u8a2d\u7f6e\u3055\u308c\u305f\u30aa\u30fc\u30eb\u96fb\u5316\u8a2d\u5099\"\n            >\n          <\/div>\n\n          <div class=\"ulucia-works__label\">\n            <span class=\"ulucia-works__number\">\n              ALL ELECTRIC\n            <\/span>\n\n            <h3>\u30aa\u30fc\u30eb\u96fb\u5316\u306e\u3054\u63d0\u6848<\/h3>\n\n            <p>\n              \u30a8\u30b3\u30ad\u30e5\u30fc\u30c8\u306a\u3069\u3001\n              \u6bce\u65e5\u306e\u66ae\u3089\u3057\u3092\u5feb\u9069\u306b\u6574\u3048\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   \u682a\u5f0f\u4f1a\u793eUlucia Group\n   FOLLOW US\uff5cInstagram\u304a\u3059\u3059\u3081\u6295\u7a3f3\u4ef6\n   \u5b8c\u5168\u7248CSS\n\n   \u30fbCSS\u30bf\u30d6\u306e\u5185\u5bb9\u3092\u3059\u3079\u3066\u524a\u9664\u3057\u3066\u4e38\u3054\u3068\u4ea4\u63db\n   \u30fbGutenberg\u306e\u72ed\u3044\u672c\u6587\u5e45\u304b\u3089\u5168\u5e45\u3078\u5c55\u958b\n   \u30fb\u5185\u5074\u306f\u6700\u59271260px\u3067TOP\u30da\u30fc\u30b8\u306e\u4ed6\u30bb\u30af\u30b7\u30e7\u30f3\u3068\u7d71\u4e00\n   \u30fb\u65e7\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30af\u30e9\u30b9CSS\u306f\u542b\u3081\u306a\u3044\n   \u30fb\u52d5\u304d\u306fJavaScript\u306e\u76f4\u63a5\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7248\u304c\u62c5\u5f53\n   ========================================================= *\/\n\n\n\/* Gutenberg\u306e\u72ed\u3044\u672c\u6587\u5e45\u304b\u3089\u5b89\u5168\u306b\u629c\u3051\u308b\u305f\u3081\u306e\u4fdd\u967a *\/\n.wp-block-html:has(> .ulucia-instagram-showcase) {\n  overflow: visible !important;\n}\n\n.ulucia-instagram-showcase {\n  position: relative;\n  box-sizing: border-box;\n  width: 100vw;\n  max-width: none;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  overflow: hidden;\n  padding: clamp(76px, 9vw, 126px) 0;\n  color: #ffffff;\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(227, 189, 97, 0.13),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 90% 82%,\n      rgba(227, 189, 97, 0.07),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #101112 0%,\n      #191a1c 52%,\n      #111214 100%\n    );\n  border-top: 1px solid rgba(227, 189, 97, 0.2);\n  border-bottom: 1px solid rgba(227, 189, 97, 0.2);\n}\n\n.ulucia-instagram-showcase::before,\n.ulucia-instagram-showcase::after {\n  content: \"\";\n  position: absolute;\n  border: 1px solid rgba(227, 189, 97, 0.08);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.ulucia-instagram-showcase::before {\n  top: -390px;\n  right: -240px;\n  width: 650px;\n  height: 650px;\n}\n\n.ulucia-instagram-showcase::after {\n  bottom: -460px;\n  left: -260px;\n  width: 720px;\n  height: 720px;\n}\n\n.ulucia-instagram-showcase__inner {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n  width: calc(100% - 48px);\n  max-width: 1260px;\n  margin: 0 auto;\n}\n\n.ulucia-instagram-showcase__header {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);\n  align-items: end;\n  gap: clamp(36px, 7vw, 92px);\n  margin-bottom: clamp(42px, 5.5vw, 70px);\n}\n\n.ulucia-instagram-showcase__eyebrow {\n  margin: 0 0 12px;\n  color: #e3bd61;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.22em;\n}\n\n.ulucia-instagram-showcase__title {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(31px, 4.3vw, 54px);\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0.015em;\n}\n\n.ulucia-instagram-showcase__intro {\n  padding-left: clamp(20px, 3vw, 42px);\n  border-left: 1px solid rgba(227, 189, 97, 0.28);\n}\n\n.ulucia-instagram-showcase__intro p {\n  margin: 0;\n  color: #c9c9c9;\n  font-size: 14px;\n  line-height: 2;\n}\n\n.ulucia-instagram-showcase__account {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-top: 18px;\n  color: #ffffff !important;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1;\n  text-decoration: none !important;\n  transition:\n    color 0.25s ease,\n    transform 0.25s ease;\n}\n\n.ulucia-instagram-showcase__account:hover {\n  color: #e3bd61 !important;\n  transform: translateX(3px);\n}\n\n.ulucia-instagram-showcase__account-icon {\n  display: inline-grid;\n  place-items: center;\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  background:\n    radial-gradient(\n      circle at 30% 105%,\n      #fdf497 0%,\n      #fdf497 5%,\n      #fd5949 45%,\n      #d6249f 60%,\n      #285aeb 90%\n    );\n  color: #ffffff;\n}\n\n.ulucia-instagram-showcase__account-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.ulucia-instagram-showcase__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: clamp(18px, 2.4vw, 30px);\n}\n\n.ulucia-instagram-showcase__card {\n  min-width: 0;\n  margin: 0;\n}\n\n.ulucia-instagram-showcase__link {\n  display: block;\n  height: 100%;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.025);\n  color: #ffffff !important;\n  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.27);\n  text-decoration: none !important;\n  transition:\n    transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 0.3s ease,\n    box-shadow 0.38s ease;\n}\n\n.ulucia-instagram-showcase__link:hover {\n  border-color: rgba(227, 189, 97, 0.53);\n  box-shadow:\n    0 30px 66px rgba(0, 0, 0, 0.38),\n    0 0 30px rgba(227, 189, 97, 0.07);\n  transform: translateY(-8px);\n}\n\n.ulucia-instagram-showcase__image-wrap {\n  position: relative;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 5;\n  background: #090909;\n}\n\n.ulucia-instagram-showcase__image {\n  display: block;\n  width: 100%;\n  height: 100%;\n  margin: 0 !important;\n  object-fit: cover;\n  object-position: center;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  transform: scale(1.001);\n  transition:\n    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),\n    filter 0.45s ease;\n}\n\n.ulucia-instagram-showcase__link:hover\n.ulucia-instagram-showcase__image {\n  filter: brightness(0.75);\n  transform: scale(1.055);\n}\n\n.ulucia-instagram-showcase__shade {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      to top,\n      rgba(0, 0, 0, 0.55),\n      transparent 34%\n    );\n  pointer-events: none;\n}\n\n.ulucia-instagram-showcase__number {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  z-index: 2;\n  display: inline-grid;\n  place-items: center;\n  width: 42px;\n  height: 42px;\n  border: 1px solid rgba(227, 189, 97, 0.55);\n  border-radius: 50%;\n  background: rgba(10, 10, 10, 0.58);\n  color: #e3bd61;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  -webkit-backdrop-filter: blur(10px);\n  backdrop-filter: blur(10px);\n}\n\n.ulucia-instagram-showcase__open {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 3;\n  display: grid;\n  place-items: center;\n  width: 58px;\n  height: 58px;\n  border: 1px solid rgba(255, 255, 255, 0.38);\n  border-radius: 50%;\n  background: rgba(10, 10, 10, 0.56);\n  color: #ffffff;\n  opacity: 0;\n  transform: translate(-50%, -43%) scale(0.86);\n  -webkit-backdrop-filter: blur(11px);\n  backdrop-filter: blur(11px);\n  transition:\n    opacity 0.32s ease,\n    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n    border-color 0.3s ease,\n    background-color 0.3s ease;\n}\n\n.ulucia-instagram-showcase__open svg {\n  width: 25px;\n  height: 25px;\n}\n\n.ulucia-instagram-showcase__link:hover\n.ulucia-instagram-showcase__open {\n  border-color: rgba(227, 189, 97, 0.72);\n  background: rgba(20, 17, 10, 0.72);\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.ulucia-instagram-showcase__meta {\n  min-height: 154px;\n  padding: 24px 23px 25px;\n}\n\n.ulucia-instagram-showcase__category {\n  display: block;\n  margin-bottom: 9px;\n  color: #e3bd61;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: 0.19em;\n}\n\n.ulucia-instagram-showcase__meta h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(16px, 1.45vw, 19px);\n  font-weight: 700;\n  line-height: 1.65;\n}\n\n.ulucia-instagram-showcase__meta p {\n  margin: 9px 0 0;\n  color: #a9a9a9;\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n.ulucia-instagram-showcase__footer {\n  margin-top: clamp(38px, 5vw, 58px);\n  text-align: center;\n}\n\n.ulucia-instagram-showcase__button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 17px;\n  overflow: hidden;\n  min-width: 270px;\n  padding: 16px 27px;\n  border: 1px solid #e3bd61;\n  border-radius: 999px;\n  background: transparent;\n  color: #ffffff !important;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n  text-decoration: none !important;\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.ulucia-instagram-showcase__button::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background: #e3bd61;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.ulucia-instagram-showcase__button:hover {\n  color: #121212 !important;\n  box-shadow: 0 15px 35px rgba(227, 189, 97, 0.16);\n  transform: translateY(-3px);\n}\n\n.ulucia-instagram-showcase__button:hover::before {\n  transform: scaleX(1);\n}\n\n.ulucia-instagram-showcase__button-arrow {\n  font-size: 19px;\n  transition: transform 0.3s ease;\n}\n\n.ulucia-instagram-showcase__button:hover\n.ulucia-instagram-showcase__button-arrow {\n  transform: translateX(5px);\n}\n\n.ulucia-instagram-showcase__sp-only {\n  display: none;\n}\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8 *\/\n@media screen and (max-width: 960px) {\n  .ulucia-instagram-showcase__header {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .ulucia-instagram-showcase__intro {\n    max-width: 560px;\n  }\n\n  .ulucia-instagram-showcase__grid {\n    gap: 16px;\n  }\n\n  .ulucia-instagram-showcase__meta {\n    padding: 20px 18px 22px;\n  }\n}\n\n\/* \u30b9\u30de\u30db\uff1a\u6a2a\u30b9\u30ef\u30a4\u30d7\uff0b\u6b21\u306e\u30ab\u30fc\u30c9\u3092\u5c11\u3057\u898b\u305b\u308b *\/\n@media screen and (max-width: 767px) {\n  .ulucia-instagram-showcase {\n    padding: 68px 0 74px;\n  }\n\n  .ulucia-instagram-showcase__inner {\n    width: 100%;\n    max-width: none;\n  }\n\n  .ulucia-instagram-showcase__header {\n    box-sizing: border-box;\n    padding: 0 20px;\n    margin-bottom: 35px;\n  }\n\n  .ulucia-instagram-showcase__title {\n    font-size: 31px;\n    line-height: 1.42;\n  }\n\n  .ulucia-instagram-showcase__sp-only {\n    display: initial;\n  }\n\n  .ulucia-instagram-showcase__intro {\n    padding-left: 18px;\n  }\n\n  .ulucia-instagram-showcase__intro p {\n    font-size: 13px;\n  }\n\n  .ulucia-instagram-showcase__grid {\n    display: flex;\n    grid-template-columns: none;\n    gap: 16px;\n    overflow-x: auto;\n    padding: 4px 20px 25px;\n    scroll-padding-left: 20px;\n    scroll-snap-type: x mandatory;\n    overscroll-behavior-inline: contain;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n\n  .ulucia-instagram-showcase__grid::-webkit-scrollbar {\n    display: none;\n  }\n\n  .ulucia-instagram-showcase__card {\n    flex: 0 0 min(82vw, 350px);\n    scroll-snap-align: start;\n  }\n\n  .ulucia-instagram-showcase__link:hover {\n    transform: none;\n  }\n\n  .ulucia-instagram-showcase__open {\n    top: auto;\n    right: 14px;\n    bottom: 14px;\n    left: auto;\n    width: 42px;\n    height: 42px;\n    opacity: 1;\n    transform: none;\n  }\n\n  .ulucia-instagram-showcase__open svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .ulucia-instagram-showcase__link:hover\n  .ulucia-instagram-showcase__open {\n    transform: none;\n  }\n\n  .ulucia-instagram-showcase__meta {\n    min-height: 142px;\n    padding: 21px 20px 23px;\n  }\n\n  .ulucia-instagram-showcase__meta h3 {\n    font-size: 17px;\n  }\n\n  .ulucia-instagram-showcase__footer {\n    box-sizing: border-box;\n    margin-top: 22px;\n    padding: 0 20px;\n  }\n\n  .ulucia-instagram-showcase__button {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 360px;\n    min-width: 0;\n  }\n}\n\n\/* \u30ad\u30fc\u30dc\u30fc\u30c9\u64cd\u4f5c *\/\n.ulucia-instagram-showcase a:focus-visible {\n  outline: 2px solid #e3bd61;\n  outline-offset: 4px;\n}\n\n\/* \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a *\/\n@media (prefers-reduced-motion: reduce) {\n  .ulucia-instagram-showcase__link,\n  .ulucia-instagram-showcase__image,\n  .ulucia-instagram-showcase__open,\n  .ulucia-instagram-showcase__button,\n  .ulucia-instagram-showcase__button::before,\n  .ulucia-instagram-showcase__button-arrow {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =========================================================\n   ULUCIA Instagram Showcase Motion\n   \u30d6\u30ed\u30c3\u30af\u5185\u5b8c\u7d50\u30fbENERGY GATE\u5bfe\u5fdc\u30fb\u78ba\u5b9f\u8868\u793a\u7248\n   ========================================================= *\/\n\n(function () {\n  \"use strict\";\n\n  var SECTION_SELECTOR = \".ulucia-instagram-showcase\";\n  var GATE_SELECTOR = \"#ulucia-energy-gate\";\n  var RETRY_LIMIT = 60;\n  var retryCount = 0;\n  var initialized = false;\n\n  function isReducedMotion() {\n    return window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n  }\n\n  function isEnergyGateFinished() {\n    var gate = document.querySelector(GATE_SELECTOR);\n\n    if (!gate) {\n      return true;\n    }\n\n    return (\n      gate.classList.contains(\"is-hidden\") ||\n      gate.getAttribute(\"aria-hidden\") === \"true\"\n    );\n  }\n\n  function setInitialState(element, transformValue) {\n    if (!element) {\n      return;\n    }\n\n    element.style.opacity = \"0\";\n    element.style.transform = transformValue;\n    element.style.willChange = \"opacity, transform\";\n  }\n\n  function finishElement(element) {\n    if (!element) {\n      return;\n    }\n\n    element.style.opacity = \"1\";\n    element.style.transform = \"none\";\n    element.style.willChange = \"\";\n  }\n\n  function animateElement(\n    element,\n    startTransform,\n    delay,\n    duration\n  ) {\n    if (!element || element.dataset.uluciaAnimated === \"1\") {\n      return;\n    }\n\n    element.dataset.uluciaAnimated = \"1\";\n\n    var reduced = isReducedMotion();\n\n    if (reduced) {\n      duration = 280;\n      startTransform = \"none\";\n    }\n\n    if (typeof element.animate === \"function\") {\n      var animation = element.animate(\n        [\n          {\n            opacity: 0,\n            transform: startTransform\n          },\n          {\n            opacity: 1,\n            transform: \"none\"\n          }\n        ],\n        {\n          duration: duration,\n          delay: delay,\n          easing: reduced\n            ? \"ease\"\n            : \"cubic-bezier(0.22, 1, 0.36, 1)\",\n          fill: \"both\"\n        }\n      );\n\n      animation.onfinish = function () {\n        finishElement(element);\n        animation.cancel();\n      };\n\n      return;\n    }\n\n    element.style.transition =\n      \"opacity \" +\n      duration +\n      \"ms ease \" +\n      delay +\n      \"ms, transform \" +\n      duration +\n      \"ms cubic-bezier(0.22, 1, 0.36, 1) \" +\n      delay +\n      \"ms\";\n\n    window.requestAnimationFrame(function () {\n      element.style.opacity = \"1\";\n      element.style.transform = \"none\";\n    });\n\n    window.setTimeout(function () {\n      element.style.transition = \"\";\n      finishElement(element);\n    }, delay + duration + 120);\n  }\n\n  function observeOnce(element, callback, options) {\n    if (!element) {\n      return;\n    }\n\n    if (!(\"IntersectionObserver\" in window)) {\n      callback();\n      return;\n    }\n\n    var observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) {\n            return;\n          }\n\n          callback();\n          observer.unobserve(entry.target);\n        });\n      },\n      options || {\n        threshold: 0.15,\n        rootMargin: \"0px 0px -10% 0px\"\n      }\n    );\n\n    observer.observe(element);\n  }\n\n  function playMobileSwipeHint(section) {\n    if (window.innerWidth > 767 || isReducedMotion()) {\n      return;\n    }\n\n    var grid = section.querySelector(\n      \".ulucia-instagram-showcase__grid\"\n    );\n\n    if (!grid) {\n      return;\n    }\n\n    if (\n      grid.dataset.uluciaSwipeHint === \"1\" ||\n      grid.scrollWidth <= grid.clientWidth + 10\n    ) {\n      return;\n    }\n\n    grid.dataset.uluciaSwipeHint = \"1\";\n\n    window.setTimeout(function () {\n      try {\n        grid.scrollTo({\n          left: 48,\n          behavior: \"smooth\"\n        });\n      } catch (error) {\n        grid.scrollLeft = 48;\n      }\n\n      window.setTimeout(function () {\n        try {\n          grid.scrollTo({\n            left: 0,\n            behavior: \"smooth\"\n          });\n        } catch (error) {\n          grid.scrollLeft = 0;\n        }\n      }, 720);\n    }, 1450);\n  }\n\n  function initializeMotion() {\n    if (initialized) {\n      return true;\n    }\n\n    var section = document.querySelector(SECTION_SELECTOR);\n\n    if (!section) {\n      return false;\n    }\n\n    if (!isEnergyGateFinished()) {\n      return false;\n    }\n\n    initialized = true;\n\n    var heading = section.querySelector(\n      \".ulucia-instagram-showcase__heading\"\n    );\n\n    var intro = section.querySelector(\n      \".ulucia-instagram-showcase__intro\"\n    );\n\n    var grid = section.querySelector(\n      \".ulucia-instagram-showcase__grid\"\n    );\n\n    var cards = section.querySelectorAll(\n      \".ulucia-instagram-showcase__card\"\n    );\n\n    var footer = section.querySelector(\n      \".ulucia-instagram-showcase__footer\"\n    );\n\n    \/*\n     * \u753b\u9762\u306b\u5165\u308b\u524d\u306e\u521d\u671f\u4f4d\u7f6e\u3092\u8a2d\u5b9a\u3002\n     * \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u306f\u306a\u304f\u3001\u898b\u51fa\u3057\u30fb\u30ab\u30fc\u30c9\u30fb\u30dc\u30bf\u30f3\u3092\u5225\u3005\u306b\u76e3\u8996\u3059\u308b\u305f\u3081\u3001\n     * \u4e0b\u307e\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u524d\u306b\u52d5\u304d\u304c\u7d42\u308f\u308b\u3053\u3068\u3092\u9632\u304e\u307e\u3059\u3002\n     *\/\n    setInitialState(\n      heading,\n      \"translate3d(0, 38px, 0)\"\n    );\n\n    setInitialState(\n      intro,\n      \"translate3d(38px, 0, 0)\"\n    );\n\n    Array.prototype.forEach.call(\n      cards,\n      function (card) {\n        setInitialState(\n          card,\n          \"translate3d(0, 52px, 0) scale(0.955)\"\n        );\n      }\n    );\n\n    setInitialState(\n      footer,\n      \"translate3d(0, 32px, 0)\"\n    );\n\n    \/*\n     * \u898b\u51fa\u3057\u3068\u8aac\u660e\u6587\n     *\/\n    observeOnce(\n      section.querySelector(\n        \".ulucia-instagram-showcase__header\"\n      ),\n      function () {\n        animateElement(\n          heading,\n          \"translate3d(0, 38px, 0)\",\n          0,\n          850\n        );\n\n        animateElement(\n          intro,\n          \"translate3d(38px, 0, 0)\",\n          130,\n          850\n        );\n      },\n      {\n        threshold: 0.22,\n        rootMargin: \"0px 0px -12% 0px\"\n      }\n    );\n\n    \/*\n     * 01 \u2192 02 \u2192 03\n     *\/\n    observeOnce(\n      grid,\n      function () {\n        Array.prototype.forEach.call(\n          cards,\n          function (card, index) {\n            animateElement(\n              card,\n              \"translate3d(0, 52px, 0) scale(0.955)\",\n              index * 170,\n              920\n            );\n          }\n        );\n\n        playMobileSwipeHint(section);\n      },\n      {\n        threshold: 0.14,\n        rootMargin: \"0px 0px -10% 0px\"\n      }\n    );\n\n    \/*\n     * Instagram\u30dc\u30bf\u30f3\n     *\/\n    observeOnce(\n      footer,\n      function () {\n        animateElement(\n          footer,\n          \"translate3d(0, 32px, 0)\",\n          0,\n          820\n        );\n      },\n      {\n        threshold: 0.35,\n        rootMargin: \"0px 0px -8% 0px\"\n      }\n    );\n\n    return true;\n  }\n\n  function waitUntilReady() {\n    if (initializeMotion()) {\n      return;\n    }\n\n    retryCount += 1;\n\n    if (retryCount >= RETRY_LIMIT) {\n      \/*\n       * ENERGY GATE\u304c\u5b58\u5728\u3057\u306a\u3044\u3001\u307e\u305f\u306f\u72b6\u614b\u53d6\u5f97\u306b\u5931\u6557\u3057\u305f\u5834\u5408\u306e\u6700\u7d42\u4fdd\u967a\u3002\n       *\/\n      var section = document.querySelector(SECTION_SELECTOR);\n\n      if (section) {\n        initialized = false;\n\n        var gate = document.querySelector(GATE_SELECTOR);\n\n        if (gate) {\n          gate.classList.add(\"is-hidden\");\n          gate.setAttribute(\"aria-hidden\", \"true\");\n        }\n\n        initializeMotion();\n      }\n\n      return;\n    }\n\n    window.setTimeout(waitUntilReady, 150);\n  }\n\n  function start() {\n    window.requestAnimationFrame(function () {\n      window.requestAnimationFrame(waitUntilReady);\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      { once: true }\n    );\n  } else {\n    start();\n  }\n})();\n<\/script>\n\n<!-- =========================================================\n     ULUCIA Instagram \u304a\u3059\u3059\u3081\u6295\u7a3f3\u4ef6\n     TOP\u30da\u30fc\u30b8\u306e\u65e2\u5b58\u300cFOLLOW US\u300d\u30bb\u30af\u30b7\u30e7\u30f3\u3068\u5dee\u3057\u66ff\u3048\n     ========================================================= -->\n\n<section class=\"ulucia-instagram-showcase\" aria-labelledby=\"ulucia-instagram-title\">\n  <div class=\"ulucia-instagram-showcase__inner\">\n\n    <header class=\"ulucia-instagram-showcase__header\">\n      <div class=\"ulucia-instagram-showcase__heading\">\n        <p class=\"ulucia-instagram-showcase__eyebrow\">FOLLOW US<\/p>\n\n        <h2 id=\"ulucia-instagram-title\" class=\"ulucia-instagram-showcase__title\">\n          \u65bd\u5de5\u5b9f\u7e3e\u3068\u3001<br class=\"ulucia-instagram-showcase__sp-only\">\n          Ulucia Group\u306e\u65e5\u5e38\u3002\n        <\/h2>\n      <\/div>\n\n      <div class=\"ulucia-instagram-showcase__intro\">\n        <p>\n          \u66ae\u3089\u3057\u3092\u652f\u3048\u308b\u65bd\u5de5\u306e\u69d8\u5b50\u3084\u3001<br>\n          \u4e00\u7dd2\u306b\u50cd\u304f\u4ef2\u9593\u305f\u3061\u306e\u65e5\u5e38\u3092\u767a\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <a class=\"ulucia-instagram-showcase__account\" href=\"https:\/\/www.instagram.com\/ulucia2025\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ulucia Group\u516c\u5f0fInstagram\u3092\u65b0\u3057\u3044\u30bf\u30d6\u3067\u958b\u304f\">\n          <span class=\"ulucia-instagram-showcase__account-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2Zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5Zm8.95 1.35a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2ZM12 6.85A5.15 5.15 0 1 1 6.85 12 5.16 5.16 0 0 1 12 6.85Zm0 1.8A3.35 3.35 0 1 0 15.35 12 3.35 3.35 0 0 0 12 8.65Z\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>@ulucia2025<\/span>\n        <\/a>\n      <\/div>\n    <\/header>\n\n    <div class=\"ulucia-instagram-showcase__grid\" aria-label=\"Instagram\u304a\u3059\u3059\u3081\u6295\u7a3f\">\n\n      <!-- 01\uff5c\u65bd\u5de5\u5b9f\u7e3e -->\n      <article class=\"ulucia-instagram-showcase__card\">\n        <a class=\"ulucia-instagram-showcase__link\" href=\"https:\/\/www.instagram.com\/p\/Day6v7-CVzp\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"\u30bd\u30fc\u30e9\u30fc\u30ab\u30fc\u30dd\u30fc\u30c8\u8a2d\u7f6e\u5de5\u4e8b\u306eInstagram\u6295\u7a3f\u3092\u958b\u304f\">\n          <div class=\"ulucia-instagram-showcase__image-wrap\">\n            <img class=\"ulucia-instagram-showcase__image\" src=\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2026\/07\/01-ulucia-solar-carport.webp\" alt=\"\u5927\u962a\u5e9cN\u69d8\u90b8\u306e\u30bd\u30fc\u30e9\u30fc\u30ab\u30fc\u30dd\u30fc\u30c8\u8a2d\u7f6e\u5de5\u4e8b\" loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1350\">\n\n            <span class=\"ulucia-instagram-showcase__number\" aria-hidden=\"true\">01<\/span>\n\n            <span class=\"ulucia-instagram-showcase__open\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path fill=\"currentColor\" d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2Zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5Zm8.95 1.35a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2ZM12 6.85A5.15 5.15 0 1 1 6.85 12 5.16 5.16 0 0 1 12 6.85Zm0 1.8A3.35 3.35 0 1 0 15.35 12 3.35 3.35 0 0 0 12 8.65Z\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <span class=\"ulucia-instagram-showcase__shade\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"ulucia-instagram-showcase__meta\">\n            <span class=\"ulucia-instagram-showcase__category\">WORKS<\/span>\n            <h3>\u66ae\u3089\u3057\u3092\u652f\u3048\u308b\u3001\u78ba\u304b\u306a\u65bd\u5de5\u3002<\/h3>\n            <p>\u30bd\u30fc\u30e9\u30fc\u30ab\u30fc\u30dd\u30fc\u30c8\u8a2d\u7f6e\u5de5\u4e8b<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 02\uff5c\u4ef2\u9593\u30fb\u793e\u98a8 -->\n      <article class=\"ulucia-instagram-showcase__card\">\n        <a class=\"ulucia-instagram-showcase__link\" href=\"https:\/\/www.instagram.com\/p\/Da5P0jmE1eQ\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"\u4ef2\u9593\u3068\u306e\u98df\u4e8b\u98a8\u666f\u306eInstagram\u6295\u7a3f\u3092\u958b\u304f\">\n          <div class=\"ulucia-instagram-showcase__image-wrap\">\n            <img class=\"ulucia-instagram-showcase__image\" src=\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2026\/07\/02-ulucia-team-dinner.webp\" alt=\"\u4e00\u7dd2\u306b\u50cd\u304f\u4ef2\u9593\u305f\u3061\u3068\u306e\u98df\u4e8b\u98a8\u666f\" loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1350\">\n\n            <span class=\"ulucia-instagram-showcase__number\" aria-hidden=\"true\">02<\/span>\n\n            <span class=\"ulucia-instagram-showcase__open\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path fill=\"currentColor\" d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2Zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5Zm8.95 1.35a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2ZM12 6.85A5.15 5.15 0 1 1 6.85 12 5.16 5.16 0 0 1 12 6.85Zm0 1.8A3.35 3.35 0 1 0 15.35 12 3.35 3.35 0 0 0 12 8.65Z\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <span class=\"ulucia-instagram-showcase__shade\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"ulucia-instagram-showcase__meta\">\n            <span class=\"ulucia-instagram-showcase__category\">TEAM<\/span>\n            <h3>\u4e00\u7dd2\u306b\u7b11\u3044\u3001\u4e00\u7dd2\u306b\u6210\u9577\u3067\u304d\u308b\u4ef2\u9593\u3002<\/h3>\n            <p>Ulucia Group\u306e\u65e5\u5e38<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- 03\uff5c\u63a1\u7528\u60c5\u5831 -->\n      <article class=\"ulucia-instagram-showcase__card\">\n        <a class=\"ulucia-instagram-showcase__link\" href=\"https:\/\/www.instagram.com\/p\/DZCG8YCiV3V\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"\u55b6\u696d\u30b9\u30bf\u30c3\u30d5\u52df\u96c6\u306eInstagram\u6295\u7a3f\u3092\u958b\u304f\">\n          <div class=\"ulucia-instagram-showcase__image-wrap\">\n            <img class=\"ulucia-instagram-showcase__image\" src=\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2026\/07\/03-ulucia-sales-recruit.webp\" alt=\"\u672a\u7d4c\u9a13\u6b53\u8fce\u306e\u55b6\u696d\u30b9\u30bf\u30c3\u30d5\u52df\u96c6\" loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"1350\">\n\n            <span class=\"ulucia-instagram-showcase__number\" aria-hidden=\"true\">03<\/span>\n\n            <span class=\"ulucia-instagram-showcase__open\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path fill=\"currentColor\" d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2Zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5Zm8.95 1.35a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2ZM12 6.85A5.15 5.15 0 1 1 6.85 12 5.16 5.16 0 0 1 12 6.85Zm0 1.8A3.35 3.35 0 1 0 15.35 12 3.35 3.35 0 0 0 12 8.65Z\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <span class=\"ulucia-instagram-showcase__shade\" aria-hidden=\"true\"><\/span>\n          <\/div>\n\n          <div class=\"ulucia-instagram-showcase__meta\">\n            <span class=\"ulucia-instagram-showcase__category\">RECRUIT<\/span>\n            <h3>\u672a\u7d4c\u9a13\u304b\u3089\u6311\u6226\u3067\u304d\u308b\u55b6\u696d\u8077\u3002<\/h3>\n            <p>\u4e00\u7dd2\u306b\u50cd\u304f\u4ef2\u9593\u3092\u52df\u96c6\u4e2d<\/p>\n          <\/div>\n        <\/a>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"ulucia-instagram-showcase__footer\">\n      <a class=\"ulucia-instagram-showcase__button\" href=\"https:\/\/www.instagram.com\/ulucia2025\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>\u516c\u5f0fInstagram\u3092\u3082\u3063\u3068\u898b\u308b<\/span>\n        <span class=\"ulucia-instagram-showcase__button-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   ABOUT US\n   \u4f1a\u793e\u7d39\u4ecb\u30fb\u30ac\u30e9\u30b9\u30ab\u30fc\u30c9\u30fb\u5de6\u5074\u96a0\u3057\u30ed\u30b4\u30fb\u30b9\u30af\u30ed\u30fc\u30eb\u6f14\u51fa\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   1. \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n   --------------------------------------------------------- *\/\n\n.ulucia-about {\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  width: 100vw;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  padding: 108px 28px;\n\n  background:\n    radial-gradient(\n      circle at 76% 26%,\n      rgba(227, 189, 97, 0.08),\n      transparent 32%\n    ),\n    linear-gradient(\n      135deg,\n      #141414 0%,\n      #1d1d1d 58%,\n      #181818 100%\n    );\n\n  color: #ffffff;\n}\n\n.ulucia-about__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.ulucia-about__grid {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(440px, 0.92fr);\n  align-items: center;\n  gap: clamp(58px, 7vw, 104px);\n}\n\n\n\/* ---------------------------------------------------------\n   2. \u80cc\u666f\u306e\u5149\u3068\u8ecc\u9053\n   --------------------------------------------------------- *\/\n\n.ulucia-about__ambient {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n.ulucia-about__glow {\n  position: absolute;\n  top: 48%;\n  right: -130px;\n\n  width: 520px;\n  height: 520px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(227, 189, 97, 0.13) 0%,\n      rgba(227, 189, 97, 0.035) 38%,\n      transparent 70%\n    );\n\n  filter: blur(12px);\n\n  transform:\n    translate3d(\n      0,\n      calc(\n        -50% +\n        var(--ulucia-about-glow-shift, 0px)\n      ),\n      0\n    );\n\n  will-change: transform;\n}\n\n.ulucia-about__orbit {\n  position: absolute;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.13);\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n.ulucia-about__orbit--one {\n  top: -190px;\n  right: -130px;\n\n  width: 500px;\n  height: 500px;\n\n  animation:\n    ulucia-about-orbit-one\n    22s linear infinite;\n}\n\n.ulucia-about__orbit--two {\n  right: 70px;\n  bottom: -290px;\n\n  width: 620px;\n  height: 620px;\n\n  animation:\n    ulucia-about-orbit-two\n    28s linear infinite;\n}\n\n@keyframes ulucia-about-orbit-one {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ulucia-about-orbit-two {\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   3. \u80cc\u666f\u306e\u96a0\u3057\u30ed\u30b4\n   \u5de6\u5074\u306b\u5b58\u5728\u611f\u3092\u6301\u305f\u305b\u306a\u304c\u3089\u914d\u7f6e\n   --------------------------------------------------------- *\/\n\n.ulucia-about__watermark {\n  display: block;\n  visibility: visible;\n\n  position: absolute;\n  top: 68%;\n  left: clamp(-18px, 1vw, 36px);\n  right: auto;\n  z-index: 1;\n\n  width: clamp(420px, 36vw, 620px);\n  aspect-ratio: 1 \/ 1;\n\n  background-color: #d8b56d;\n\n  -webkit-mask-image:\n    url(\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/cropped-cropped-DPVR9847.png\");\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n\n  mask-image:\n    url(\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/cropped-cropped-DPVR9847.png\");\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n\n  opacity: 0.034;\n\n  transform:\n    translate3d(\n      0,\n      calc(\n        -50% +\n        var(--ulucia-about-glow-shift, 0px)\n      ),\n      0\n    )\n    rotate(7deg);\n\n  will-change: transform;\n\n  pointer-events: none;\n  user-select: none;\n}\n\n\n\/* ---------------------------------------------------------\n   4. \u5de6\u5074\u306e\u6587\u7ae0\n   --------------------------------------------------------- *\/\n\n.ulucia-about__content {\n  position: relative;\n  z-index: 2;\n\n  min-width: 0;\n}\n\n.ulucia-about__eyebrow {\n  margin: 0 0 18px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.17em;\n}\n\n.ulucia-about__title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(36px, 5vw, 58px);\n  font-weight: 700;\n  line-height: 1.42;\n  letter-spacing: 0.01em;\n}\n\n.ulucia-about__lead {\n  max-width: 610px;\n  margin: 30px 0 0;\n\n  color: #d5d5d5;\n\n  font-size: 15px;\n  line-height: 2.15;\n}\n\n\n\/* ---------------------------------------------------------\n   5. OUR PROMISE\n   --------------------------------------------------------- *\/\n\n.ulucia-about__promise {\n  position: relative;\n\n  margin-top: 38px;\n  padding: 25px 26px 25px 30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.045),\n      rgba(255, 255, 255, 0.018)\n    );\n\n  border:\n    1px solid rgba(227, 189, 97, 0.18);\n\n  border-radius: 14px;\n\n  box-shadow:\n    0 16px 34px rgba(0, 0, 0, 0.18);\n\n  -webkit-backdrop-filter: blur(4px);\n  backdrop-filter: blur(4px);\n}\n\n.ulucia-about__promise::before {\n  content: \"\";\n\n  position: absolute;\n  top: 22px;\n  bottom: 22px;\n  left: 0;\n\n  width: 2px;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      #e3bd61,\n      transparent\n    );\n}\n\n.ulucia-about__promise-label {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: #e3bd61;\n\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.18em;\n}\n\n.ulucia-about__promise-text {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.9;\n}\n\n\n\/* ---------------------------------------------------------\n   6. \u4f1a\u793e\u6982\u8981\u30dc\u30bf\u30f3\n   --------------------------------------------------------- *\/\n\n.ulucia-about__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n\n  position: relative;\n  overflow: hidden;\n\n  margin-top: 34px;\n  padding: 15px 28px;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.88);\n\n  border-radius: 999px;\n\n  color: #e3bd61;\n\n  background:\n    rgba(227, 189, 97, 0.025);\n\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none;\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.ulucia-about__button::before {\n  content: \"\";\n\n  position: absolute;\n  top: -50%;\n  left: -70%;\n\n  width: 35%;\n  height: 200%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.45),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  animation:\n    ulucia-about-button-shine\n    6s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n.ulucia-about__button > span {\n  position: relative;\n  z-index: 1;\n}\n\n.ulucia-about__button-arrow {\n  font-size: 19px;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.ulucia-about__button:hover {\n  color: #151515;\n  background: #e3bd61;\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 14px 32px rgba(0, 0, 0, 0.25),\n    0 0 26px rgba(227, 189, 97, 0.12);\n}\n\n.ulucia-about__button:hover\n.ulucia-about__button-arrow {\n  transform: translateX(5px);\n}\n\n@keyframes ulucia-about-button-shine {\n  0%,\n  65% {\n    left: -70%;\n    opacity: 0;\n  }\n\n  71% {\n    opacity: 1;\n  }\n\n  84% {\n    left: 135%;\n    opacity: 1;\n  }\n\n  85%,\n  100% {\n    left: 135%;\n    opacity: 0;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   7. \u4f1a\u793e\u60c5\u5831\u30ab\u30fc\u30c9\n   --------------------------------------------------------- *\/\n\n.ulucia-about__card {\n  box-sizing: border-box;\n  position: relative;\n  z-index: 2;\n  overflow: hidden;\n\n  padding: 38px 38px 30px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.07),\n      rgba(255, 255, 255, 0.022)\n    );\n\n  border:\n    1px solid rgba(227, 189, 97, 0.42);\n\n  border-radius: 22px;\n\n  box-shadow:\n    0 28px 70px rgba(0, 0, 0, 0.28),\n    inset 0 1px 0 rgba(255, 255, 255, 0.045);\n\n  -webkit-backdrop-filter: blur(10px);\n  backdrop-filter: blur(10px);\n\n  transition:\n    border-color 0.4s ease,\n    box-shadow 0.4s ease,\n    transform 0.4s ease;\n}\n\n.ulucia-about__card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 10%;\n\n  width: 80%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 225, 155, 0.7),\n      transparent\n    );\n}\n\n.ulucia-about__card:hover {\n  border-color:\n    rgba(227, 189, 97, 0.68);\n\n  box-shadow:\n    0 34px 78px rgba(0, 0, 0, 0.34),\n    0 0 30px rgba(227, 189, 97, 0.055),\n    inset 0 1px 0 rgba(255, 255, 255, 0.055);\n\n  transform: translateY(-5px);\n}\n\n.ulucia-about__card-watermark {\n  position: absolute;\n  right: -32px;\n  bottom: 16px;\n  z-index: 0;\n\n  color: #e3bd61;\n\n  font-size: 86px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -0.06em;\n\n  opacity: 0.025;\n\n  transform: rotate(-90deg);\n  transform-origin: right bottom;\n\n  pointer-events: none;\n  user-select: none;\n}\n\n.ulucia-about__card-head,\n.ulucia-about__card-line,\n.ulucia-about__list {\n  position: relative;\n  z-index: 1;\n}\n\n.ulucia-about__card-head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.ulucia-about__card-label {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: #e3bd61;\n\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.18em;\n}\n\n.ulucia-about__card-head strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 20px;\n  line-height: 1.5;\n}\n\n.ulucia-about__established {\n  flex-shrink: 0;\n\n  color: #e3bd61;\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.08em;\n}\n\n.ulucia-about__card-line {\n  width: 100%;\n  height: 1px;\n  margin-top: 26px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(227, 189, 97, 0.38),\n      rgba(255, 255, 255, 0.08),\n      transparent\n    );\n\n  transform-origin: left center;\n}\n\n\n\/* ---------------------------------------------------------\n   8. \u4f1a\u793e\u60c5\u5831\u4e00\u89a7\n   --------------------------------------------------------- *\/\n\n.ulucia-about__list {\n  margin: 0;\n}\n\n.ulucia-about__item {\n  display: grid;\n  grid-template-columns: 118px minmax(0, 1fr);\n  gap: 22px;\n\n  padding: 25px 0;\n\n  border-bottom:\n    1px solid rgba(255, 255, 255, 0.085);\n}\n\n.ulucia-about__item:last-child {\n  padding-bottom: 8px;\n\n  border-bottom: 0;\n}\n\n.ulucia-about__item dt,\n.ulucia-about__item dd {\n  margin: 0;\n}\n\n.ulucia-about__item dt {\n  color: #e3bd61;\n\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.65;\n  letter-spacing: 0.08em;\n}\n\n.ulucia-about__item dt span {\n  display: inline-block;\n\n  width: 25px;\n  margin-right: 6px;\n\n  color:\n    rgba(227, 189, 97, 0.52);\n\n  font-size: 9px;\n}\n\n.ulucia-about__item dd {\n  color: #e2e2e2;\n\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\n\/* ---------------------------------------------------------\n   9. \u767b\u5834\u524d\n   JavaScript\u8d77\u52d5\u6642\u3060\u3051\u9069\u7528\n   --------------------------------------------------------- *\/\n\n.ulucia-about.is-about-ready\n.ulucia-about__eyebrow,\n.ulucia-about.is-about-ready\n.ulucia-about__title,\n.ulucia-about.is-about-ready\n.ulucia-about__lead,\n.ulucia-about.is-about-ready\n.ulucia-about__promise,\n.ulucia-about.is-about-ready\n.ulucia-about__button,\n.ulucia-about.is-about-ready\n.ulucia-about__card,\n.ulucia-about.is-about-ready\n.ulucia-about__item {\n  opacity: 0;\n\n  transition:\n    opacity 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    transform 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change:\n    opacity,\n    transform;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__eyebrow,\n.ulucia-about.is-about-ready\n.ulucia-about__title,\n.ulucia-about.is-about-ready\n.ulucia-about__lead,\n.ulucia-about.is-about-ready\n.ulucia-about__promise,\n.ulucia-about.is-about-ready\n.ulucia-about__button {\n  transform:\n    translate3d(-30px, 0, 0);\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__card {\n  transform:\n    translate3d(46px, 0, 0);\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__item {\n  transform:\n    translate3d(0, 20px, 0);\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__card-line {\n  transform: scaleX(0);\n\n  transition:\n    transform 1.1s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  transition-delay: 720ms;\n}\n\n\n\/* ---------------------------------------------------------\n   10. \u767b\u5834\u5f8c\n   --------------------------------------------------------- *\/\n\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__eyebrow,\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__title,\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__lead,\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__promise,\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__button,\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__card,\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__item {\n  opacity: 1;\n\n  transform:\n    translate3d(0, 0, 0);\n}\n\n.ulucia-about.is-about-ready.is-about-visible\n.ulucia-about__card-line {\n  transform: scaleX(1);\n}\n\n\n\/* ---------------------------------------------------------\n   11. \u767b\u5834\u9806\n   --------------------------------------------------------- *\/\n\n.ulucia-about.is-about-ready\n.ulucia-about__eyebrow {\n  transition-delay: 0ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__title {\n  transition-delay: 180ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__lead {\n  transition-delay: 360ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__promise {\n  transition-delay: 560ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__button {\n  transition-delay: 760ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__card {\n  transition-delay: 300ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__item:nth-child(1) {\n  transition-delay: 700ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__item:nth-child(2) {\n  transition-delay: 850ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__item:nth-child(3) {\n  transition-delay: 1000ms;\n}\n\n.ulucia-about.is-about-ready\n.ulucia-about__item:nth-child(4) {\n  transition-delay: 1150ms;\n}\n\n\n\/* ---------------------------------------------------------\n   12. \u30b9\u30de\u30db\n   --------------------------------------------------------- *\/\n\n@media screen and (max-width: 767px) {\n\n  .ulucia-about {\n    padding: 68px 20px;\n  }\n\n  .ulucia-about__grid {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  .ulucia-about__title {\n    font-size: 36px;\n  }\n\n  .ulucia-about__lead {\n    margin-top: 24px;\n\n    font-size: 14px;\n    line-height: 2;\n  }\n\n  .ulucia-about__promise {\n    margin-top: 30px;\n    padding: 22px 20px 22px 24px;\n  }\n\n  .ulucia-about__promise-text {\n    font-size: 14px;\n  }\n\n  .ulucia-about__button {\n    width: 100%;\n    margin-top: 28px;\n  }\n\n  .ulucia-about__card {\n    padding: 28px 22px 24px;\n\n    border-radius: 18px;\n  }\n\n  .ulucia-about__card-head {\n    align-items: flex-start;\n  }\n\n  .ulucia-about__card-head strong {\n    font-size: 17px;\n  }\n\n  .ulucia-about__item {\n    grid-template-columns: 1fr;\n    gap: 8px;\n\n    padding: 21px 0;\n  }\n\n  .ulucia-about__item dt span {\n    width: auto;\n  }\n\n  .ulucia-about__glow {\n    right: -220px;\n\n    width: 430px;\n    height: 430px;\n  }\n\n  .ulucia-about__orbit--one {\n    right: -280px;\n\n    width: 420px;\n    height: 420px;\n  }\n\n  .ulucia-about__orbit--two {\n    right: -230px;\n    bottom: -280px;\n\n    width: 480px;\n    height: 480px;\n  }\n\n  .ulucia-about__watermark {\n    top: 72%;\n    left: -58px;\n    right: auto;\n\n    width: 290px;\n\n    opacity: 0.024;\n  }\n\n  .ulucia-about.is-about-ready\n  .ulucia-about__eyebrow,\n  .ulucia-about.is-about-ready\n  .ulucia-about__title,\n  .ulucia-about.is-about-ready\n  .ulucia-about__lead,\n  .ulucia-about.is-about-ready\n  .ulucia-about__promise,\n  .ulucia-about.is-about-ready\n  .ulucia-about__button,\n  .ulucia-about.is-about-ready\n  .ulucia-about__card,\n  .ulucia-about.is-about-ready\n  .ulucia-about__item {\n    transform:\n      translate3d(0, 28px, 0);\n  }\n\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__eyebrow,\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__title,\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__lead,\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__promise,\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__button,\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__card,\n  .ulucia-about.is-about-ready.is-about-visible\n  .ulucia-about__item {\n    transform:\n      translate3d(0, 0, 0);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   13. \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ulucia-about__orbit {\n    animation: none !important;\n  }\n\n  .ulucia-about__button::before {\n    animation: none !important;\n  }\n\n  .ulucia-about.is-about-ready\n  .ulucia-about__eyebrow,\n  .ulucia-about.is-about-ready\n  .ulucia-about__title,\n  .ulucia-about.is-about-ready\n  .ulucia-about__lead,\n  .ulucia-about.is-about-ready\n  .ulucia-about__promise,\n  .ulucia-about.is-about-ready\n  .ulucia-about__button,\n  .ulucia-about.is-about-ready\n  .ulucia-about__card,\n  .ulucia-about.is-about-ready\n  .ulucia-about__item {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n    will-change: auto !important;\n  }\n\n  .ulucia-about__card-line {\n    transform: scaleX(1) !important;\n    transition: none !important;\n  }\n\n  .ulucia-about__glow {\n    transform:\n      translate3d(0, -50%, 0) !important;\n\n    will-change: auto !important;\n  }\n\n  .ulucia-about__watermark {\n    transform:\n      translate3d(0, -50%, 0)\n      rotate(7deg) !important;\n\n    will-change: auto !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const initializeAboutMotion = () => {\n    const section =\n      document.querySelector(\n        \".ulucia-about\"\n      );\n\n    if (!section) {\n      return false;\n    }\n\n    if (\n      section.dataset.aboutMotion ===\n      \"true\"\n    ) {\n      return true;\n    }\n\n    section.dataset.aboutMotion =\n      \"true\";\n\n    section.classList.add(\n      \"is-about-ready\"\n    );\n\n    \/*\n     * CSS\u306e\u767b\u5834\u524d\u306e\u72b6\u614b\u3092\n     * \u30d6\u30e9\u30a6\u30b6\u306b\u8a8d\u8b58\u3055\u305b\u307e\u3059\n     *\/\n    void section.offsetWidth;\n\n    const reduceMotion =\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n    let animationFrameId = null;\n\n\n    \/* ===================================================\n       \u80cc\u666f\u306e\u30b4\u30fc\u30eb\u30c9\u5149\u3092\u308f\u305a\u304b\u306b\u52d5\u304b\u3059\n       =================================================== *\/\n\n    const updateGlowPosition = () => {\n      if (reduceMotion) {\n        return;\n      }\n\n      const rect =\n        section.getBoundingClientRect();\n\n      const viewportHeight =\n        window.innerHeight ||\n        document.documentElement.clientHeight;\n\n      const totalDistance =\n        viewportHeight + rect.height;\n\n      const travelledDistance =\n        viewportHeight - rect.top;\n\n      const progress =\n        Math.min(\n          1,\n          Math.max(\n            0,\n            travelledDistance \/\n              totalDistance\n          )\n        );\n\n      const movementRange =\n        window.innerWidth <= 767\n          ? 24\n          : 54;\n\n      const shift =\n        (progress - 0.5) *\n        movementRange;\n\n      section.style.setProperty(\n        \"--ulucia-about-glow-shift\",\n        `${shift.toFixed(1)}px`\n      );\n\n      animationFrameId = null;\n    };\n\n\n    const requestGlowUpdate = () => {\n      if (animationFrameId !== null) {\n        return;\n      }\n\n      animationFrameId =\n        window.requestAnimationFrame(\n          updateGlowPosition\n        );\n    };\n\n\n    if (!reduceMotion) {\n      updateGlowPosition();\n\n      window.addEventListener(\n        \"scroll\",\n        requestGlowUpdate,\n        {\n          passive: true,\n        }\n      );\n\n      window.addEventListener(\n        \"resize\",\n        requestGlowUpdate\n      );\n    }\n\n\n    \/* ===================================================\n       \u30bb\u30af\u30b7\u30e7\u30f3\u306e\u767b\u5834\n       =================================================== *\/\n\n    const revealAbout = () => {\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          section.classList.add(\n            \"is-about-visible\"\n          );\n        });\n      });\n    };\n\n\n    if (\n      reduceMotion ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealAbout();\n      return true;\n    }\n\n\n    const trigger =\n      section.querySelector(\n        \".ulucia-about__title\"\n      ) || section;\n\n\n    const observer =\n      new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            revealAbout();\n\n            observer.unobserve(\n              entry.target\n            );\n          });\n        },\n        {\n          threshold: 0.3,\n          rootMargin:\n            \"0px 0px -18% 0px\",\n        }\n      );\n\n\n    observer.observe(trigger);\n\n    return true;\n  };\n\n\n  const start = () => {\n    if (initializeAboutMotion()) {\n      return;\n    }\n\n    const observer =\n      new MutationObserver(() => {\n        if (initializeAboutMotion()) {\n          observer.disconnect();\n        }\n      });\n\n    observer.observe(\n      document.documentElement,\n      {\n        childList: true,\n        subtree: true,\n      }\n    );\n\n    window.setTimeout(() => {\n      observer.disconnect();\n    }, 10000);\n  };\n\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      {\n        once: true,\n      }\n    );\n  } else {\n    start();\n  }\n\n\n  window.addEventListener(\n    \"load\",\n    start,\n    {\n      once: true,\n    }\n  );\n})();\n<\/script>\n\n<section class=\"ulucia-about\">\n\n  <div class=\"ulucia-about__ambient\" aria-hidden=\"true\">\n    <span class=\"ulucia-about__glow\"><\/span>\n    <span class=\"ulucia-about__orbit ulucia-about__orbit--one\"><\/span>\n    <span class=\"ulucia-about__orbit ulucia-about__orbit--two\"><\/span>\n  <\/div>\n\n<span class=\"ulucia-about__watermark\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"ulucia-about__inner\">\n\n    <div class=\"ulucia-about__grid\">\n\n      <div class=\"ulucia-about__content\">\n\n        <p class=\"ulucia-about__eyebrow\">\n          ABOUT US\n        <\/p>\n\n        <h2 class=\"ulucia-about__title\">\n          \u66ae\u3089\u3057\u306e\u5b89\u5fc3\u3092\u3001<br>\n          \u8aa0\u5b9f\u306b\u3064\u306a\u3050\u3002\n        <\/h2>\n\n        <p class=\"ulucia-about__lead\">\n          \u682a\u5f0f\u4f1a\u793eUlucia Group\u306f\u3001\u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u3092\u901a\u3058\u3066\u3001\n          \u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306e\u66ae\u3089\u3057\u306b\u5408\u3063\u305f\u3054\u63d0\u6848\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002<br>\n          \u4f4f\u307e\u3044\u306e\u3053\u308c\u304b\u3089\u3092\u8003\u3048\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066\u3001\n          \u5206\u304b\u308a\u3084\u3059\u304f\u3001\u8aa0\u5b9f\u306a\u5bfe\u5fdc\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"ulucia-about__promise\">\n          <span class=\"ulucia-about__promise-label\">\n            OUR PROMISE\n          <\/span>\n\n          <p class=\"ulucia-about__promise-text\">\n            \u300c\u9078\u3093\u3067\u826f\u304b\u3063\u305f\u300d\u3068\u611f\u3058\u3066\u3044\u305f\u3060\u3051\u308b<br>\n            \u3054\u63d0\u6848\u3068\u30a2\u30d5\u30bf\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <a\n          class=\"ulucia-about__button\"\n          href=\"https:\/\/www.ulucia.jp\/?page_id=905\"\n        >\n          <span>\u4f1a\u793e\u6982\u8981\u3092\u898b\u308b<\/span>\n          <span\n            class=\"ulucia-about__button-arrow\"\n            aria-hidden=\"true\"\n          >\n            \u2192\n          <\/span>\n        <\/a>\n\n      <\/div>\n\n      <aside\n        class=\"ulucia-about__card\"\n        aria-label=\"\u682a\u5f0f\u4f1a\u793eUlucia Group\u306e\u4f1a\u793e\u60c5\u5831\"\n      >\n\n        <span\n          class=\"ulucia-about__card-watermark\"\n          aria-hidden=\"true\"\n        >\n          ULUCIA\n        <\/span>\n\n        <div class=\"ulucia-about__card-head\">\n          <div>\n            <span class=\"ulucia-about__card-label\">\n              COMPANY PROFILE\n            <\/span>\n\n            <strong>\n              \u682a\u5f0f\u4f1a\u793eUlucia Group\n            <\/strong>\n          <\/div>\n\n          <span class=\"ulucia-about__established\">\n            EST. 2019\n          <\/span>\n        <\/div>\n\n        <div\n          class=\"ulucia-about__card-line\"\n          aria-hidden=\"true\"\n        ><\/div>\n\n        <dl class=\"ulucia-about__list\">\n\n          <div class=\"ulucia-about__item\">\n            <dt>\n              <span>01<\/span>\n              BASE\n            <\/dt>\n\n            <dd>\n              \u5927\u962a\u5e9c\u5927\u962a\u5e02\u3092\u62e0\u70b9\u306b\u5bfe\u5fdc\n            <\/dd>\n          <\/div>\n\n          <div class=\"ulucia-about__item\">\n            <dt>\n              <span>02<\/span>\n              BUSINESS\n            <\/dt>\n\n            <dd>\n              \u592a\u967d\u5149\u767a\u96fb\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u306e\u8ca9\u58f2\u30fb\u65bd\u5de5\n            <\/dd>\n          <\/div>\n\n          <div class=\"ulucia-about__item\">\n            <dt>\n              <span>03<\/span>\n              HOURS\n            <\/dt>\n\n            <dd>\n              10:00\u301c19:00<br>\n              \u706b\u66dc\u65e5\u30fb\u6c34\u66dc\u65e5\u5b9a\u4f11\n            <\/dd>\n          <\/div>\n\n          <div class=\"ulucia-about__item\">\n            <dt>\n              <span>04<\/span>\n              CONTACT\n            <\/dt>\n\n            <dd>\n              \u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u306e\u3054\u4f9d\u983c\u306f\u3001\n              \u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u627f\u308a\u307e\u3059\u3002\n            <\/dd>\n          <\/div>\n\n        <\/dl>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   RECRUIT\n   \u63a1\u7528\u30bb\u30af\u30b7\u30e7\u30f3\u30fb\u5916\u67a0\u30fb\u30ab\u30fc\u30c9\u30fb\u767b\u5834\u6f14\u51fa\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   1. \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit {\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  width: 100vw;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  padding: 88px 28px;\n\n  background:\n    radial-gradient(\n      circle at 85% 20%,\n      rgba(227, 189, 97, 0.18),\n      transparent 32%\n    ),\n    linear-gradient(\n      135deg,\n      #0d0d0d 0%,\n      #1a1a1a 55%,\n      #111111 100%\n    );\n\n  color: #ffffff;\n}\n\n.ulucia-recruit__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n\n\/* ---------------------------------------------------------\n   2. \u80cc\u666f\u306e\u5149\u3068\u5186\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit__ambient {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n.ulucia-recruit__glow {\n  position: absolute;\n  top: 16%;\n  right: -80px;\n\n  width: 480px;\n  height: 480px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(227, 189, 97, 0.14) 0%,\n      rgba(227, 189, 97, 0.04) 40%,\n      transparent 72%\n    );\n\n  filter: blur(12px);\n\n  animation:\n    ulucia-recruit-glow\n    8s ease-in-out infinite alternate;\n}\n\n.ulucia-recruit__orbit {\n  position: absolute;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.24);\n\n  border-radius: 50%;\n\n  opacity: 0.8;\n}\n\n.ulucia-recruit__orbit--large {\n  top: -102px;\n  right: -54px;\n\n  width: 310px;\n  height: 310px;\n\n  animation:\n    ulucia-recruit-orbit-large\n    24s linear infinite;\n}\n\n.ulucia-recruit__orbit--small {\n  top: -42px;\n  right: 78px;\n\n  width: 190px;\n  height: 190px;\n\n  animation:\n    ulucia-recruit-orbit-small\n    19s linear infinite reverse;\n}\n\n@keyframes ulucia-recruit-orbit-large {\n  from {\n    transform:\n      rotate(0deg)\n      translate3d(0, 0, 0);\n  }\n\n  50% {\n    transform:\n      rotate(180deg)\n      translate3d(-8px, 8px, 0);\n  }\n\n  to {\n    transform:\n      rotate(360deg)\n      translate3d(0, 0, 0);\n  }\n}\n\n@keyframes ulucia-recruit-orbit-small {\n  from {\n    transform:\n      rotate(0deg)\n      translate3d(0, 0, 0);\n  }\n\n  50% {\n    transform:\n      rotate(180deg)\n      translate3d(7px, -6px, 0);\n  }\n\n  to {\n    transform:\n      rotate(360deg)\n      translate3d(0, 0, 0);\n  }\n}\n\n@keyframes ulucia-recruit-glow {\n  from {\n    opacity: 0.66;\n    transform: scale(0.94);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1.06);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   3. \u30bb\u30af\u30b7\u30e7\u30f3\u5185\u306e\u5927\u304d\u306a\u30ab\u30fc\u30c9\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit__content {\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.3fr)\n    minmax(320px, 0.7fr);\n  align-items: center;\n  gap: 48px;\n\n  padding: 52px 56px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.035),\n      rgba(255, 255, 255, 0.014)\n    );\n\n  border:\n    1px solid rgba(227, 189, 97, 0.18);\n\n  border-radius: 22px;\n\n  box-shadow:\n    0 28px 70px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.03);\n\n  -webkit-backdrop-filter: blur(8px);\n  backdrop-filter: blur(8px);\n}\n\n\/* \u767b\u5834\u6642\u306b\u63cf\u304b\u308c\u308b\u5916\u67a0 *\/\n\n.ulucia-recruit__content::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.58);\n\n  border-radius: inherit;\n\n  clip-path:\n    inset(0 100% 100% 0 round 22px);\n\n  transition:\n    clip-path 1.6s\n    cubic-bezier(0.22, 1, 0.36, 1);\n\n  pointer-events: none;\n}\n\n\/* \u4e0a\u90e8\u3092\u6d41\u308c\u308b\u8584\u3044\u5149 *\/\n\n.ulucia-recruit__content::after {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: -70%;\n  z-index: 0;\n\n  width: 36%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 225, 155, 0.9),\n      transparent\n    );\n\n  opacity: 0;\n\n  animation:\n    ulucia-recruit-top-light\n    8s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n@keyframes ulucia-recruit-top-light {\n  0%,\n  62% {\n    left: -70%;\n    opacity: 0;\n  }\n\n  68% {\n    opacity: 1;\n  }\n\n  84% {\n    left: 135%;\n    opacity: 1;\n  }\n\n  85%,\n  100% {\n    left: 135%;\n    opacity: 0;\n  }\n}\n\n.ulucia-recruit__copy,\n.ulucia-recruit__points {\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* ---------------------------------------------------------\n   4. \u5de6\u5074\u306e\u6587\u7ae0\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit__eyebrow {\n  margin: 0 0 14px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.18em;\n}\n\n.ulucia-recruit__title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n.ulucia-recruit__lead {\n  max-width: 670px;\n  margin: 22px 0 0;\n\n  color: #dedede;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* ---------------------------------------------------------\n   5. \u63a1\u7528\u60c5\u5831\u30dc\u30bf\u30f3\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n\n  position: relative;\n  overflow: hidden;\n\n  margin-top: 30px;\n  padding: 16px 28px;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.96);\n\n  border-radius: 999px;\n\n  color: #1c1c1c;\n  background: #e3bd61;\n\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none;\n\n  box-shadow:\n    0 12px 30px rgba(0, 0, 0, 0.25),\n    0 0 24px rgba(227, 189, 97, 0.08);\n\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n.ulucia-recruit__button::before {\n  content: \"\";\n\n  position: absolute;\n  top: -55%;\n  left: -70%;\n\n  width: 36%;\n  height: 210%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.62),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  animation:\n    ulucia-recruit-button-shine\n    5.8s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n.ulucia-recruit__button > span {\n  position: relative;\n  z-index: 1;\n}\n\n.ulucia-recruit__button-arrow {\n  font-size: 19px;\n  line-height: 1;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.ulucia-recruit__button:hover {\n  background: #f0ce7a;\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 17px 36px rgba(0, 0, 0, 0.3),\n    0 0 30px rgba(227, 189, 97, 0.15);\n}\n\n.ulucia-recruit__button:hover\n.ulucia-recruit__button-arrow {\n  transform: translateX(5px);\n}\n\n@keyframes ulucia-recruit-button-shine {\n  0%,\n  64% {\n    left: -70%;\n    opacity: 0;\n  }\n\n  70% {\n    opacity: 1;\n  }\n\n  84% {\n    left: 135%;\n    opacity: 1;\n  }\n\n  85%,\n  100% {\n    left: 135%;\n    opacity: 0;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   6. \u53f3\u5074\u306e\u7279\u5fb4\u30ab\u30fc\u30c9\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit__points {\n  display: grid;\n  gap: 14px;\n}\n\n.ulucia-recruit__point {\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 14px;\n\n  padding: 18px 20px 18px 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.065),\n      rgba(255, 255, 255, 0.025)\n    );\n\n  border:\n    1px solid rgba(255, 255, 255, 0.035);\n\n  transition:\n    background-color 0.35s ease,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease,\n    translate 0.35s ease;\n}\n\n\/* \u5de6\u5074\u306e\u30b4\u30fc\u30eb\u30c9\u7dda *\/\n\n.ulucia-recruit__point::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 2px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #e3bd61,\n      rgba(227, 189, 97, 0.35)\n    );\n\n  transform:\n    scaleY(0.62);\n\n  transform-origin: center;\n\n  transition:\n    transform 0.4s\n    cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\/* \u30ab\u30fc\u30c9\u3092\u6a2a\u5207\u308b\u5149 *\/\n\n.ulucia-recruit__point::after {\n  content: \"\";\n\n  position: absolute;\n  top: -50%;\n  left: -55%;\n\n  width: 28%;\n  height: 200%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 225, 155, 0.09),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  transition:\n    left 0.85s\n    cubic-bezier(0.22, 1, 0.36, 1);\n\n  pointer-events: none;\n}\n\n.ulucia-recruit__point:hover {\n  translate: 7px 0;\n\n  background:\n    rgba(255, 255, 255, 0.075);\n\n  border-color:\n    rgba(227, 189, 97, 0.22);\n\n  box-shadow:\n    0 14px 32px rgba(0, 0, 0, 0.2);\n}\n\n.ulucia-recruit__point:hover::before {\n  transform: scaleY(1);\n}\n\n.ulucia-recruit__point:hover::after {\n  left: 135%;\n}\n\n.ulucia-recruit__point-number {\n  position: relative;\n  z-index: 1;\n\n  padding-top: 2px;\n\n  color:\n    rgba(227, 189, 97, 0.7);\n\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.08em;\n}\n\n.ulucia-recruit__point > div {\n  position: relative;\n  z-index: 1;\n}\n\n.ulucia-recruit__point strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 16px;\n  line-height: 1.5;\n}\n\n.ulucia-recruit__point p {\n  margin: 5px 0 0;\n\n  color: #cfcfcf;\n\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n\n\/* ---------------------------------------------------------\n   7. \u767b\u5834\u524d\n   JavaScript\u8d77\u52d5\u6642\u3060\u3051\u9069\u7528\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__eyebrow,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__title,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__lead,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__button,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__point {\n  opacity: 0;\n\n  transition:\n    opacity 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    transform 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change:\n    opacity,\n    transform;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__eyebrow,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__title,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__lead,\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__button {\n  transform:\n    translate3d(-32px, 0, 0);\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__point {\n  transform:\n    translate3d(40px, 0, 0);\n}\n\n\n\/* ---------------------------------------------------------\n   8. \u767b\u5834\u5f8c\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit.is-recruit-ready.is-recruit-visible\n.ulucia-recruit__eyebrow,\n.ulucia-recruit.is-recruit-ready.is-recruit-visible\n.ulucia-recruit__title,\n.ulucia-recruit.is-recruit-ready.is-recruit-visible\n.ulucia-recruit__lead,\n.ulucia-recruit.is-recruit-ready.is-recruit-visible\n.ulucia-recruit__button,\n.ulucia-recruit.is-recruit-ready.is-recruit-visible\n.ulucia-recruit__point {\n  opacity: 1;\n\n  transform:\n    translate3d(0, 0, 0);\n}\n\n.ulucia-recruit.is-recruit-ready.is-recruit-visible\n.ulucia-recruit__content::before {\n  clip-path:\n    inset(0 0 0 0 round 22px);\n}\n\n\n\/* ---------------------------------------------------------\n   9. \u767b\u5834\u9806\n   --------------------------------------------------------- *\/\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__eyebrow {\n  transition-delay: 0ms;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__title {\n  transition-delay: 180ms;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__lead {\n  transition-delay: 360ms;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__button {\n  transition-delay: 580ms;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__point:nth-child(1) {\n  transition-delay: 420ms;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__point:nth-child(2) {\n  transition-delay: 650ms;\n}\n\n.ulucia-recruit.is-recruit-ready\n.ulucia-recruit__point:nth-child(3) {\n  transition-delay: 880ms;\n}\n\n\n\/* ---------------------------------------------------------\n   10. \u30b9\u30de\u30db\n   --------------------------------------------------------- *\/\n\n@media screen and (max-width: 767px) {\n\n  .ulucia-recruit {\n    padding: 64px 20px;\n  }\n\n  .ulucia-recruit__content {\n    grid-template-columns: 1fr;\n    gap: 34px;\n\n    padding: 34px 24px;\n  }\n\n  .ulucia-recruit__lead {\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .ulucia-recruit__button {\n    width: 100%;\n  }\n\n  .ulucia-recruit__point {\n    grid-template-columns: 28px minmax(0, 1fr);\n\n    padding: 17px 16px 17px 18px;\n  }\n\n  .ulucia-recruit__orbit--large {\n    top: -85px;\n    right: -110px;\n\n    width: 220px;\n    height: 220px;\n  }\n\n  .ulucia-recruit__orbit--small {\n    top: -35px;\n    right: 10px;\n\n    width: 140px;\n    height: 140px;\n  }\n\n  .ulucia-recruit__glow {\n    top: 8%;\n    right: -190px;\n\n    width: 380px;\n    height: 380px;\n  }\n\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__eyebrow,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__title,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__lead,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__button,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__point {\n    transform:\n      translate3d(0, 28px, 0);\n  }\n\n  .ulucia-recruit.is-recruit-ready.is-recruit-visible\n  .ulucia-recruit__eyebrow,\n  .ulucia-recruit.is-recruit-ready.is-recruit-visible\n  .ulucia-recruit__title,\n  .ulucia-recruit.is-recruit-ready.is-recruit-visible\n  .ulucia-recruit__lead,\n  .ulucia-recruit.is-recruit-ready.is-recruit-visible\n  .ulucia-recruit__button,\n  .ulucia-recruit.is-recruit-ready.is-recruit-visible\n  .ulucia-recruit__point {\n    transform:\n      translate3d(0, 0, 0);\n  }\n\n  .ulucia-recruit__point:hover {\n    translate: 0 -3px;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   11. \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ulucia-recruit__orbit,\n  .ulucia-recruit__glow,\n  .ulucia-recruit__content::after,\n  .ulucia-recruit__button::before {\n    animation: none !important;\n  }\n\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__eyebrow,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__title,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__lead,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__button,\n  .ulucia-recruit.is-recruit-ready\n  .ulucia-recruit__point {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n    will-change: auto !important;\n  }\n\n  .ulucia-recruit__content::before {\n    clip-path:\n      inset(0 0 0 0 round 22px) !important;\n\n    transition: none !important;\n  }\n}\n\n\/* =========================================================\n   RECRUIT\uff1a\u30ab\u30fc\u30c9\u5185\u306e\u6587\u5b57\u5e45\u5d29\u308c\u3092\u4fee\u6b63\n   ========================================================= *\/\n\n.ulucia-recruit__point {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 14px !important;\n\n  width: 100% !important;\n  min-width: 0 !important;\n}\n\n.ulucia-recruit__point-number {\n  flex: 0 0 34px !important;\n  width: 34px !important;\n}\n\n.ulucia-recruit__point > div {\n  flex: 1 1 auto !important;\n\n  width: auto !important;\n  min-width: 0 !important;\n  max-width: none !important;\n}\n\n.ulucia-recruit__point strong,\n.ulucia-recruit__point p {\n  display: block !important;\n\n  width: 100% !important;\n  max-width: none !important;\n\n  writing-mode: horizontal-tb !important;\n  white-space: normal !important;\n  word-break: normal !important;\n  overflow-wrap: break-word !important;\n}\n\n@media screen and (max-width: 767px) {\n  .ulucia-recruit__point {\n    gap: 12px !important;\n  }\n\n  .ulucia-recruit__point-number {\n    flex-basis: 28px !important;\n    width: 28px !important;\n  }\n}\n\n\/* =========================================================\n   RECRUIT\uff1a3\u679a\u306e\u30ab\u30fc\u30c9\u914d\u7f6e\u3092\u5b8c\u5168\u306b\u7d71\u4e00\n   ========================================================= *\/\n\n.ulucia-recruit__point {\n  display: grid !important;\n  grid-template-columns: 36px minmax(0, 1fr) !important;\n  align-items: start !important;\n  gap: 14px !important;\n\n  width: 100% !important;\n  min-width: 0 !important;\n}\n\n.ulucia-recruit__point-number {\n  grid-column: 1 !important;\n\n  display: block !important;\n  width: auto !important;\n  min-width: 0 !important;\n  padding-top: 2px !important;\n\n  flex: none !important;\n}\n\n.ulucia-recruit__point-body {\n  grid-column: 2 !important;\n\n  display: block !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  max-width: none !important;\n}\n\n.ulucia-recruit__point-body strong,\n.ulucia-recruit__point-body p {\n  display: block !important;\n\n  width: 100% !important;\n  min-width: 0 !important;\n  max-width: none !important;\n\n  writing-mode: horizontal-tb !important;\n  white-space: normal !important;\n  word-break: normal !important;\n  overflow-wrap: anywhere !important;\n}\n\n.ulucia-recruit__point-body strong {\n  margin: 0 !important;\n}\n\n.ulucia-recruit__point-body p {\n  margin: 5px 0 0 !important;\n}\n\n@media screen and (max-width: 767px) {\n  .ulucia-recruit__point {\n    grid-template-columns: 30px minmax(0, 1fr) !important;\n    gap: 12px !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const initializeRecruitMotion = () => {\n    const section =\n      document.querySelector(\n        \".ulucia-recruit\"\n      );\n\n    if (!section) {\n      return false;\n    }\n\n    if (\n      section.dataset.recruitMotion ===\n      \"true\"\n    ) {\n      return true;\n    }\n\n    section.dataset.recruitMotion =\n      \"true\";\n\n    section.classList.add(\n      \"is-recruit-ready\"\n    );\n\n    \/*\n     * \u767b\u5834\u524d\u306e\u72b6\u614b\u3092\u30d6\u30e9\u30a6\u30b6\u3078\u8a8d\u8b58\u3055\u305b\u307e\u3059\n     *\/\n    void section.offsetWidth;\n\n    const revealRecruit = () => {\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          section.classList.add(\n            \"is-recruit-visible\"\n          );\n        });\n      });\n    };\n\n    const reduceMotion =\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n    if (\n      reduceMotion ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealRecruit();\n      return true;\n    }\n\n    const trigger =\n      section.querySelector(\n        \".ulucia-recruit__title\"\n      ) || section;\n\n    const observer =\n      new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            revealRecruit();\n\n            observer.unobserve(\n              entry.target\n            );\n          });\n        },\n        {\n          threshold: 0.3,\n          rootMargin:\n            \"0px 0px -18% 0px\",\n        }\n      );\n\n    observer.observe(trigger);\n\n    return true;\n  };\n\n  const start = () => {\n    if (initializeRecruitMotion()) {\n      return;\n    }\n\n    const observer =\n      new MutationObserver(() => {\n        if (\n          initializeRecruitMotion()\n        ) {\n          observer.disconnect();\n        }\n      });\n\n    observer.observe(\n      document.documentElement,\n      {\n        childList: true,\n        subtree: true,\n      }\n    );\n\n    window.setTimeout(() => {\n      observer.disconnect();\n    }, 10000);\n  };\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      {\n        once: true,\n      }\n    );\n  } else {\n    start();\n  }\n\n  window.addEventListener(\n    \"load\",\n    start,\n    {\n      once: true,\n    }\n  );\n})();\n<\/script>\n\n<section class=\"ulucia-recruit\">\n\n  <div\n    class=\"ulucia-recruit__ambient\"\n    aria-hidden=\"true\"\n  >\n    <span class=\"ulucia-recruit__orbit ulucia-recruit__orbit--large\"><\/span>\n    <span class=\"ulucia-recruit__orbit ulucia-recruit__orbit--small\"><\/span>\n    <span class=\"ulucia-recruit__glow\"><\/span>\n  <\/div>\n\n  <div class=\"ulucia-recruit__inner\">\n\n    <div class=\"ulucia-recruit__content\">\n\n      <div class=\"ulucia-recruit__copy\">\n\n        <p class=\"ulucia-recruit__eyebrow\">\n          RECRUIT\n        <\/p>\n\n        <h2 class=\"ulucia-recruit__title\">\n          \u66ae\u3089\u3057\u306e\u672a\u6765\u3092\u652f\u3048\u308b<br>\n          \u4ef2\u9593\u3092\u52df\u96c6\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/h2>\n\n        <p class=\"ulucia-recruit__lead\">\n          \u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u3092\u901a\u3058\u3066\u3001<br>\n          \u304a\u5ba2\u69d8\u306e\u66ae\u3089\u3057\u306b\u5b89\u5fc3\u3092\u5c4a\u3051\u308b\u55b6\u696d\u30b9\u30bf\u30c3\u30d5\u3092\u52df\u96c6\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <a\n          class=\"ulucia-recruit__button\"\n          href=\"https:\/\/www.ulucia.jp\/?page_id=617\"\n        >\n          <span>\u63a1\u7528\u60c5\u5831\u3092\u898b\u308b<\/span>\n\n          <span\n            class=\"ulucia-recruit__button-arrow\"\n            aria-hidden=\"true\"\n          >\n            \u2192\n          <\/span>\n        <\/a>\n\n      <\/div>\n\n     <div class=\"ulucia-recruit__points\">\n\n  <article class=\"ulucia-recruit__point\">\n    <span class=\"ulucia-recruit__point-number\">\n      01\n    <\/span>\n\n    <div class=\"ulucia-recruit__point-body\">\n      <strong>\u672a\u7d4c\u9a13\u6b53\u8fce<\/strong>\n\n      <p>\n        \u5546\u54c1\u77e5\u8b58\u3084\u55b6\u696d\u306e\u6d41\u308c\u306f\u3001\u57fa\u790e\u304b\u3089\u5b66\u3079\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n  <\/article>\n\n  <article class=\"ulucia-recruit__point\">\n    <span class=\"ulucia-recruit__point-number\">\n      02\n    <\/span>\n\n    <div class=\"ulucia-recruit__point-body\">\n      <strong>\u50cd\u304d\u65b9\u306f\u76f8\u8ac7\u53ef\u80fd<\/strong>\n\n      <p>\n        \u6b63\u793e\u54e1\u30fb\u696d\u52d9\u59d4\u8a17\u306a\u3069\u3001\u5e0c\u671b\u306b\u5408\u308f\u305b\u3066\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n  <\/article>\n\n  <article class=\"ulucia-recruit__point\">\n    <span class=\"ulucia-recruit__point-number\">\n      03\n    <\/span>\n\n    <div class=\"ulucia-recruit__point-body\">\n      <strong>\u6210\u679c\u3092\u6b63\u5f53\u306b\u8a55\u4fa1<\/strong>\n\n      <p>\n        \u65e5\u3005\u306e\u52aa\u529b\u3084\u6210\u679c\u3092\u3001\u3057\u3063\u304b\u308a\u3068\u8a55\u4fa1\u3059\u308b\u74b0\u5883\u3067\u3059\u3002\n      <\/p>\n    <\/div>\n  <\/article>\n\n<\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   CONTACT CTA\n   \u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e2d\u592e\u96a0\u3057\u30ed\u30b4\u30fb\u5916\u67a0\u30fb\u767b\u5834\u6f14\u51fa\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   1. \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta {\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  width: 100vw;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(50% - 50vw);\n  padding: 100px 28px;\n\n  background:\n    radial-gradient(\n      circle at 15% 50%,\n      rgba(227, 189, 97, 0.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #101010 0%,\n      #1d1d1d 52%,\n      #101010 100%\n    );\n\n  color: #ffffff;\n}\n\n.ulucia-contact-cta__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n\n\/* ---------------------------------------------------------\n   2. \u80cc\u666f\u6f14\u51fa\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta__ambient {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n.ulucia-contact-cta__glow {\n  position: absolute;\n  top: 50%;\n  left: -130px;\n\n  width: 520px;\n  height: 520px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(227, 189, 97, 0.14) 0%,\n      rgba(227, 189, 97, 0.035) 40%,\n      transparent 72%\n    );\n\n  filter: blur(14px);\n\n  transform:\n    translate3d(\n      0,\n      calc(\n        -50% +\n        var(--ulucia-contact-shift, 0px)\n      ),\n      0\n    );\n\n  will-change: transform;\n}\n\n.ulucia-contact-cta__orbit {\n  position: absolute;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.2);\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n.ulucia-contact-cta__orbit--one {\n  top: -138px;\n  left: -92px;\n\n  width: 260px;\n  height: 260px;\n\n  animation:\n    ulucia-contact-orbit-one\n    24s linear infinite;\n}\n\n.ulucia-contact-cta__orbit--two {\n  right: -150px;\n  bottom: -210px;\n\n  width: 340px;\n  height: 340px;\n\n  animation:\n    ulucia-contact-orbit-two\n    29s linear infinite;\n}\n\n@keyframes ulucia-contact-orbit-one {\n  from {\n    transform: rotate(0deg);\n  }\n\n  50% {\n    transform:\n      rotate(180deg)\n      translate3d(8px, 6px, 0);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ulucia-contact-orbit-two {\n  from {\n    transform: rotate(360deg);\n  }\n\n  50% {\n    transform:\n      rotate(180deg)\n      translate3d(-8px, -6px, 0);\n  }\n\n  to {\n    transform: rotate(0deg);\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   3. \u4e2d\u592e\u30dc\u30c3\u30af\u30b9\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta__box {\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n\n  padding: 68px 56px;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.2);\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.038),\n      rgba(255, 255, 255, 0.012)\n    );\n\n  text-align: center;\n\n  box-shadow:\n    0 28px 70px rgba(0, 0, 0, 0.28),\n    inset 0 1px 0 rgba(255, 255, 255, 0.035);\n\n  -webkit-backdrop-filter: blur(8px);\n  backdrop-filter: blur(8px);\n}\n\n\n\/* \u767b\u5834\u6642\u306b\u63cf\u304b\u308c\u308b\u5916\u67a0 *\/\n\n.ulucia-contact-cta__box::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 4;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.58);\n\n  border-radius: inherit;\n\n  clip-path:\n    inset(0 100% 100% 0 round 22px);\n\n  transition:\n    clip-path 1.8s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  pointer-events: none;\n}\n\n\n\/* \u30dc\u30c3\u30af\u30b9\u4e0a\u90e8\u3092\u6a2a\u5207\u308b\u7d30\u3044\u5149 *\/\n\n.ulucia-contact-cta__box::after {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: -65%;\n  z-index: 1;\n\n  width: 34%;\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 229, 168, 0.9),\n      transparent\n    );\n\n  opacity: 0;\n\n  animation:\n    ulucia-contact-box-light\n    8s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n@keyframes ulucia-contact-box-light {\n  0%,\n  64% {\n    left: -65%;\n    opacity: 0;\n  }\n\n  70% {\n    opacity: 1;\n  }\n\n  84% {\n    left: 135%;\n    opacity: 1;\n  }\n\n  85%,\n  100% {\n    left: 135%;\n    opacity: 0;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   4. \u30dc\u30c3\u30af\u30b9\u4e2d\u592e\u306e\u96a0\u3057\u30ed\u30b4\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta__watermark {\n  display: block;\n  visibility: visible;\n\n  position: absolute;\n  top: 58%;\n  left: 50%;\n  right: auto;\n  z-index: 0;\n\n  width: clamp(390px, 36vw, 590px);\n  aspect-ratio: 1 \/ 1;\n\n  background-color: #d8b56d;\n\n  -webkit-mask-image:\n    url(\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/cropped-cropped-DPVR9847.png\");\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n\n  mask-image:\n    url(\"https:\/\/www.ulucia.jp\/wp-content\/uploads\/2025\/12\/cropped-cropped-DPVR9847.png\");\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n\n  opacity: 0.032;\n\n  transform:\n    translate3d(\n      -50%,\n      calc(\n        -50% +\n        var(--ulucia-contact-shift, 0px)\n      ),\n      0\n    )\n    rotate(-6deg);\n\n  filter:\n    drop-shadow(\n      0 0 28px\n      rgba(227, 189, 97, 0.06)\n    );\n\n  will-change: transform;\n\n  pointer-events: none;\n  user-select: none;\n}\n\n\n\/* ---------------------------------------------------------\n   5. \u6587\u5b57\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta__eyebrow,\n.ulucia-contact-cta__title,\n.ulucia-contact-cta__lead,\n.ulucia-contact-cta__button,\n.ulucia-contact-cta__note {\n  position: relative;\n  z-index: 2;\n}\n\n.ulucia-contact-cta__eyebrow {\n  margin: 0 0 16px;\n\n  color: #e3bd61;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.18em;\n}\n\n.ulucia-contact-cta__title {\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.ulucia-contact-cta__lead {\n  max-width: 680px;\n  margin: 24px auto 0;\n\n  color: #dedede;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n.ulucia-contact-cta__note {\n  margin: 20px 0 0;\n\n  color: #c9c9c9;\n\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n\n\/* ---------------------------------------------------------\n   6. \u304a\u554f\u3044\u5408\u308f\u305b\u30dc\u30bf\u30f3\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n\n  overflow: hidden;\n\n  margin-top: 32px;\n  padding: 17px 34px;\n\n  border:\n    1px solid rgba(227, 189, 97, 0.98);\n\n  border-radius: 999px;\n\n  color: #151515 !important;\n  background: #e3bd61;\n\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none !important;\n\n  box-shadow:\n    0 14px 34px rgba(0, 0, 0, 0.28),\n    0 0 28px rgba(227, 189, 97, 0.1);\n\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n.ulucia-contact-cta__button::before {\n  content: \"\";\n\n  position: absolute;\n  top: -55%;\n  left: -70%;\n\n  width: 36%;\n  height: 210%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.65),\n      transparent\n    );\n\n  transform: skewX(-20deg);\n\n  animation:\n    ulucia-contact-button-shine\n    5.8s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n.ulucia-contact-cta__button > span {\n  position: relative;\n  z-index: 1;\n}\n\n.ulucia-contact-cta__button-arrow {\n  font-size: 20px;\n  line-height: 1;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.ulucia-contact-cta__button:hover {\n  color: #151515 !important;\n  background: #f0ce7a;\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 18px 40px rgba(0, 0, 0, 0.32),\n    0 0 34px rgba(227, 189, 97, 0.17);\n}\n\n.ulucia-contact-cta__button:hover\n.ulucia-contact-cta__button-arrow {\n  transform:\n    translateX(5px);\n}\n\n@keyframes ulucia-contact-button-shine {\n  0%,\n  64% {\n    left: -70%;\n    opacity: 0;\n  }\n\n  70% {\n    opacity: 1;\n  }\n\n  84% {\n    left: 135%;\n    opacity: 1;\n  }\n\n  85%,\n  100% {\n    left: 135%;\n    opacity: 0;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   7. \u767b\u5834\u524d\n   JavaScript\u304c\u52d5\u3044\u305f\u5834\u5408\u3060\u3051\u9069\u7528\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__eyebrow,\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__title,\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__lead,\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__button,\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__note {\n  opacity: 0;\n\n  transform:\n    translate3d(0, 28px, 0);\n\n  transition:\n    opacity 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1),\n    transform 1.15s\n      cubic-bezier(0.22, 1, 0.36, 1);\n\n  will-change:\n    opacity,\n    transform;\n}\n\n\n\/* ---------------------------------------------------------\n   8. \u767b\u5834\u5f8c\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta.is-contact-ready.is-contact-visible\n.ulucia-contact-cta__eyebrow,\n.ulucia-contact-cta.is-contact-ready.is-contact-visible\n.ulucia-contact-cta__title,\n.ulucia-contact-cta.is-contact-ready.is-contact-visible\n.ulucia-contact-cta__lead,\n.ulucia-contact-cta.is-contact-ready.is-contact-visible\n.ulucia-contact-cta__button,\n.ulucia-contact-cta.is-contact-ready.is-contact-visible\n.ulucia-contact-cta__note {\n  opacity: 1;\n\n  transform:\n    translate3d(0, 0, 0);\n}\n\n.ulucia-contact-cta.is-contact-ready.is-contact-visible\n.ulucia-contact-cta__box::before {\n  clip-path:\n    inset(0 0 0 0 round 22px);\n}\n\n\n\/* ---------------------------------------------------------\n   9. \u767b\u5834\u9806\n   --------------------------------------------------------- *\/\n\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__eyebrow {\n  transition-delay: 0ms;\n}\n\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__title {\n  transition-delay: 190ms;\n}\n\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__lead {\n  transition-delay: 390ms;\n}\n\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__button {\n  transition-delay: 620ms;\n}\n\n.ulucia-contact-cta.is-contact-ready\n.ulucia-contact-cta__note {\n  transition-delay: 820ms;\n}\n\n\n\/* ---------------------------------------------------------\n   10. \u30b9\u30de\u30db\n   --------------------------------------------------------- *\/\n\n@media screen and (max-width: 767px) {\n\n  .ulucia-contact-cta {\n    padding: 64px 20px;\n  }\n\n  .ulucia-contact-cta__box {\n    padding: 48px 24px;\n\n    border-radius: 18px;\n  }\n\n  .ulucia-contact-cta__title {\n    font-size: 30px;\n  }\n\n  .ulucia-contact-cta__lead {\n    font-size: 14px;\n    line-height: 1.9;\n  }\n\n  .ulucia-contact-cta__button {\n    width: 100%;\n    padding: 17px 20px;\n  }\n\n  .ulucia-contact-cta__note {\n    font-size: 12px;\n  }\n\n  .ulucia-contact-cta__orbit--one {\n    top: -105px;\n    left: -100px;\n\n    width: 190px;\n    height: 190px;\n  }\n\n  .ulucia-contact-cta__orbit--two {\n    right: -135px;\n    bottom: -145px;\n\n    width: 220px;\n    height: 220px;\n  }\n\n  .ulucia-contact-cta__glow {\n    left: -210px;\n\n    width: 420px;\n    height: 420px;\n  }\n\n  .ulucia-contact-cta__watermark {\n    top: 60%;\n    left: 50%;\n    right: auto;\n\n    width: 310px;\n\n    opacity: 0.024;\n  }\n}\n\n\n\/* ---------------------------------------------------------\n   11. \u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\n   --------------------------------------------------------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ulucia-contact-cta__orbit,\n  .ulucia-contact-cta__box::after,\n  .ulucia-contact-cta__button::before {\n    animation: none !important;\n  }\n\n  .ulucia-contact-cta.is-contact-ready\n  .ulucia-contact-cta__eyebrow,\n  .ulucia-contact-cta.is-contact-ready\n  .ulucia-contact-cta__title,\n  .ulucia-contact-cta.is-contact-ready\n  .ulucia-contact-cta__lead,\n  .ulucia-contact-cta.is-contact-ready\n  .ulucia-contact-cta__button,\n  .ulucia-contact-cta.is-contact-ready\n  .ulucia-contact-cta__note {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n    will-change: auto !important;\n  }\n\n  .ulucia-contact-cta__box::before {\n    clip-path:\n      inset(0 0 0 0 round 22px) !important;\n\n    transition: none !important;\n  }\n\n  .ulucia-contact-cta__glow {\n    transform:\n      translate3d(0, -50%, 0) !important;\n\n    will-change: auto !important;\n  }\n\n  .ulucia-contact-cta__watermark {\n    transform:\n      translate3d(-50%, -50%, 0)\n      rotate(-6deg) !important;\n\n    will-change: auto !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \"use strict\";\n\n  const initializeContactMotion = () => {\n    const section =\n      document.querySelector(\n        \".ulucia-contact-cta\"\n      );\n\n    if (!section) {\n      return false;\n    }\n\n    if (\n      section.dataset.contactMotion ===\n      \"true\"\n    ) {\n      return true;\n    }\n\n    section.dataset.contactMotion =\n      \"true\";\n\n    section.classList.add(\n      \"is-contact-ready\"\n    );\n\n    void section.offsetWidth;\n\n    const reduceMotion =\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n    let animationFrameId = null;\n\n\n    \/* \u80cc\u666f\u306e\u5149\u3068\u96a0\u3057\u30ed\u30b4\u3092\u308f\u305a\u304b\u306b\u52d5\u304b\u3059 *\/\n\n    const updateBackgroundPosition = () => {\n      if (reduceMotion) {\n        return;\n      }\n\n      const rect =\n        section.getBoundingClientRect();\n\n      const viewportHeight =\n        window.innerHeight ||\n        document.documentElement.clientHeight;\n\n      const totalDistance =\n        viewportHeight + rect.height;\n\n      const travelledDistance =\n        viewportHeight - rect.top;\n\n      const progress =\n        Math.min(\n          1,\n          Math.max(\n            0,\n            travelledDistance \/\n              totalDistance\n          )\n        );\n\n      const movementRange =\n        window.innerWidth <= 767\n          ? 22\n          : 48;\n\n      const shift =\n        (progress - 0.5) *\n        movementRange;\n\n      section.style.setProperty(\n        \"--ulucia-contact-shift\",\n        `${shift.toFixed(1)}px`\n      );\n\n      animationFrameId = null;\n    };\n\n\n    const requestBackgroundUpdate = () => {\n      if (animationFrameId !== null) {\n        return;\n      }\n\n      animationFrameId =\n        window.requestAnimationFrame(\n          updateBackgroundPosition\n        );\n    };\n\n\n    if (!reduceMotion) {\n      updateBackgroundPosition();\n\n      window.addEventListener(\n        \"scroll\",\n        requestBackgroundUpdate,\n        {\n          passive: true,\n        }\n      );\n\n      window.addEventListener(\n        \"resize\",\n        requestBackgroundUpdate\n      );\n    }\n\n\n    \/* \u30bb\u30af\u30b7\u30e7\u30f3\u767b\u5834 *\/\n\n    const revealContact = () => {\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          section.classList.add(\n            \"is-contact-visible\"\n          );\n        });\n      });\n    };\n\n\n    if (\n      reduceMotion ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealContact();\n      return true;\n    }\n\n\n    const trigger =\n      section.querySelector(\n        \".ulucia-contact-cta__title\"\n      ) || section;\n\n\n    const observer =\n      new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) {\n              return;\n            }\n\n            revealContact();\n\n            observer.unobserve(\n              entry.target\n            );\n          });\n        },\n        {\n          threshold: 0.28,\n          rootMargin:\n            \"0px 0px -16% 0px\",\n        }\n      );\n\n\n    observer.observe(trigger);\n\n\n    \/*\n     * \u8aad\u307f\u8fbc\u307f\u4f4d\u7f6e\u306b\u3088\u3063\u3066\u76e3\u8996\u304c\u53cd\u5fdc\u3057\u306a\u3044\u5834\u5408\u306e\u4fdd\u967a\n     *\/\n\n    window.setTimeout(() => {\n      const rect =\n        section.getBoundingClientRect();\n\n      if (\n        rect.top <\n        window.innerHeight * 0.9\n      ) {\n        revealContact();\n      }\n    }, 1200);\n\n    return true;\n  };\n\n\n  const start = () => {\n    if (initializeContactMotion()) {\n      return;\n    }\n\n    const observer =\n      new MutationObserver(() => {\n        if (\n          initializeContactMotion()\n        ) {\n          observer.disconnect();\n        }\n      });\n\n    observer.observe(\n      document.documentElement,\n      {\n        childList: true,\n        subtree: true,\n      }\n    );\n\n    window.setTimeout(() => {\n      observer.disconnect();\n    }, 10000);\n  };\n\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      start,\n      {\n        once: true,\n      }\n    );\n  } else {\n    start();\n  }\n\n\n  window.addEventListener(\n    \"load\",\n    start,\n    {\n      once: true,\n    }\n  );\n})();\n<\/script>\n\n<section class=\"ulucia-contact-cta\">\n\n  <div\n    class=\"ulucia-contact-cta__ambient\"\n    aria-hidden=\"true\"\n  >\n    <span class=\"ulucia-contact-cta__glow\"><\/span>\n\n    <span\n      class=\"ulucia-contact-cta__orbit ulucia-contact-cta__orbit--one\"\n    ><\/span>\n\n    <span\n      class=\"ulucia-contact-cta__orbit ulucia-contact-cta__orbit--two\"\n    ><\/span>\n  <\/div>\n\n  <div class=\"ulucia-contact-cta__inner\">\n\n    <div class=\"ulucia-contact-cta__box\">\n\n      <span\n        class=\"ulucia-contact-cta__watermark\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <p class=\"ulucia-contact-cta__eyebrow\">\n        CONTACT\n      <\/p>\n\n      <h2 class=\"ulucia-contact-cta__title\">\n        \u96fb\u6c17\u4ee3\u306e\u3053\u3068\u3001\u505c\u96fb\u3078\u306e\u5099\u3048\u3001<br>\n        \u4f4f\u307e\u3044\u306e\u3053\u3068\u3002\n      <\/h2>\n\n      <p class=\"ulucia-contact-cta__lead\">\n        \u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u306b\u3064\u3044\u3066\u3001<br>\n        \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<br>\n        \u304a\u5ba2\u69d8\u306e\u66ae\u3089\u3057\u306b\u5408\u3063\u305f\u9078\u629e\u80a2\u3092\u3001\n        \u5206\u304b\u308a\u3084\u3059\u304f\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <a\n        class=\"ulucia-contact-cta__button\"\n        href=\"https:\/\/www.ulucia.jp\/?page_id=853\"\n      >\n        <span>\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/span>\n\n        <span\n          class=\"ulucia-contact-cta__button-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n      <p class=\"ulucia-contact-cta__note\">\n        \u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u306e\u3054\u4f9d\u983c\u306a\u3069\u3001\n        \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u5927\u962a\u5e02\u3092\u62e0\u70b9\u306b\u3001\u95a2\u897f\u570f\u3067\u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u306e\u3053\u3068\u306a\u3089\u3001\u682a\u5f0f\u4f1a\u793e\u30a6\u30eb\u30b7\u30a2\u30b0\u30eb\u30fc\u30d7\u306b\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002 REASON Ulucia Group\u304c \u9078\u3070\u308c\u308b\u7406\u7531 \u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u3092\u901a\u3058\u3066\u3001 \u304a\u5ba2\u69d8\u306e\u66ae\u3089\u3057\u306b\u5b89\u5fc3 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.ulucia.jp\/\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;\u5927\u962a\u306e\u592a\u967d\u5149\u30fb\u84c4\u96fb\u6c60\u30fb\u30aa\u30fc\u30eb\u96fb\u5316\u306e\u3054\u76f8\u8ac7&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":820,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-819","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/pages\/819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=819"}],"version-history":[{"count":62,"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/pages\/819\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/pages\/819\/revisions\/1069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=\/wp\/v2\/media\/820"}],"wp:attachment":[{"href":"https:\/\/www.ulucia.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}